@syncfusion/ej2-react-grids 23.2.7 → 24.1.43

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 (57) hide show
  1. package/CHANGELOG.md +32 -163
  2. package/diConfig.json +1 -0
  3. package/dist/ej2-react-grids.min.js +1 -1
  4. package/dist/ej2-react-grids.umd.min.js +1 -1
  5. package/package.json +9 -9
  6. package/src/grid/grid.component.d.ts +1 -0
  7. package/styles/bootstrap-dark.css +1 -5113
  8. package/styles/bootstrap.css +1 -5114
  9. package/styles/bootstrap4.css +1 -5201
  10. package/styles/bootstrap5-dark.css +1 -5193
  11. package/styles/bootstrap5.css +1 -5193
  12. package/styles/excel-filter/bootstrap-dark.css +1 -528
  13. package/styles/excel-filter/bootstrap.css +1 -528
  14. package/styles/excel-filter/bootstrap4.css +1 -584
  15. package/styles/excel-filter/bootstrap5-dark.css +1 -572
  16. package/styles/excel-filter/bootstrap5.css +1 -572
  17. package/styles/excel-filter/fabric-dark.css +1 -504
  18. package/styles/excel-filter/fabric.css +1 -497
  19. package/styles/excel-filter/fluent-dark.css +1 -552
  20. package/styles/excel-filter/fluent.css +1 -552
  21. package/styles/excel-filter/highcontrast-light.css +1 -501
  22. package/styles/excel-filter/highcontrast.css +1 -501
  23. package/styles/excel-filter/material-dark.css +1 -535
  24. package/styles/excel-filter/material.css +1 -568
  25. package/styles/excel-filter/material3-dark.css +1 -670
  26. package/styles/excel-filter/material3.css +1 -726
  27. package/styles/excel-filter/tailwind-dark.css +1 -520
  28. package/styles/excel-filter/tailwind.css +1 -520
  29. package/styles/fabric-dark.css +1 -5087
  30. package/styles/fabric.css +1 -5080
  31. package/styles/fluent-dark.css +1 -5231
  32. package/styles/fluent.css +1 -5231
  33. package/styles/grid/bootstrap-dark.css +1 -4689
  34. package/styles/grid/bootstrap.css +1 -4690
  35. package/styles/grid/bootstrap4.css +1 -4766
  36. package/styles/grid/bootstrap5-dark.css +1 -4766
  37. package/styles/grid/bootstrap5.css +1 -4766
  38. package/styles/grid/fabric-dark.css +1 -4663
  39. package/styles/grid/fabric.css +1 -4656
  40. package/styles/grid/fluent-dark.css +1 -4804
  41. package/styles/grid/fluent.css +1 -4804
  42. package/styles/grid/highcontrast-light.css +1 -4660
  43. package/styles/grid/highcontrast.css +1 -4660
  44. package/styles/grid/material-dark.css +1 -4703
  45. package/styles/grid/material.css +1 -4737
  46. package/styles/grid/material3-dark.css +1 -5008
  47. package/styles/grid/material3.css +1 -5064
  48. package/styles/grid/tailwind-dark.css +1 -4784
  49. package/styles/grid/tailwind.css +1 -4784
  50. package/styles/highcontrast-light.css +1 -5084
  51. package/styles/highcontrast.css +1 -5084
  52. package/styles/material-dark.css +1 -5133
  53. package/styles/material.css +1 -5175
  54. package/styles/material3-dark.css +1 -5538
  55. package/styles/material3.css +1 -5650
  56. package/styles/tailwind-dark.css +1 -5211
  57. package/styles/tailwind.css +1 -5211
