@charlesgomes/leafcode-shared-lib-react 1.0.11 → 1.0.16

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 (10) hide show
  1. package/dist/assets/images/seta.svg +3 -3
  2. package/dist/index.css +3 -2
  3. package/dist/index.d.mts +55 -55
  4. package/dist/index.d.ts +55 -55
  5. package/dist/index.js +4 -3
  6. package/dist/index.mjs +4 -3
  7. package/dist/{seta-T37FWQKV.svg → seta-E7LTVAWJ.svg} +3 -3
  8. package/dist/styles/button.css +107 -107
  9. package/dist/styles/table.css +551 -550
  10. package/package.json +62 -62
package/dist/styles/table.css CHANGED
@@ -1,551 +1,552 @@
1
- .disablePagination {
2
- display: grid;
3
- margin-bottom: 0.75rem;
4
- gap: 0.25rem;
5
- }
6
-
7
- .paginatorLeft {
8
- display: flex;
9
- align-items: center;
10
- gap: 10px;
11
- }
12
-
13
- .tableClassName {
14
- font-weight: 500;
15
- font-family: "Roboto", sans-serif;
16
- font-size: 0.875rem;
17
- }
18
-
19
- .paginatorClassName {
20
- padding: 0 0 0.75rem 0;
21
- font-weight: 500;
22
- font-family: "Roboto", sans-serif;
23
- font-size: 0.875rem;
24
- }
25
-
26
- .custom-input {
27
- font-weight: 500;
28
- font-family: "Roboto", sans-serif;
29
- font-size: 0.875rem;
30
- color: #1c1c1c;
31
- padding: 0 1.25rem;
32
- width: 13rem;
33
- height: 2rem;
34
- border: 1px solid #dadada;
35
- border-radius: 0.375rem;
36
- }
37
-
38
- .custom-input:focus {
39
- border: 1px solid #175dbf;
40
- box-shadow: none;
41
- }
42
-
43
- .custom-input::placeholder {
44
- color: #a5a5a5;
45
- }
46
-
47
- .PrevPage,
48
- .NextPage {
49
- display: flex;
50
- align-items: center;
51
- justify-content: center;
52
- width: 1.75rem;
53
- height: 1.9rem;
54
- border-radius: 0.375rem;
55
- }
56
-
57
- .PrevPageDisabled,
58
- .NextPageDisabled {
59
- background-color: #191919;
60
- opacity: 0.1;
61
- cursor: not-allowed;
62
- }
63
-
64
- .PrevPageEnabled,
65
- .NextPageEnabled {
66
- background-color: #272b2e;
67
- cursor: pointer;
68
- }
69
-
70
- .PrevPageEnabled:hover,
71
- .NextPageEnabled:hover {
72
- background-color: #175dbf;
73
- }
74
-
75
- .pageReport {
76
- font-weight: 500;
77
- font-family: "Roboto", sans-serif;
78
- font-size: 0.875rem;
79
- color: #191919;
80
- padding: 0 0.5rem;
81
- }
82
-
83
- .custom-select {
84
- max-width: 6rem;
85
- max-height: 34px;
86
- margin-inline-end: 1rem;
87
- }
88
-
89
- .custom-select-filtro {
90
- height: 2rem;
91
- font-weight: 500;
92
- font-family: "Roboto", sans-serif;
93
- font-size: 0.875rem;
94
- }
95
-
96
- .mensagem-nenhum-dado {
97
- text-align: center;
98
- font-weight: 500;
99
- font-family: "Roboto", sans-serif;
100
- padding: 2rem 0;
101
- color: #191919;
102
- }
103
-
104
- .p-button.p-button-outlined {
105
- background-color: transparent;
106
- color: transparent;
107
- border: 1px solid;
108
- padding: 0;
109
- }
110
-
111
- .p-button {
112
- color: #ffffff;
113
- background: transparent;
114
- border: 1px solid transparent;
115
- padding: 0;
116
- }
117
-
118
- table {
119
- border-collapse: separate;
120
- border-right: 1px solid #edf0f2;
121
- }
122
-
123
- th {
124
- border-top: 1px solid #edf0f2;
125
- border-bottom: 1px solid #edf0f2;
126
- border-left: 1px solid #edf0f2;
127
- padding: 0 14px;
128
- font-size: 14px;
129
- font-family: "Roboto", sans-serif;
130
- font-weight: bold;
131
- color: #373737;
132
- }
133
-
134
- td {
135
- border-bottom: 1px solid #edf0f2;
136
- border-left: 1px solid #edf0f2;
137
- padding: 5px 1rem;
138
- }
139
-
140
- .p-datatable .p-datatable-header {
141
- background: transparent;
142
- }
143
-
144
- .react-flow__node.draggable {
145
- color: #fff !important;
146
- }
147
-
148
- .react-flow__controls-button {
149
- color: #fff !important;
150
- }
151
-
152
- .custom-select {
153
- appearance: none;
154
- -webkit-appearance: none;
155
- -moz-appearance: none;
156
- background: #fff url("../assets/images/seta.svg") no-repeat right 6px center;
157
- }
158
-
159
- .react-tooltip {
160
- z-index: 99 !important;
161
- }
162
-
163
- .p-paginator-left-content {
164
- flex: 1;
165
- }
166
-
167
- .p-paginator {
168
- padding: 0.5rem 0 !important;
169
- border: 0;
170
- }
171
-
172
- th {
173
- background-color: #f7f7f7;
174
- font-weight: bold;
175
- }
176
-
177
- .p-datatable .p-datatable-tbody>tr {
178
- background: #fff;
179
- color: #000;
180
- font-family: "roboto", sans-serif;
181
- font-weight: 500;
182
- }
183
-
184
- .p-checkbox .p-checkbox-box {
185
- width: 1rem;
186
- height: 1rem;
187
- border: 1px solid #094394 !important;
188
- border-radius: 4px !important;
189
- background-color: #fff;
190
- }
191
-
192
- .p-checkbox.p-highlight .p-checkbox-box {
193
- border-color: #094394;
194
- background: #094394;
195
- }
196
-
197
- .p-checkbox {
198
- width: 1rem;
199
- height: 1rem;
200
- }
201
-
202
- .p-column-header-content .p-checkbox {
203
- position: relative;
204
- left: -2px;
205
- }
206
-
207
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
208
- border-color: #094394;
209
- background: #094394;
210
- color: #ffffff;
211
- }
212
-
213
- .p-datatable .p-datatable-tbody>tr.p-highlight {
214
- background: #fafbfc;
215
- }
216
-
217
- .p-dropdown {
218
- background-color: #fff;
219
- border: 1px solid #e1e1e6;
220
- height: 2.5rem;
221
- display: flex;
222
- align-items: center;
223
- margin-bottom: 10px;
224
- box-shadow: none;
225
- }
226
-
227
- .p-dropdown-label,
228
- .p-dropdown-item-label {
229
- font-size: 14px;
230
- font-family: "roboto", sans-serif;
231
- font-weight: bold;
232
- padding: 0 1rem 0 1rem;
233
- }
234
-
235
- .p-dropdown-item-label {
236
- padding: 6px 1rem;
237
- font-weight: 500;
238
- font-family: "Roboto", sans-serif;
239
- }
240
-
241
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
242
- margin: 0;
243
- padding: 0;
244
- border-radius: 0;
245
- }
246
-
247
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
248
- background: #094394;
249
- color: #fff;
250
- padding: 0;
251
- }
252
-
253
- .p-column-filter-overlay {
254
- background-color: #fff !important;
255
- border: none !important;
256
- padding: 1rem !important;
257
- box-shadow: 0px 22px 20px rgba(0, 0, 0, 0.3) !important;
258
- }
259
-
260
- .p-column-filter-overlay-menu .p-column-filter-operator {
261
- padding: 0.75rem 0;
262
- border-bottom: 1px solid #e1e1e6;
263
- color: #252525;
264
- background: #fff;
265
- }
266
-
267
- .p-column-filter-overlay-menu .p-column-filter-constraint {
268
- padding: 1.25rem 0;
269
- border-bottom: 1px solid #e1e1e6;
270
- }
271
-
272
- .p-column-filter {
273
- font-family: "Roboto", sans-serif;
274
- font-weight: 500;
275
- margin-top: 0.25rem;
276
- transition: all 0.3s ease-in-out;
277
- border: 1px solid #e1e1e6;
278
- background-color: v#1A1D22;
279
- color: #fff;
280
- padding-left: 0.75rem;
281
- padding-right: 0.75rem;
282
- width: 100%;
283
- height: 2.5rem;
284
- border-radius: 0.375rem;
285
- font-size: 13px;
286
- box-shadow: none;
287
- }
288
-
289
- .p-column-filter::placeholder {
290
- color: #a5a5a5;
291
- }
292
-
293
- .p-column-filter:hover,
294
- .p-column-filter:focus {
295
- border-color: #094394;
296
- }
297
-
298
- .p-column-filter-menu {
299
- background-color: transparent;
300
- border: none;
301
- border-radius: 0;
302
- width: auto;
303
- height: auto;
304
- padding-left: initial;
305
- padding-right: initial;
306
- }
307
-
308
- .p-column-filter-menu-button {
309
- width: 1.5rem;
310
- height: 1.5rem;
311
- }
312
-
313
- .p-column-filter-menu-button {
314
- padding: 6px;
315
- position: relative;
316
- top: -2px;
317
- }
318
-
319
- /* Botão ativo */
320
- .p-column-filter-menu-button.p-column-filter-menu-button-active {
321
- background-color: #094394;
322
- color: #ffffff;
323
- padding: 6px;
324
- margin-left: 4px;
325
- width: 1.5rem;
326
- height: 1.5rem;
327
- margin-left: 4px;
328
- border-radius: 5rem;
329
- }
330
-
331
- [aria-sort="ascending"] .p-sortable-column-icon,
332
- [aria-sort="descending"] .p-sortable-column-icon {
333
- background-color: #094394;
334
- color: #ffffff !important;
335
- padding: 6px;
336
- margin-left: 4px;
337
- width: 1.5rem;
338
- height: 1.5rem;
339
- border-radius: 5rem;
340
- }
341
-
342
- .p-icon {
343
- width: 12px;
344
- height: 12px;
345
- }
346
-
347
- .p-column-title {
348
- flex: 1;
349
- }
350
-
351
- .p-column-filter-add-button {
352
- font-family: "Roboto", sans-serif;
353
- font-weight: 500;
354
- font-size: 12px;
355
- color: #008236;
356
- box-shadow: none;
357
- display: flex;
358
- gap: 8px;
359
- padding: 10px 0;
360
- }
361
-
362
- .p-column-filter-add-button>svg {
363
- width: 12px;
364
- height: 12px;
365
- }
366
-
367
- .p-column-filter,
368
- .p-sortable-column-icon {
369
- color: #000 !important;
370
- }
371
-
372
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
373
- padding: 1.25rem 0;
374
- }
375
-
376
- .p-column-filter-buttonbar .p-c {
377
- font-family: "Roboto", sans-serif;
378
- font-weight: 500;
379
- font-size: 13px;
380
- color: #fff;
381
- background-color: #1b3540;
382
- padding: 4px 10px;
383
- border-radius: 4px;
384
- }
385
-
386
- .p-column-filter-buttonbar .p-c:hover {
387
- background-color: #094394;
388
- }
389
-
390
- .p-component .p-button-outlined,
391
- .p-button-sm {
392
- box-shadow: none;
393
- }
394
-
395
- .p-column-filter-remove-button {
396
- font-family: "Roboto", sans-serif;
397
- font-weight: 500;
398
- font-size: 12px;
399
- color: #f35353;
400
- box-shadow: none;
401
- display: flex;
402
- gap: 8px;
403
- padding: 10px 0 0 0;
404
- }
405
-
406
- .p-column-filter-remove-button>svg {
407
- width: 12px;
408
- height: 12px;
409
- }
410
-
411
- .p-datatable .p-datatable-loading-overlay {
412
- position: fixed;
413
- display: flex;
414
- align-items: center;
415
- justify-content: center;
416
- z-index: 99;
417
- }
418
-
419
- .NextPage>svg,
420
- .PrevPage>svg {
421
- fill: #fff;
422
- }
423
-
424
- .box-row-table {
425
- position: relative;
426
- }
427
-
428
- .box-icones-table-actions {
429
- display: flex;
430
- }
431
-
432
- .enable-button-table-actions {
433
- display: flex;
434
- align-items: center;
435
- justify-content: center;
436
- width: 1.75rem;
437
- height: 1.75rem;
438
- color: #1c1c1c;
439
- background-color: transparent;
440
- cursor: pointer;
441
- border-radius: 9999px;
442
- border: 0;
443
- transition: all 0.3s ease-in-out;
444
- }
445
-
446
- .enable-button-table-actions:hover {
447
- color: #fff;
448
- background-color: #175dbf;
449
- }
450
-
451
- .disable-button-table-actions {
452
- color: #1c1c1c;
453
- border-radius: 9999px;
454
- cursor: not-allowed;
455
- transition: all 0.3s ease-in-out;
456
- opacity: 0.2;
457
- }
458
-
459
- .disable-button-table-actions:hover {
460
- color: #1c1c1c;
461
- background-color: transparent;
462
- }
463
-
464
- .box-row-table .box-icones-actions-column {
465
- opacity: 0;
466
- transition: opacity 0.2s ease;
467
- }
468
-
469
- .box-row-table:hover .box-icones-actions-column {
470
- opacity: 1;
471
- }
472
-
473
- .box-icones-actions-column {
474
- position: absolute;
475
- padding: 0.125rem;
476
- width: fit-content;
477
- height: fit-content;
478
- margin: auto;
479
- inset: 0;
480
- display: flex;
481
- align-items: center;
482
- justify-content: center;
483
- opacity: 0;
484
- gap: 0.25rem;
485
- transition: opacity 0.2s ease;
486
- }
487
-
488
- .box-icones-actions-column:hover {
489
- opacity: 1;
490
- }
491
-
492
- .btn-icone-actions-column {
493
- color: #1c1c1c;
494
- cursor: pointer;
495
- padding: 0;
496
- border: 0;
497
- width: 1.5rem;
498
- height: 1.5rem;
499
- display: flex;
500
- align-items: center;
501
- justify-content: center;
502
- border-radius: 10rem;
503
- transition: all 0.3s ease-in-out;
504
- }
505
-
506
- .btn-icone-actions-column:hover {
507
- color: #ffffff;
508
- background-color: #175dbf;
509
- }
510
-
511
- .tooltip-custom {
512
- font-weight: 500;
513
- font-size: 13px;
514
- }
515
-
516
- @media (max-width: 767px) {
517
- .p-paginator-left-content {
518
- min-width: 100vw;
519
- margin-bottom: 8px;
520
- }
521
-
522
- .p-paginator-top {
523
- display: flex;
524
- align-items: flex-start;
525
- justify-content: flex-start;
526
- }
527
-
528
- .pageReport {
529
- position: relative;
530
- top: 10px !important;
531
- }
532
-
533
- .PrevPage,
534
- .NextPage {
535
- position: relative;
536
- top: 4px !important;
537
- }
538
- }
539
-
540
- @media (max-width: 567px) {
541
-
542
- .disablePagination,
543
- .paginatorLeft {
544
- display: grid;
545
- gap: 1rem;
546
- }
547
-
548
- .custom-select {
549
- min-width: 100%;
550
- }
1
+ .disablePagination {
2
+ display: flex;
3
+ align-items: center;
4
+ margin-bottom: 0.75rem;
5
+ gap: 0.25rem;
6
+ }
7
+
8
+ .paginatorLeft {
9
+ display: flex;
10
+ align-items: center;
11
+ gap: 10px;
12
+ }
13
+
14
+ .tableClassName {
15
+ font-weight: 500;
16
+ font-family: "Roboto", sans-serif;
17
+ font-size: 0.875rem;
18
+ }
19
+
20
+ .paginatorClassName {
21
+ padding: 0 0 0.75rem 0;
22
+ font-weight: 500;
23
+ font-family: "Roboto", sans-serif;
24
+ font-size: 0.875rem;
25
+ }
26
+
27
+ .custom-input {
28
+ font-weight: 500;
29
+ font-family: "Roboto", sans-serif;
30
+ font-size: 0.875rem;
31
+ color: #1c1c1c;
32
+ padding: 0 1.25rem;
33
+ width: 13rem;
34
+ height: 2rem;
35
+ border: 1px solid #dadada;
36
+ border-radius: 0.375rem;
37
+ }
38
+
39
+ .custom-input:focus {
40
+ border: 1px solid #175dbf;
41
+ box-shadow: none;
42
+ }
43
+
44
+ .custom-input::placeholder {
45
+ color: #a5a5a5;
46
+ }
47
+
48
+ .PrevPage,
49
+ .NextPage {
50
+ display: flex;
51
+ align-items: center;
52
+ justify-content: center;
53
+ width: 1.75rem;
54
+ height: 1.9rem;
55
+ border-radius: 0.375rem;
56
+ }
57
+
58
+ .PrevPageDisabled,
59
+ .NextPageDisabled {
60
+ background-color: #191919;
61
+ opacity: 0.1;
62
+ cursor: not-allowed;
63
+ }
64
+
65
+ .PrevPageEnabled,
66
+ .NextPageEnabled {
67
+ background-color: #272b2e;
68
+ cursor: pointer;
69
+ }
70
+
71
+ .PrevPageEnabled:hover,
72
+ .NextPageEnabled:hover {
73
+ background-color: #175dbf;
74
+ }
75
+
76
+ .pageReport {
77
+ font-weight: 500;
78
+ font-family: "Roboto", sans-serif;
79
+ font-size: 0.875rem;
80
+ color: #191919;
81
+ padding: 0 0.5rem;
82
+ }
83
+
84
+ .custom-select {
85
+ max-width: 6rem;
86
+ max-height: 34px;
87
+ margin-inline-end: 1rem;
88
+ }
89
+
90
+ .custom-select-filtro {
91
+ height: 2rem;
92
+ font-weight: 500;
93
+ font-family: "Roboto", sans-serif;
94
+ font-size: 0.875rem;
95
+ }
96
+
97
+ .mensagem-nenhum-dado {
98
+ text-align: center;
99
+ font-weight: 500;
100
+ font-family: "Roboto", sans-serif;
101
+ padding: 2rem 0;
102
+ color: #191919;
103
+ }
104
+
105
+ .p-button.p-button-outlined {
106
+ background-color: transparent;
107
+ color: transparent;
108
+ border: 1px solid;
109
+ padding: 0;
110
+ }
111
+
112
+ .p-button {
113
+ color: #ffffff;
114
+ background: transparent;
115
+ border: 1px solid transparent;
116
+ padding: 0;
117
+ }
118
+
119
+ table {
120
+ border-collapse: separate;
121
+ border-right: 1px solid #edf0f2;
122
+ }
123
+
124
+ th {
125
+ border-top: 1px solid #edf0f2;
126
+ border-bottom: 1px solid #edf0f2;
127
+ border-left: 1px solid #edf0f2;
128
+ padding: 0 14px;
129
+ font-size: 14px;
130
+ font-family: "Roboto", sans-serif;
131
+ font-weight: bold;
132
+ color: #373737;
133
+ }
134
+
135
+ td {
136
+ border-bottom: 1px solid #edf0f2;
137
+ border-left: 1px solid #edf0f2;
138
+ padding: 5px 1rem;
139
+ }
140
+
141
+ .p-datatable .p-datatable-header {
142
+ background: transparent;
143
+ }
144
+
145
+ .react-flow__node.draggable {
146
+ color: #fff !important;
147
+ }
148
+
149
+ .react-flow__controls-button {
150
+ color: #fff !important;
151
+ }
152
+
153
+ .custom-select {
154
+ appearance: none;
155
+ -webkit-appearance: none;
156
+ -moz-appearance: none;
157
+ background: #fff url("../assets/images/seta.svg") no-repeat right 6px center;
158
+ }
159
+
160
+ .react-tooltip {
161
+ z-index: 99 !important;
162
+ }
163
+
164
+ .p-paginator-left-content {
165
+ flex: 1;
166
+ }
167
+
168
+ .p-paginator {
169
+ padding: 0.5rem 0 !important;
170
+ border: 0;
171
+ }
172
+
173
+ th {
174
+ background-color: #f7f7f7;
175
+ font-weight: bold;
176
+ }
177
+
178
+ .p-datatable .p-datatable-tbody>tr {
179
+ background: #fff;
180
+ color: #000;
181
+ font-family: "roboto", sans-serif;
182
+ font-weight: 500;
183
+ }
184
+
185
+ .p-checkbox .p-checkbox-box {
186
+ width: 1rem;
187
+ height: 1rem;
188
+ border: 1px solid #094394 !important;
189
+ border-radius: 4px !important;
190
+ background-color: #fff;
191
+ }
192
+
193
+ .p-checkbox.p-highlight .p-checkbox-box {
194
+ border-color: #094394;
195
+ background: #094394;
196
+ }
197
+
198
+ .p-checkbox {
199
+ width: 1rem;
200
+ height: 1rem;
201
+ }
202
+
203
+ .p-column-header-content .p-checkbox {
204
+ position: relative;
205
+ left: -2px;
206
+ }
207
+
208
+ .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
209
+ border-color: #094394;
210
+ background: #094394;
211
+ color: #ffffff;
212
+ }
213
+
214
+ .p-datatable .p-datatable-tbody>tr.p-highlight {
215
+ background: #fafbfc;
216
+ }
217
+
218
+ .p-dropdown {
219
+ background-color: #fff;
220
+ border: 1px solid #e1e1e6;
221
+ height: 2.5rem;
222
+ display: flex;
223
+ align-items: center;
224
+ margin-bottom: 10px;
225
+ box-shadow: none;
226
+ }
227
+
228
+ .p-dropdown-label,
229
+ .p-dropdown-item-label {
230
+ font-size: 14px;
231
+ font-family: "roboto", sans-serif;
232
+ font-weight: bold;
233
+ padding: 0 1rem 0 1rem;
234
+ }
235
+
236
+ .p-dropdown-item-label {
237
+ padding: 6px 1rem;
238
+ font-weight: 500;
239
+ font-family: "Roboto", sans-serif;
240
+ }
241
+
242
+ .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
243
+ margin: 0;
244
+ padding: 0;
245
+ border-radius: 0;
246
+ }
247
+
248
+ .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
249
+ background: #094394;
250
+ color: #fff;
251
+ padding: 0;
252
+ }
253
+
254
+ .p-column-filter-overlay {
255
+ background-color: #fff !important;
256
+ border: none !important;
257
+ padding: 1rem !important;
258
+ box-shadow: 0px 22px 20px rgba(0, 0, 0, 0.3) !important;
259
+ }
260
+
261
+ .p-column-filter-overlay-menu .p-column-filter-operator {
262
+ padding: 0.75rem 0;
263
+ border-bottom: 1px solid #e1e1e6;
264
+ color: #252525;
265
+ background: #fff;
266
+ }
267
+
268
+ .p-column-filter-overlay-menu .p-column-filter-constraint {
269
+ padding: 1.25rem 0;
270
+ border-bottom: 1px solid #e1e1e6;
271
+ }
272
+
273
+ .p-column-filter {
274
+ font-family: "Roboto", sans-serif;
275
+ font-weight: 500;
276
+ margin-top: 0.25rem;
277
+ transition: all 0.3s ease-in-out;
278
+ border: 1px solid #e1e1e6;
279
+ background-color: v#1A1D22;
280
+ color: #fff;
281
+ padding-left: 0.75rem;
282
+ padding-right: 0.75rem;
283
+ width: 100%;
284
+ height: 2.5rem;
285
+ border-radius: 0.375rem;
286
+ font-size: 13px;
287
+ box-shadow: none;
288
+ }
289
+
290
+ .p-column-filter::placeholder {
291
+ color: #a5a5a5;
292
+ }
293
+
294
+ .p-column-filter:hover,
295
+ .p-column-filter:focus {
296
+ border-color: #094394;
297
+ }
298
+
299
+ .p-column-filter-menu {
300
+ background-color: transparent;
301
+ border: none;
302
+ border-radius: 0;
303
+ width: auto;
304
+ height: auto;
305
+ padding-left: initial;
306
+ padding-right: initial;
307
+ }
308
+
309
+ .p-column-filter-menu-button {
310
+ width: 1.5rem;
311
+ height: 1.5rem;
312
+ }
313
+
314
+ .p-column-filter-menu-button {
315
+ padding: 6px;
316
+ position: relative;
317
+ top: -2px;
318
+ }
319
+
320
+ /* Botão ativo */
321
+ .p-column-filter-menu-button.p-column-filter-menu-button-active {
322
+ background-color: #094394;
323
+ color: #ffffff;
324
+ padding: 6px;
325
+ margin-left: 4px;
326
+ width: 1.5rem;
327
+ height: 1.5rem;
328
+ margin-left: 4px;
329
+ border-radius: 5rem;
330
+ }
331
+
332
+ [aria-sort="ascending"] .p-sortable-column-icon,
333
+ [aria-sort="descending"] .p-sortable-column-icon {
334
+ background-color: #094394;
335
+ color: #ffffff !important;
336
+ padding: 6px;
337
+ margin-left: 4px;
338
+ width: 1.5rem;
339
+ height: 1.5rem;
340
+ border-radius: 5rem;
341
+ }
342
+
343
+ .p-icon {
344
+ width: 12px;
345
+ height: 12px;
346
+ }
347
+
348
+ .p-column-title {
349
+ flex: 1;
350
+ }
351
+
352
+ .p-column-filter-add-button {
353
+ font-family: "Roboto", sans-serif;
354
+ font-weight: 500;
355
+ font-size: 12px;
356
+ color: #008236;
357
+ box-shadow: none;
358
+ display: flex;
359
+ gap: 8px;
360
+ padding: 10px 0;
361
+ }
362
+
363
+ .p-column-filter-add-button>svg {
364
+ width: 12px;
365
+ height: 12px;
366
+ }
367
+
368
+ .p-column-filter,
369
+ .p-sortable-column-icon {
370
+ color: #000 !important;
371
+ }
372
+
373
+ .p-column-filter-overlay-menu .p-column-filter-buttonbar {
374
+ padding: 1.25rem 0;
375
+ }
376
+
377
+ .p-column-filter-buttonbar .p-c {
378
+ font-family: "Roboto", sans-serif;
379
+ font-weight: 500;
380
+ font-size: 13px;
381
+ color: #fff;
382
+ background-color: #1b3540;
383
+ padding: 4px 10px;
384
+ border-radius: 4px;
385
+ }
386
+
387
+ .p-column-filter-buttonbar .p-c:hover {
388
+ background-color: #094394;
389
+ }
390
+
391
+ .p-component .p-button-outlined,
392
+ .p-button-sm {
393
+ box-shadow: none;
394
+ }
395
+
396
+ .p-column-filter-remove-button {
397
+ font-family: "Roboto", sans-serif;
398
+ font-weight: 500;
399
+ font-size: 12px;
400
+ color: #f35353;
401
+ box-shadow: none;
402
+ display: flex;
403
+ gap: 8px;
404
+ padding: 10px 0 0 0;
405
+ }
406
+
407
+ .p-column-filter-remove-button>svg {
408
+ width: 12px;
409
+ height: 12px;
410
+ }
411
+
412
+ .p-datatable .p-datatable-loading-overlay {
413
+ position: fixed;
414
+ display: flex;
415
+ align-items: center;
416
+ justify-content: center;
417
+ z-index: 99;
418
+ }
419
+
420
+ .NextPage>svg,
421
+ .PrevPage>svg {
422
+ fill: #fff;
423
+ }
424
+
425
+ .box-row-table {
426
+ position: relative;
427
+ }
428
+
429
+ .box-icones-table-actions {
430
+ display: flex;
431
+ }
432
+
433
+ .enable-button-table-actions {
434
+ display: flex;
435
+ align-items: center;
436
+ justify-content: center;
437
+ width: 1.75rem;
438
+ height: 1.75rem;
439
+ color: #1c1c1c;
440
+ background-color: transparent;
441
+ cursor: pointer;
442
+ border-radius: 9999px;
443
+ border: 0;
444
+ transition: all 0.3s ease-in-out;
445
+ }
446
+
447
+ .enable-button-table-actions:hover {
448
+ color: #fff;
449
+ background-color: #175dbf;
450
+ }
451
+
452
+ .disable-button-table-actions {
453
+ color: #1c1c1c;
454
+ border-radius: 9999px;
455
+ cursor: not-allowed;
456
+ transition: all 0.3s ease-in-out;
457
+ opacity: 0.2;
458
+ }
459
+
460
+ .disable-button-table-actions:hover {
461
+ color: #1c1c1c;
462
+ background-color: transparent;
463
+ }
464
+
465
+ .box-row-table .box-icones-actions-column {
466
+ opacity: 0;
467
+ transition: opacity 0.2s ease;
468
+ }
469
+
470
+ .box-row-table:hover .box-icones-actions-column {
471
+ opacity: 1;
472
+ }
473
+
474
+ .box-icones-actions-column {
475
+ position: absolute;
476
+ padding: 0.125rem;
477
+ width: fit-content;
478
+ height: fit-content;
479
+ margin: auto;
480
+ inset: 0;
481
+ display: flex;
482
+ align-items: center;
483
+ justify-content: center;
484
+ opacity: 0;
485
+ gap: 0.25rem;
486
+ transition: opacity 0.2s ease;
487
+ }
488
+
489
+ .box-icones-actions-column:hover {
490
+ opacity: 1;
491
+ }
492
+
493
+ .btn-icone-actions-column {
494
+ color: #1c1c1c;
495
+ cursor: pointer;
496
+ padding: 0;
497
+ border: 0;
498
+ width: 1.5rem;
499
+ height: 1.5rem;
500
+ display: flex;
501
+ align-items: center;
502
+ justify-content: center;
503
+ border-radius: 10rem;
504
+ transition: all 0.3s ease-in-out;
505
+ }
506
+
507
+ .btn-icone-actions-column:hover {
508
+ color: #ffffff;
509
+ background-color: #175dbf;
510
+ }
511
+
512
+ .tooltip-custom {
513
+ font-weight: 500;
514
+ font-size: 13px;
515
+ }
516
+
517
+ @media (max-width: 767px) {
518
+ .p-paginator-left-content {
519
+ min-width: 100vw;
520
+ margin-bottom: 8px;
521
+ }
522
+
523
+ .p-paginator-top {
524
+ display: flex;
525
+ align-items: flex-start;
526
+ justify-content: flex-start;
527
+ }
528
+
529
+ .pageReport {
530
+ position: relative;
531
+ top: 10px !important;
532
+ }
533
+
534
+ .PrevPage,
535
+ .NextPage {
536
+ position: relative;
537
+ top: 4px !important;
538
+ }
539
+ }
540
+
541
+ @media (max-width: 567px) {
542
+
543
+ .disablePagination,
544
+ .paginatorLeft {
545
+ display: grid;
546
+ gap: 1rem;
547
+ }
548
+
549
+ .custom-select {
550
+ min-width: 100%;
551
+ }
551
552
  }