@farm-investimentos/front-mfe-components 14.2.2 → 15.0.0

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 (140) hide show
  1. package/dist/front-mfe-components.common.js +1232 -1133
  2. package/dist/front-mfe-components.common.js.map +1 -1
  3. package/dist/front-mfe-components.css +2 -2
  4. package/dist/front-mfe-components.umd.js +1232 -1133
  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/AlertBox/AlertBox.scss +3 -2
  10. package/src/components/AlertBox/AlertBox.vue +2 -0
  11. package/src/components/Buttons/DefaultButton/DefaultButton.scss +35 -9
  12. package/src/components/Buttons/DefaultButton/DefaultButton.stories.js +4 -4
  13. package/src/components/Buttons/DefaultButton/DefaultButton.vue +2 -0
  14. package/src/components/Card/Card.scss +1 -1
  15. package/src/components/Card/CardComposition.stories.ts +8 -2
  16. package/src/components/Card/CardContent/CardContent.scss +11 -0
  17. package/src/components/Card/CardContent/CardContent.stories.js +11 -0
  18. package/src/components/Card/CardContent/CardContent.vue +9 -1
  19. package/src/components/CardContext/__tests__/CardContext.spec.js +5 -2
  20. package/src/components/Checkbox/Checkbox.scss +2 -2
  21. package/src/components/Checkbox/Checkbox.vue +2 -1
  22. package/src/components/Chip/Chip.scss +15 -15
  23. package/src/components/Chip/Chip.stories.js +13 -13
  24. package/src/components/Chip/Chip.stories.scss +1 -16
  25. package/src/components/Chip/Chip.vue +25 -3
  26. package/src/components/Collapsible/Collapsible.scss +8 -3
  27. package/src/components/Collapsible/Collapsible.stories.js +68 -1
  28. package/src/components/Collapsible/Collapsible.vue +68 -8
  29. package/src/components/ContextMenu/ContextMenu.scss +1 -1
  30. package/src/components/ContextMenu/ContextMenu.stories.js +3 -3
  31. package/src/components/ContextMenu/ContextMenu.vue +14 -2
  32. package/src/components/CopyToClipboard/CopyToClipboard.stories.js +7 -1
  33. package/src/components/CopyToClipboard/CopyToClipboard.vue +15 -3
  34. package/src/components/DataTableEmptyWrapper/DataTableEmptyWrapper.scss +6 -9
  35. package/src/components/DataTableEmptyWrapper/DataTableEmptyWrapper.stories.js +4 -0
  36. package/src/components/DataTableEmptyWrapper/DataTableEmptyWrapper.vue +21 -5
  37. package/src/components/{TextField/__tests__/TextField.spec.js → DataTableEmptyWrapper/__tests__/DataTableEmptyWrapper.spec.js} +3 -3
  38. package/src/components/DataTableHeader/DataTableHeader.scss +10 -12
  39. package/src/components/DataTableHeader/DataTableHeader.vue +5 -4
  40. package/src/components/DataTablePaginator/DataTablePaginator.scss +71 -69
  41. package/src/components/DatePicker/DatePicker.scss +5 -5
  42. package/src/components/DatePicker/vDatePicker.scss +214 -0
  43. package/src/components/DialogFooter/DialogFooter.scss +1 -1
  44. package/src/components/DialogFooter/DialogFooter.stories.js +2 -2
  45. package/src/components/DialogFooter/DialogFooter.vue +1 -1
  46. package/src/components/DialogHeader/DialogHeader.scss +2 -3
  47. package/src/components/DialogHeader/DialogHeader.vue +4 -4
  48. package/src/components/Form/Form.stories.js +1 -1
  49. package/src/components/Icon/Icon.scss +6 -0
  50. package/src/components/Icon/Icon.stories.js +19 -1
  51. package/src/components/Icon/Icon.vue +8 -2
  52. package/src/components/IconBox/IconBox.stories.js +16 -0
  53. package/src/components/IconBox/IconBox.vue +17 -7
  54. package/src/components/IdCaption/IdCaption.vue +27 -13
  55. package/src/components/Label/Label.scss +17 -5
  56. package/src/components/Label/Label.stories.js +0 -1
  57. package/src/components/ListItem/ListItem.scss +5 -3
  58. package/src/components/ListItem/ListItem.vue +2 -0
  59. package/src/components/Logger/LoggerItem/LoggerItem.scss +9 -1
  60. package/src/components/Logger/LoggerItem/LoggerItem.vue +25 -8
  61. package/src/components/Logger/LoggerItem/__tests__/LoggerItem.spec.js +1 -1
  62. package/src/components/MainFilter/MainFilter.stories.js +4 -4
  63. package/src/components/Modal/Modal.scss +3 -3
  64. package/src/components/ModalPromptUser/ModalPromptUser.stories.js +26 -0
  65. package/src/components/ModalPromptUser/ModalPromptUser.vue +10 -0
  66. package/src/components/MultipleFilePicker/MultipleFilePicker.scss +19 -12
  67. package/src/components/MultipleFilePicker/MultipleFilePicker.stories.js +12 -0
  68. package/src/components/MultipleFilePicker/MultipleFilePicker.vue +18 -11
  69. package/src/components/MultipleFilePicker/__tests__/MultipleFilePicker.spec.js +9 -0
  70. package/src/components/ProgressBar/ProgressBar.vue +4 -0
  71. package/src/components/Radio/Radio.scss +18 -4
  72. package/src/components/Radio/Radio.stories.js +2 -1
  73. package/src/components/Radio/Radio.vue +3 -1
  74. package/src/components/ResourceMetaInfo/ResourceMetaInfo.vue +8 -8
  75. package/src/components/Select/Select.scss +4 -0
  76. package/src/components/Select/Select.vue +4 -0
  77. package/src/components/Stepper/StepperHeader/StepperHeader.scss +7 -7
  78. package/src/components/Switcher/Switcher.scss +24 -8
  79. package/src/components/Switcher/Switcher.stories.js +33 -0
  80. package/src/components/Switcher/Switcher.vue +24 -3
  81. package/src/components/TableContextMenu/TableContextMenu.scss +4 -9
  82. package/src/components/TableContextMenu/TableContextMenu.stories.js +2 -0
  83. package/src/components/TableContextMenu/TableContextMenu.vue +3 -3
  84. package/src/components/Tabs/Tabs.scss +21 -10
  85. package/src/components/Tabs/Tabs.vue +45 -24
  86. package/src/components/TextArea/TextArea.scss +7 -3
  87. package/src/components/TextArea/TextArea.vue +1 -0
  88. package/src/components/TextFieldV2/TextFieldV2.scss +8 -4
  89. package/src/components/TextFieldV2/TextFieldV2.vue +1 -0
  90. package/src/components/Tooltip/Tooltip.scss +8 -10
  91. package/src/components/Tooltip/Tooltip.vue +4 -2
  92. package/src/components/Typography/BodyText/BodyText.scss +7 -7
  93. package/src/components/Typography/Caption/Caption.scss +7 -7
  94. package/src/components/Typography/Caption/Caption.stories.js +1 -1
  95. package/src/components/Typography/Caption/Caption.vue +4 -1
  96. package/src/components/Typography/Caption/configurations.ts +3 -2
  97. package/src/components/Typography/Heading/Heading.scss +19 -19
  98. package/src/components/Typography/Heading/configurations.ts +5 -5
  99. package/src/components/Typography/Small/Small.scss +3 -0
  100. package/src/components/Typography/Small/Small.stories.js +34 -0
  101. package/src/components/Typography/Small/Small.vue +47 -0
  102. package/src/components/Typography/Small/__tests__/Small.spec.js +31 -0
  103. package/src/components/Typography/Small/configurations.ts +7 -0
  104. package/src/components/Typography/Subtitle/Subtitle.scss +7 -7
  105. package/src/components/Typography/Typography.scss +10 -0
  106. package/src/components/Typography/Typography.stories.js +15 -2
  107. package/src/components/Typography/Typography.vue +6 -2
  108. package/src/components/Typography/index.ts +2 -1
  109. package/src/components/ValueCaption/ValueCaption.vue +2 -0
  110. package/src/components/layout/Line/Line.scss +15 -0
  111. package/src/components/layout/Line/Line.stories.js +28 -5
  112. package/src/components/layout/Line/Line.vue +37 -3
  113. package/src/configurations/_mixins.scss +1 -1
  114. package/src/configurations/_theme-colors-background.scss +10 -0
  115. package/src/configurations/_theme-colors-bw.scss +10 -0
  116. package/src/configurations/_theme-colors.scss +79 -48
  117. package/src/configurations/_variables.scss +2 -0
  118. package/src/examples/Colors.stories.js +39 -1
  119. package/src/examples/Colors.stories.scss +1 -1
  120. package/src/helpers/index.ts +2 -1
  121. package/src/helpers/isChildOfFixedElement.js +16 -0
  122. package/src/main.ts +0 -3
  123. package/src/scss/Sticky-table.scss +8 -6
  124. package/src/scss/VuejsDialog.scss +58 -51
  125. package/src/scss/cssVariablesGenerator.scss +17 -14
  126. package/src/scss/utils.scss +17 -251
  127. package/src/components/FilePicker/FilePicker.scss +0 -53
  128. package/src/components/FilePicker/FilePicker.stories.js +0 -14
  129. package/src/components/FilePicker/FilePicker.vue +0 -109
  130. package/src/components/FilePicker/__tests__/FilePicker.spec.js +0 -77
  131. package/src/components/FilePicker/index.ts +0 -3
  132. package/src/components/TextField/TextField.scss +0 -43
  133. package/src/components/TextField/TextField.stories.js +0 -104
  134. package/src/components/TextField/TextField.vue +0 -18
  135. package/src/components/TextField/index.ts +0 -4
  136. package/src/scss/ButtonOverrides.scss +0 -73
  137. package/src/scss/DefaultModal.scss +0 -89
  138. package/src/scss/DialogOverrides.scss +0 -94
  139. package/src/scss/FormOverrides.scss +0 -264
  140. package/src/scss/Status-Chip.scss +0 -34