@@ -1,520 +1 @@
1
- /* stylelint-disable property-no-vendor-prefix */
2
- .e-ddl.e-control-wrapper .e-ddl-icon::before {
3
- transform: rotate(0deg);
4
- transition: transform 300ms ease;
5
- }
6
-
7
- .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
8
- transform: rotate(180deg);
9
- transition: transform 300ms ease;
10
- }
11
-
12
- .e-dropdownbase .e-list-item.e-active.e-hover {
13
- color: #fff;
14
- }
15
-
16
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
17
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
18
- .e-input-group:not(.e-disabled) .e-back-icon:active,
19
- .e-input-group:not(.e-disabled) .e-back-icon:hover,
20
- .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:active,
21
- .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:hover {
22
- background: transparent;
23
- }
24
-
25
- .e-input-group .e-ddl-icon:not(:active)::after {
26
- animation: none;
27
- }
28
-
29
- .e-ddl.e-popup {
30
- border: 0;
31
- border-radius: 4px;
32
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
33
- margin-top: 4px;
34
- }
35
-
36
- .e-small .e-ddl.e-popup,
37
- .e-small.e-ddl.e-popup {
38
- border-radius: 2px;
39
- margin-top: 2px;
40
- }
41
-
42
- .e-bigger .e-ddl.e-popup,
43
- .e-bigger.e-ddl.e-popup {
44
- border-radius: 6px;
45
- margin-top: 8px;
46
- }
47
-
48
- .e-bigger.e-small .e-ddl.e-popup,
49
- .e-small.e-bigger.e-ddl.e-popup {
50
- border-radius: 4px;
51
- margin-top: 6px;
52
- }
53
-
54
- .e-popup.e-ddl .e-dropdownbase {
55
- min-height: 26px;
56
- padding: 4px 0;
57
- }
58
-
59
- .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
60
- border-color: #4b5563;
61
- }
62
-
63
- .e-bigger .e-popup.e-ddl-device-filter {
64
- margin-top: 0;
65
- }
66
-
67
- .e-bigger .e-ddl-device .e-input-group,
68
- .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
69
- background: #374151;
70
- border-width: 0;
71
- box-shadow: none;
72
- margin-bottom: 0;
73
- }
74
-
75
- .e-bigger .e-ddl-device .e-input-group .e-back-icon,
76
- .e-bigger .e-ddl-device .e-input-group input.e-input,
77
- .e-bigger .e-ddl-device .e-input-group .e-clear-icon {
78
- background-color: #374151;
79
- }
80
-
81
- .e-input-group.e-ddl,
82
- .e-input-group.e-ddl .e-input,
83
- .e-input-group.e-ddl .e-ddl-icon {
84
- background: #1f2937;
85
- }
86
-
87
- .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
88
- .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left) {
89
- border-bottom-width: 0;
90
- }
91
-
92
- .e-ddl.e-popup.e-outline .e-filter-parent {
93
- padding: 4px 8px;
94
- }
95
-
96
- /* stylelint-disable property-no-vendor-prefix */
97
- @keyframes material-spinner-rotate {
98
- 0% {
99
- transform: rotate(0);
100
- }
101
- 100% {
102
- transform: rotate(360deg);
103
- }
104
- }
105
- @keyframes fabric-spinner-rotate {
106
- 0% {
107
- transform: rotate(0);
108
- }
109
- 100% {
110
- transform: rotate(360deg);
111
- }
112
- }
113
- /*! component icons */
114
- .e-icon-check::before {
115
- content: "\e774";
116
- }
117
-
118
- .e-excelfilter .e-icon-filter::before {
119
- content: "\e7f7";
120
- }
121
- .e-excelfilter .e-excl-filter-icon::before {
122
- content: "\e7f7";
123
- }
124
- .e-excelfilter .e-excl-filter-icon.e-filtered::before {
125
- content: "\e72c";
126
- }
127
- .e-excelfilter .e-search-icon::before {
128
- content: "\e754";
129
- }
130
- .e-excelfilter .e-ccsearch-icon::before {
131
- content: "\e754";
132
- }
133
- .e-excelfilter .e-chkcancel-icon::before {
134
- content: "\e7e7";
135
- }
136
- .e-excelfilter .e-sortascending::before {
137
- content: "\e7a3";
138
- }
139
- .e-excelfilter .e-sortdescending::before {
140
- content: "\e7b6";
141
- }
142
-
143
- /*! Excel-Filter layout */
144
- .sf-grid .e-excelfilter .e-dlg-content {
145
- overflow: visible;
146
- padding: 0;
147
- }
148
- .sf-grid .e-excelfilter .e-searchcontainer {
149
- padding: 14px;
150
- padding-top: 4px;
151
- }
152
- .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item .e-menu-icon {
153
- height: 26px;
154
- line-height: 26px;
155
- }
156
- .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) {
157
- height: 26px;
158
- line-height: 26px;
159
- }
160
- .sf-grid .e-excelfilter .e-searchbox {
161
- padding-left: 0;
162
- }
163
- .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-separator {
164
- height: auto;
165
- }
166
- .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul {
167
- position: absolute;
168
- }
169
- .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu {
170
- display: inline-block;
171
- position: relative;
172
- width: 100%;
173
- }
174
-
175
- .sf-grid-dlg.e-xlflmenu .e-xlfl-radiodiv {
176
- width: unset;
177
- }
178
-
179
- .e-xlflmenu {
180
- min-height: 318px;
181
- }
182
- .e-xlflmenu .e-xlfl-dlgfields {
183
- font-size: 15px;
184
- }
185
- .e-xlflmenu .e-xlfl-fieldset {
186
- font-size: 13px;
187
- padding-top: 9px;
188
- }
189
- .e-xlflmenu .e-xlfl-optr,
190
- .e-xlflmenu .e-xlfl-value {
191
- padding-top: 11.25px;
192
- }
193
- .e-xlflmenu .e-xlfl-radio,
194
- .e-xlflmenu .e-xlfl-mtcase {
195
- padding-top: 12px;
196
- }
197
- .e-xlflmenu .e-xlfl-optr:first-child {
198
- padding-right: 11.25px;
199
- }
200
- .e-xlflmenu .e-xlfl-table {
201
- border-spacing: 0;
202
- table-layout: fixed;
203
- width: 100%;
204
- }
205
- .e-xlflmenu .e-radio + label .e-label {
206
- margin-top: 0;
207
- padding-left: 25px;
208
- padding-right: 9px;
209
- }
210
- .e-xlflmenu .e-checkbox-wrapper .e-frame + .e-label {
211
- margin-bottom: 1px;
212
- margin-left: 6px;
213
- }
214
- .e-xlflmenu .e-checkbox-wrapper .e-frame {
215
- margin-bottom: 1px;
216
- }
217
- .e-xlflmenu .e-dlg-content {
218
- padding-bottom: 5px;
219
- }
220
- .e-xlflmenu .e-xlfl-radiodiv {
221
- width: 120px;
222
- }
223
- .e-xlflmenu .e-xlfl-matchcasediv {
224
- margin-left: 0;
225
- margin-right: 13px;
226
- }
227
-
228
- .e-xlfl-radio-or,
229
- .e-xlfl-matchcasediv {
230
- margin-left: 2px;
231
- }
232
-
233
- .e-emptyicon {
234
- opacity: 0;
235
- }
236
-
237
- .e-xlflmenu.e-rtl .e-xlfl-optr {
238
- padding-left: 11.25px;
239
- padding-right: 0;
240
- }
241
- .e-xlflmenu.e-rtl .e-radio + label .e-label {
242
- padding-left: 0;
243
- padding-right: 25px;
244
- }
245
- .e-xlflmenu.e-rtl .e-xlfl-radio-or {
246
- margin-left: 0;
247
- margin-right: 13px;
248
- }
249
-
250
- .e-bigger .e-xlflmenu.e-rtl .e-radio + label .e-label {
251
- padding-left: 0;
252
- padding-right: 25px;
253
- }
254
-
255
- .e-bigger .e-xlflmenu {
256
- min-height: 362px;
257
- }
258
- .e-bigger .e-xlflmenu .e-xlfl-table {
259
- border-spacing: 0;
260
- width: 100%;
261
- }
262
- .e-bigger .e-xlflmenu .e-dlg-content {
263
- padding-bottom: 10px;
264
- }
265
- .e-bigger .e-xlflmenu .e-radio + label .e-label {
266
- padding-left: 27px;
267
- padding-right: 6px;
268
- }
269
- .e-bigger .e-xlflmenu .e-checkbox-wrapper .e-frame + .e-label {
270
- margin-left: 8px;
271
- }
272
- .e-bigger .e-xlflmenu .e-xlfl-radiodiv {
273
- width: 141px;
274
- }
275
- .e-bigger .e-xlflmenu .e-xlfl-radio-or,
276
- .e-bigger .e-xlflmenu .e-xlfl-matchcasediv {
277
- margin-left: 18px;
278
- }
279
- .e-bigger .e-xlflmenu .e-xlfl-optr:first-child {
280
- padding-right: 15px;
281
- }
282
- .e-bigger .e-xlflmenu.e-rtl .e-xlfl-optr {
283
- padding-right: 0;
284
- }
285
- .e-bigger .e-xlflmenu .e-xlfl-dlgfields {
286
- font-size: 16px;
287
- }
288
- .e-bigger .e-xlflmenu .e-xlfl-fieldset {
289
- font-size: 14px;
290
- padding-top: 12px;
291
- }
292
- .e-bigger .e-xlflmenu .e-xlfl-optr,
293
- .e-bigger .e-xlflmenu .e-xlfl-value {
294
- padding-top: 15px;
295
- }
296
- .e-bigger .e-xlflmenu .e-xlfl-radio,
297
- .e-bigger .e-xlflmenu .e-xlfl-mtcase {
298
- padding-top: 5px;
299
- }
300
-
301
- .e-bigger .e-excelfilter .e-xlflmenu,
302
- .e-excelfilter.e-bigger .e-xlflmenu {
303
- min-height: 362px;
304
- }
305
- .e-bigger .e-excelfilter .e-ftrchk,
306
- .e-excelfilter.e-bigger .e-ftrchk {
307
- padding-bottom: 9px;
308
- padding-top: 9px;
309
- }
310
- .e-bigger .e-excelfilter .e-contextmenu-wrapper ul li,
311
- .e-bigger .e-excelfilter .e-contextmenu-container ul li,
312
- .e-excelfilter.e-bigger .e-contextmenu-wrapper ul li,
313
- .e-excelfilter.e-bigger .e-contextmenu-container ul li {
314
- height: 40px;
315
- line-height: 40px;
316
- }
317
- .e-bigger .e-excelfilter .e-contextmenu-wrapper ul li .e-menu-icon,
318
- .e-bigger .e-excelfilter .e-contextmenu-container ul li .e-menu-icon,
319
- .e-excelfilter.e-bigger .e-contextmenu-wrapper ul li .e-menu-icon,
320
- .e-excelfilter.e-bigger .e-contextmenu-container ul li .e-menu-icon {
321
- height: 40px;
322
- line-height: 40px;
323
- margin-right: 13px;
324
- }
325
- .e-bigger .e-excelfilter .e-contextmenu-wrapper ul .e-menu-item .e-caret,
326
- .e-excelfilter.e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-caret {
327
- height: 40px;
328
- line-height: 40px;
329
- margin-right: 12px;
330
- }
331
- .e-bigger .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret,
332
- .e-excelfilter.e-bigger.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
333
- margin-left: 12px;
334
- }
335
- .e-bigger .e-excelfilter.e-dialog .e-dlg-content,
336
- .e-excelfilter.e-bigger.e-dialog .e-dlg-content {
337
- padding-left: 7px;
338
- }
339
- .e-bigger .e-excelfilter .e-ftrchk,
340
- .e-bigger .e-excelfilter .e-searchbox,
341
- .e-excelfilter.e-bigger .e-ftrchk,
342
- .e-excelfilter.e-bigger .e-searchbox {
343
- padding-left: 9px;
344
- }
345
- .e-bigger .e-excelfilter.e-rtl .e-dlg-content,
346
- .e-excelfilter.e-bigger.e-rtl .e-dlg-content {
347
- padding-left: 16px;
348
- padding-right: 7px;
349
- }
350
- .e-bigger .e-excelfilter.e-rtl .e-ftrchk,
351
- .e-bigger .e-excelfilter.e-rtl .e-searchbox,
352
- .e-excelfilter.e-bigger.e-rtl .e-ftrchk,
353
- .e-excelfilter.e-bigger.e-rtl .e-searchbox {
354
- padding-left: 0;
355
- padding-right: 9px;
356
- }
357
-
358
- .e-excelfilter .e-checkboxlist {
359
- height: 200px;
360
- margin-top: 5px;
361
- min-height: 160px;
362
- overflow-y: auto;
363
- }
364
- .e-excelfilter .e-checkboxfiltertext {
365
- width: 150px;
366
- word-break: normal;
367
- }
368
- .e-excelfilter .e-chk-hidden {
369
- -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
370
- height: 1px;
371
- opacity: 0;
372
- width: 1px;
373
- }
374
- .e-excelfilter .e-contextmenu-wrapper,
375
- .e-excelfilter .e-contextmenu-wrapper ul {
376
- display: block;
377
- }
378
- .e-excelfilter .e-contextmenu-wrapper ul {
379
- padding-bottom: 4px;
380
- position: static;
381
- }
382
- .e-excelfilter .e-contextmenu-wrapper ul li,
383
- .e-excelfilter .e-contextmenu-container ul li {
384
- height: 36px;
385
- line-height: 36px;
386
- }
387
- .e-excelfilter .e-contextmenu-wrapper ul li .e-menu-icon,
388
- .e-excelfilter .e-contextmenu-container ul li .e-menu-icon {
389
- height: 36px;
390
- line-height: 36px;
391
- margin-right: 10px;
392
- }
393
- .e-excelfilter.e-rtl .e-contextmenu-wrapper ul li .e-menu-icon {
394
- margin-right: 0;
395
- }
396
- .e-excelfilter .e-contextmenu-wrapper ul .e-menu-item .e-caret {
397
- height: 36px;
398
- line-height: 36px;
399
- }
400
- .e-excelfilter .e-contextmenu-wrapper ul,
401
- .e-excelfilter .e-contextmenu-container ul:not(.e-ul) {
402
- border: 0;
403
- border-radius: 5px 5px 0 0;
404
- box-shadow: none;
405
- max-width: 300px;
406
- padding-bottom: 4px;
407
- position: static;
408
- }
409
- .e-excelfilter .e-footer-content {
410
- border-style: solid;
411
- border-width: 1px 0 0;
412
- }
413
- .e-excelfilter .e-excel-menu {
414
- z-index: 1000;
415
- }
416
- .e-excelfilter .e-dlg-content {
417
- background-color: #374151;
418
- padding-top: 0;
419
- }
420
- .e-excelfilter .e-contextmenu-wrapper,
421
- .e-excelfilter .e-contextmenu-wrapper ul {
422
- display: block;
423
- }
424
- .e-excelfilter .e-contextmenu-wrapper ul {
425
- padding-bottom: 4px;
426
- position: static;
427
- }
428
- .e-excelfilter .e-contextmenu-wrapper ul li .e-contextmenu-container ul li {
429
- height: 36px;
430
- line-height: 36px;
431
- }
432
- .e-excelfilter .e-contextmenu-wrapper ul li .e-menu-icon,
433
- .e-excelfilter .e-contextmenu-container ul li .e-menu-icon {
434
- height: 36px;
435
- line-height: 36px;
436
- margin-right: 10px;
437
- }
438
- .e-excelfilter.e-rtl .e-contextmenu-wrapper ul li .e-menu-icon {
439
- margin-right: 0;
440
- }
441
- .e-excelfilter .e-contextmenu-wrapper ul .e-menu-item .e-caret {
442
- height: 36px;
443
- line-height: 36px;
444
- margin-right: 8px;
445
- }
446
- .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
447
- margin-left: 8px;
448
- }
449
- .e-excelfilter .e-footer-content {
450
- border-style: solid;
451
- border-width: 1px 0 0;
452
- }
453
- .e-excelfilter .e-excel-menu {
454
- z-index: 1000;
455
- }
456
- .e-excelfilter .e-dlg-content {
457
- padding-top: 12px;
458
- }
459
- .e-excelfilter .e-xlsel {
460
- border: 0 solid;
461
- position: absolute;
462
- -webkit-user-select: none;
463
- -ms-user-select: none;
464
- user-select: none;
465
- }
466
- .e-excelfilter.e-dialog .e-dlg-content {
467
- padding-left: 6px;
468
- }
469
- .e-excelfilter .e-ftrchk,
470
- .e-excelfilter .e-searchbox {
471
- padding-left: 8px;
472
- }
473
- .e-excelfilter.e-rtl .e-dlg-content {
474
- padding-left: 14px;
475
- padding-right: 6px;
476
- }
477
- .e-excelfilter.e-rtl .e-ftrchk,
478
- .e-excelfilter.e-rtl .e-searchbox {
479
- padding-left: 0;
480
- padding-right: 8px;
481
- }
482
- .e-excelfilter .e-searchbox {
483
- display: block;
484
- }
485
-
486
- .e-ftrchk {
487
- padding-bottom: 8px;
488
- padding-top: 8px;
489
- }
490
-
491
- .e-excel-menu.e-contextmenu.e-menu-parent {
492
- max-height: 227px;
493
- overflow-y: auto;
494
- }
495
-
496
- .e-bigger .e-excel-menu.e-contextmenu.e-menu-parent {
497
- max-height: 355px;
498
- }
499
-
500
- /*! Excel-Filter theme */
501
- .e-excelfilter .e-footer-content {
502
- border-color: rgba(209, 213, 219, 0.12);
503
- opacity: 1;
504
- }
505
- .e-excelfilter .e-filtered::before {
506
- color: #22d3ee;
507
- }
508
- .e-excelfilter .e-dlg-content {
509
- padding-bottom: 0;
510
- }
511
-
512
- li.e-separator.e-menu-item.e-excel-separator {
513
- margin-bottom: 0;
514
- margin-top: 0;
515
- }
516
-
517
- .e-xlsel {
518
- background-color: #22d3ee;
519
- border-color: #22d3ee;
520
- }
1
+ @import '@syncfusion/ej2-grids/styles/excel-filter/tailwind-dark.css';