@@ -1,264 +0,0 @@
1
- .theme--light {
2
-
3
- .fieldset-default,
4
- .v-col-fieldset-default {
5
- border: 0;
6
-
7
- label {
8
- font-weight: bold;
9
- display: block;
10
- margin-bottom: 0.5rem;
11
- }
12
- }
13
-
14
- &.v-input {
15
- &.v-text-field.v-text-field--outlined {
16
- .v-input__slot {
17
- .v-input__append-inner {
18
- margin-top: 8px;
19
- }
20
-
21
- .v-input__prepend-inner {
22
- margin-top: 8px;
23
- }
24
- }
25
-
26
- .v-input__prepend-outer {
27
- margin-top: 8px;
28
- }
29
- }
30
-
31
- &.v-text-field.v-input--dense.v-text-field--outlined {
32
- .v-input__slot {
33
- min-height: 36px !important;
34
- height: 36px;
35
- background: white;
36
-
37
- fieldset {
38
- border-color: var(--v-gray-lighten2);
39
- }
40
-
41
- input,
42
- .v-select__selection {
43
- font-size: 0.75rem;
44
- }
45
-
46
- .v-input__append-inner {
47
- margin-top: 8px;
48
- }
49
-
50
- .v-input__prepend-inner {
51
- margin-top: 8px;
52
- }
53
- }
54
-
55
- .v-input__prepend-outer {
56
- margin-top: 8px;
57
- }
58
-
59
- &.v-input--is-label-active.v-input--is-focused {
60
- .v-input__slot fieldset {
61
- border-color: var(--v-secondary-base);
62
- }
63
-
64
- input {
65
- color: var(--v-secondary-base);
66
- }
67
- }
68
-
69
- &.error--text {
70
- .v-input__slot fieldset {
71
- border-color: var(--v-error-base);
72
- border-width: 1px;
73
- }
74
-
75
- &:after {
76
- content: '\F0028';
77
- position: absolute;
78
- font: normal normal normal 24px/1 'Material Design Icons';
79
- right: 6px;
80
- top: 6px;
81
- }
82
- }
83
- }
84
- }
85
-
86
- .v-textarea.v-text-field--enclosed .v-text-field__slot {
87
- textarea {
88
- font-size: 0.75rem;
89
- line-height: 1.25rem;
90
- }
91
- }
92
-
93
- .v-text-field--outlined:not(.v-input--is-focused):not(.v-input--has-state)>.v-input__control>.v-input__slot fieldset {
94
- border-color: var(--v-gray-lighten2);
95
- }
96
-
97
- .v-text-field--outlined.v-input--is-focused>.v-input__control>.v-input__slot fieldset {
98
- border-color: var(--v-gray-lighten2);
99
- border-width: 1px;
100
- }
101
-
102
- .v-text-field .v-text-field__details {
103
- padding-left: 0 !important;
104
- min-height: 16px !important;
105
- margin-bottom: 0 !important;
106
- }
107
- }
108
-
109
- .v-text-field {
110
- .v-input__slot {
111
- margin-bottom: 4px;
112
- }
113
-
114
- &.v-text-field--enclosed .v-text-field__details {
115
- min-height: 16px !important;
116
- margin-bottom: 4px !important;
117
- }
118
-
119
- &.v-text-field--solo .v-input__control {
120
- min-height: 30px;
121
- }
122
- }
123
-
124
- .v-text-field .v-form {
125
- .v-col-fieldset-default {
126
- margin-bottom: 0;
127
- padding-bottom: 0;
128
-
129
- span.required {
130
- color: var(--v-error-base);
131
- }
132
- }
133
-
134
- .row.form__footer-buttons--right {
135
- margin: 0;
136
- margin-top: 1rem;
137
- padding: 0;
138
- justify-content: flex-end;
139
-
140
- .v-btn {
141
- margin-left: 1rem;
142
- }
143
- }
144
- }
145
-
146
- .v-form.v-form-importfile {
147
- >.row:first-child {
148
- border-bottom: 1px solid var(--v-gray-lighten2);
149
- padding: 1rem;
150
-
151
- h3 {
152
- font-weight: 700;
153
- color: var(--v-secondary-base);
154
- }
155
- }
156
-
157
- >.row:nth-child(2) {
158
- padding: 1rem;
159
-
160
- legend {
161
- font-weight: 700;
162
- width: 100%;
163
- }
164
- }
165
- }
166
-
167
- .v-form.form-custom-disabled {
168
- .theme--light {
169
- &.v-text-field.v-input--is-disabled .v-input__slot {
170
- padding-left: 0;
171
-
172
- input,
173
- label {
174
- color: var(--v-primary-base);
175
- font-size: 1rem !important;
176
- }
177
- }
178
-
179
- &.v-text-field.v-input--is-disabled .v-input__slot fieldset {
180
- border: none;
181
- }
182
- }
183
- }
184
-
185
- .theme--light.v-input--switch {
186
- .v-input--switch__thumb {
187
- color: #ffffff !important;
188
- }
189
-
190
- .v-input--switch__track.theme--light {
191
- background: #f0643b;
192
-
193
- &.secondary--text {
194
- background-color: var(--v-secondary-base);
195
- }
196
- }
197
-
198
- label {
199
- font-size: 0.5rem;
200
- font-weight: 600;
201
- margin-top: 0.5rem;
202
- padding-bottom: 0.5rem;
203
- }
204
- }
205
-
206
- @media screen and (max-width: 600px) {
207
- .v-form {
208
- .row.form__footer-buttons--right {
209
- justify-content: unset;
210
-
211
- .v-btn {
212
- margin-left: 0;
213
- }
214
-
215
- .v-btn:not(:first-child) {
216
- margin-top: 1rem;
217
- }
218
- }
219
- }
220
- }
221
-
222
- //temporary solution for v-data-table checkboxes
223
- .v-data-table__checkbox.v-simple-checkbox {
224
- .v-icon.v-icon {
225
- font-size: 22px;
226
- color: var(--farm-neutral-darken);
227
-
228
- &.mdi-checkbox-marked,
229
- &.mdi-minus-box {
230
- color: var(--farm-primary-base);
231
- }
232
- }
233
-
234
- .v-input--selection-controls__ripple {
235
- display: none;
236
- }
237
- }
238
-
239
- .v-list.v-select-list.v-sheet.theme--light.v-list--dense.theme--light {
240
- .v-list-item.v-list-item--link {
241
- padding: 8px 12px;
242
- height: 36px;
243
- border-bottom: none;
244
-
245
- &:hover {
246
- background-color: var(--farm-primary-lighten);
247
- }
248
- }
249
-
250
- .v-list-item .v-list-item__content {
251
- padding: 0;
252
- }
253
-
254
- .v-list-item__title {
255
- font-weight: 700;
256
- font-size: 12px;
257
- color: var(--farm-text-primary);
258
- line-height: 12px;
259
- }
260
-
261
- .v-list-item__action:first-child {
262
- margin-right: 16px;
263
- }
264
- }
@@ -1,34 +0,0 @@
1
- .status-chip.v-chip.v-size--small {
2
- font-size: 0.625;
3
- border-radius: 0.5rem;
4
- }
5
-
6
- $statusList: 'primary', 'secondary', 'accent', 'error', 'info', 'success', 'warning';
7
-
8
- .status-chip.v-chip {
9
- @each $s in $statusList {
10
- &.status-chip-#{$s} {
11
- background-color: var(--v-#{$s}-base) !important;
12
- color: white;
13
- }
14
- }
15
-
16
- &.status-chip-secondary__variant {
17
- background-color: var(--v-secondary-lighten4) !important;
18
- color: var(--v-secondary-base);
19
- }
20
-
21
- &.status-chip-secondary__variant {
22
- background-color: var(--v-secondary-lighten4) !important;
23
- color: var(--v-secondary-base);
24
- }
25
- &.status-chip-yellow {
26
- background-color: var(--v-yellow-base) !important;
27
- color: var(--v-gray-lighten3) !important;
28
- }
29
-
30
- &.status-chip--fullwidth {
31
- width: 100%;
32
- justify-content: center;
33
- }
34
- }