@syncfusion/ej2-react-grids 19.2.62 → 19.3.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 (63) hide show
  1. package/CHANGELOG.md +13 -2
  2. package/dist/ej2-react-grids.umd.min.js +1 -1
  3. package/package.json +8 -8
  4. package/styles/bootstrap-dark.css +257 -62
  5. package/styles/bootstrap.css +255 -60
  6. package/styles/bootstrap4.css +239 -44
  7. package/styles/bootstrap5-dark.css +6088 -0
  8. package/styles/bootstrap5-dark.scss +3 -0
  9. package/styles/bootstrap5.css +6088 -0
  10. package/styles/bootstrap5.scss +3 -0
  11. package/styles/excel-filter/bootstrap-dark.css +15 -3
  12. package/styles/excel-filter/bootstrap.css +14 -2
  13. package/styles/excel-filter/bootstrap4.css +15 -3
  14. package/styles/excel-filter/bootstrap5-dark.css +618 -0
  15. package/styles/excel-filter/bootstrap5-dark.scss +1 -0
  16. package/styles/excel-filter/bootstrap5.css +618 -0
  17. package/styles/excel-filter/bootstrap5.scss +1 -0
  18. package/styles/excel-filter/fabric-dark.css +14 -2
  19. package/styles/excel-filter/fabric.css +13 -1
  20. package/styles/excel-filter/highcontrast-light.css +14 -2
  21. package/styles/excel-filter/highcontrast.css +13 -1
  22. package/styles/excel-filter/material-dark.css +17 -5
  23. package/styles/excel-filter/material.css +13 -1
  24. package/styles/excel-filter/tailwind-dark.css +17 -1
  25. package/styles/excel-filter/tailwind.css +18 -2
  26. package/styles/fabric-dark.css +223 -28
  27. package/styles/fabric.css +216 -21
  28. package/styles/grid/bootstrap-dark.css +231 -49
  29. package/styles/grid/bootstrap.css +229 -47
  30. package/styles/grid/bootstrap4.css +218 -36
  31. package/styles/grid/bootstrap5-dark.css +4831 -0
  32. package/styles/grid/bootstrap5-dark.scss +1 -0
  33. package/styles/grid/bootstrap5.css +4831 -0
  34. package/styles/grid/bootstrap5.scss +1 -0
  35. package/styles/grid/fabric-dark.css +202 -20
  36. package/styles/grid/fabric.css +202 -20
  37. package/styles/grid/highcontrast-light.css +205 -23
  38. package/styles/grid/highcontrast.css +204 -22
  39. package/styles/grid/material-dark.css +217 -35
  40. package/styles/grid/material.css +200 -18
  41. package/styles/grid/tailwind-dark.css +209 -27
  42. package/styles/grid/tailwind.css +210 -28
  43. package/styles/highcontrast-light.css +220 -25
  44. package/styles/highcontrast.css +220 -25
  45. package/styles/material-dark.css +236 -41
  46. package/styles/material.css +215 -20
  47. package/styles/pager/bootstrap-dark.css +11 -10
  48. package/styles/pager/bootstrap.css +12 -11
  49. package/styles/pager/bootstrap4.css +6 -5
  50. package/styles/pager/bootstrap5-dark.css +779 -0
  51. package/styles/pager/bootstrap5-dark.scss +1 -0
  52. package/styles/pager/bootstrap5.css +779 -0
  53. package/styles/pager/bootstrap5.scss +1 -0
  54. package/styles/pager/fabric-dark.css +7 -6
  55. package/styles/pager/fabric.css +1 -0
  56. package/styles/pager/highcontrast-light.css +1 -0
  57. package/styles/pager/highcontrast.css +3 -2
  58. package/styles/pager/material-dark.css +3 -2
  59. package/styles/pager/material.css +2 -1
  60. package/styles/pager/tailwind-dark.css +8 -7
  61. package/styles/pager/tailwind.css +7 -6
  62. package/styles/tailwind-dark.css +234 -35
  63. package/styles/tailwind.css +235 -36
@@ -224,9 +224,14 @@
224
224
  }
225
225
 
226
226
  .e-xlflmenu .e-checkbox-wrapper .e-frame + .e-label {
227
+ margin-bottom: 1px;
227
228
  margin-left: 6px;
228
229
  }
229
230
 
231
+ .e-xlflmenu .e-checkbox-wrapper .e-frame {
232
+ margin-bottom: 1px;
233
+ }
234
+
230
235
  .e-xlflmenu .e-dlg-content {
231
236
  padding-bottom: 5px;
232
237
  }
@@ -249,8 +254,9 @@
249
254
  opacity: 0;
250
255
  }
251
256
 
252
- .e-xlflmenu.e-rtl .e-xlfl-optr :first-child {
257
+ .e-xlflmenu.e-rtl .e-xlfl-optr {
253
258
  padding-left: 12px;
259
+ padding-right: 0;
254
260
  }
255
261
 
256
262
  .e-xlflmenu.e-rtl .e-radio + label .e-label {
@@ -263,6 +269,11 @@
263
269
  margin-right: 13px;
264
270
  }
265
271
 
272
+ .e-bigger .e-xlflmenu.e-rtl .e-radio + label .e-label {
273
+ padding-left: 0;
274
+ padding-right: 25px;
275
+ }
276
+
266
277
  .e-bigger .e-xlflmenu {
267
278
  min-height: 372px;
268
279
  }
@@ -385,7 +396,7 @@
385
396
  }
386
397
 
387
398
  .e-excelfilter .e-checkboxfiltertext {
388
- width: 150px;
399
+ width: 135px;
389
400
  word-break: normal;
390
401
  }
391
402
 
@@ -431,6 +442,7 @@
431
442
  .e-excelfilter .e-contextmenu-wrapper ul,
432
443
  .e-excelfilter .e-contextmenu-container ul:not(.e-ul) {
433
444
  border: 0;
445
+ border-radius: 0;
434
446
  box-shadow: none;
435
447
  max-width: 300px;
436
448
  padding-bottom: 4px;
@@ -224,9 +224,14 @@
224
224
  }
225
225
 
226
226
  .e-xlflmenu .e-checkbox-wrapper .e-frame + .e-label {
227
+ margin-bottom: 1px;
227
228
  margin-left: 6px;
228
229
  }
229
230
 
231
+ .e-xlflmenu .e-checkbox-wrapper .e-frame {
232
+ margin-bottom: 1px;
233
+ }
234
+
230
235
  .e-xlflmenu .e-dlg-content {
231
236
  padding-bottom: 5px;
232
237
  }
@@ -249,8 +254,9 @@
249
254
  opacity: 0;
250
255
  }
251
256
 
252
- .e-xlflmenu.e-rtl .e-xlfl-optr :first-child {
257
+ .e-xlflmenu.e-rtl .e-xlfl-optr {
253
258
  padding-left: 12px;
259
+ padding-right: 0;
254
260
  }
255
261
 
256
262
  .e-xlflmenu.e-rtl .e-radio + label .e-label {
@@ -263,6 +269,11 @@
263
269
  margin-right: 13px;
264
270
  }
265
271
 
272
+ .e-bigger .e-xlflmenu.e-rtl .e-radio + label .e-label {
273
+ padding-left: 0;
274
+ padding-right: 25px;
275
+ }
276
+
266
277
  .e-bigger .e-xlflmenu {
267
278
  min-height: 372px;
268
279
  }
@@ -431,6 +442,7 @@
431
442
  .e-excelfilter .e-contextmenu-wrapper ul,
432
443
  .e-excelfilter .e-contextmenu-container ul:not(.e-ul) {
433
444
  border: 0;
445
+ border-radius: 0;
434
446
  box-shadow: none;
435
447
  max-width: 300px;
436
448
  padding-bottom: 4px;
@@ -21,7 +21,7 @@
21
21
  }
22
22
 
23
23
  .e-dropdownbase .e-list-item.e-active.e-hover {
24
- color: #ff80ab;
24
+ color: #00b0ff;
25
25
  }
26
26
 
27
27
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
@@ -240,9 +240,14 @@
240
240
  }
241
241
 
242
242
  .e-xlflmenu .e-checkbox-wrapper .e-frame + .e-label {
243
+ margin-bottom: 1px;
243
244
  margin-left: 6px;
244
245
  }
245
246
 
247
+ .e-xlflmenu .e-checkbox-wrapper .e-frame {
248
+ margin-bottom: 1px;
249
+ }
250
+
246
251
  .e-xlflmenu .e-dlg-content {
247
252
  padding-bottom: 6px;
248
253
  }
@@ -265,8 +270,9 @@
265
270
  opacity: 0;
266
271
  }
267
272
 
268
- .e-xlflmenu.e-rtl .e-xlfl-optr :first-child {
273
+ .e-xlflmenu.e-rtl .e-xlfl-optr {
269
274
  padding-left: 12px;
275
+ padding-right: 0;
270
276
  }
271
277
 
272
278
  .e-xlflmenu.e-rtl .e-radio + label .e-label {
@@ -279,6 +285,11 @@
279
285
  margin-right: 13px;
280
286
  }
281
287
 
288
+ .e-bigger .e-xlflmenu.e-rtl .e-radio + label .e-label {
289
+ padding-left: 0;
290
+ padding-right: 25px;
291
+ }
292
+
282
293
  .e-bigger .e-xlflmenu {
283
294
  min-height: 396px;
284
295
  }
@@ -447,6 +458,7 @@
447
458
  .e-excelfilter .e-contextmenu-wrapper ul,
448
459
  .e-excelfilter .e-contextmenu-container ul:not(.e-ul) {
449
460
  border: 0;
461
+ border-radius: 0;
450
462
  box-shadow: none;
451
463
  max-width: 300px;
452
464
  padding-bottom: 4px;
@@ -556,7 +568,7 @@
556
568
  }
557
569
 
558
570
  .e-excelfilter .e-filtered::before {
559
- color: #ff80ab;
571
+ color: #00b0ff;
560
572
  }
561
573
 
562
574
  .e-excelfilter .e-dlg-content {
@@ -569,6 +581,6 @@ li.e-separator.e-menu-item.e-excel-separator {
569
581
  }
570
582
 
571
583
  .e-xlsel {
572
- background-color: #ff80ab;
573
- border-color: #ff80ab;
584
+ background-color: #00b0ff;
585
+ border-color: #00b0ff;
574
586
  }
@@ -274,9 +274,14 @@
274
274
  }
275
275
 
276
276
  .e-xlflmenu .e-checkbox-wrapper .e-frame + .e-label {
277
+ margin-bottom: 1px;
277
278
  margin-left: 6px;
278
279
  }
279
280
 
281
+ .e-xlflmenu .e-checkbox-wrapper .e-frame {
282
+ margin-bottom: 1px;
283
+ }
284
+
280
285
  .e-xlflmenu .e-dlg-content {
281
286
  padding-bottom: 6px;
282
287
  }
@@ -299,8 +304,9 @@
299
304
  opacity: 0;
300
305
  }
301
306
 
302
- .e-xlflmenu.e-rtl .e-xlfl-optr :first-child {
307
+ .e-xlflmenu.e-rtl .e-xlfl-optr {
303
308
  padding-left: 12px;
309
+ padding-right: 0;
304
310
  }
305
311
 
306
312
  .e-xlflmenu.e-rtl .e-radio + label .e-label {
@@ -313,6 +319,11 @@
313
319
  margin-right: 13px;
314
320
  }
315
321
 
322
+ .e-bigger .e-xlflmenu.e-rtl .e-radio + label .e-label {
323
+ padding-left: 0;
324
+ padding-right: 25px;
325
+ }
326
+
316
327
  .e-bigger .e-xlflmenu {
317
328
  min-height: 396px;
318
329
  }
@@ -481,6 +492,7 @@
481
492
  .e-excelfilter .e-contextmenu-wrapper ul,
482
493
  .e-excelfilter .e-contextmenu-container ul:not(.e-ul) {
483
494
  border: 0;
495
+ border-radius: 0;
484
496
  box-shadow: none;
485
497
  max-width: 300px;
486
498
  padding-bottom: 4px;
@@ -184,6 +184,10 @@
184
184
  content: '\e774';
185
185
  }
186
186
 
187
+ .e-excelfilter .e-search-icon::before {
188
+ content: '\e737';
189
+ }
190
+
187
191
  .e-excelfilter .e-ccsearch-icon::before {
188
192
  content: '\e737';
189
193
  }
@@ -277,9 +281,14 @@
277
281
  }
278
282
 
279
283
  .e-xlflmenu .e-checkbox-wrapper .e-frame + .e-label {
284
+ margin-bottom: 1px;
280
285
  margin-left: 6px;
281
286
  }
282
287
 
288
+ .e-xlflmenu .e-checkbox-wrapper .e-frame {
289
+ margin-bottom: 1px;
290
+ }
291
+
283
292
  .e-xlflmenu .e-dlg-content {
284
293
  padding-bottom: 5px;
285
294
  }
@@ -302,8 +311,9 @@
302
311
  opacity: 0;
303
312
  }
304
313
 
305
- .e-xlflmenu.e-rtl .e-xlfl-optr :first-child {
314
+ .e-xlflmenu.e-rtl .e-xlfl-optr {
306
315
  padding-left: 11.25px;
316
+ padding-right: 0;
307
317
  }
308
318
 
309
319
  .e-xlflmenu.e-rtl .e-radio + label .e-label {
@@ -316,6 +326,11 @@
316
326
  margin-right: 13px;
317
327
  }
318
328
 
329
+ .e-bigger .e-xlflmenu.e-rtl .e-radio + label .e-label {
330
+ padding-left: 0;
331
+ padding-right: 25px;
332
+ }
333
+
319
334
  .e-bigger .e-xlflmenu {
320
335
  min-height: 362px;
321
336
  }
@@ -484,6 +499,7 @@
484
499
  .e-excelfilter .e-contextmenu-wrapper ul,
485
500
  .e-excelfilter .e-contextmenu-container ul:not(.e-ul) {
486
501
  border: 0;
502
+ border-radius: 5px 5px 0 0;
487
503
  box-shadow: none;
488
504
  max-width: 300px;
489
505
  padding-bottom: 4px;
@@ -184,6 +184,10 @@
184
184
  content: '\e774';
185
185
  }
186
186
 
187
+ .e-excelfilter .e-search-icon::before {
188
+ content: '\e737';
189
+ }
190
+
187
191
  .e-excelfilter .e-ccsearch-icon::before {
188
192
  content: '\e737';
189
193
  }
@@ -277,9 +281,14 @@
277
281
  }
278
282
 
279
283
  .e-xlflmenu .e-checkbox-wrapper .e-frame + .e-label {
284
+ margin-bottom: 1px;
280
285
  margin-left: 6px;
281
286
  }
282
287
 
288
+ .e-xlflmenu .e-checkbox-wrapper .e-frame {
289
+ margin-bottom: 1px;
290
+ }
291
+
283
292
  .e-xlflmenu .e-dlg-content {
284
293
  padding-bottom: 5px;
285
294
  }
@@ -302,8 +311,9 @@
302
311
  opacity: 0;
303
312
  }
304
313
 
305
- .e-xlflmenu.e-rtl .e-xlfl-optr :first-child {
314
+ .e-xlflmenu.e-rtl .e-xlfl-optr {
306
315
  padding-left: 11.25px;
316
+ padding-right: 0;
307
317
  }
308
318
 
309
319
  .e-xlflmenu.e-rtl .e-radio + label .e-label {
@@ -316,6 +326,11 @@
316
326
  margin-right: 13px;
317
327
  }
318
328
 
329
+ .e-bigger .e-xlflmenu.e-rtl .e-radio + label .e-label {
330
+ padding-left: 0;
331
+ padding-right: 25px;
332
+ }
333
+
319
334
  .e-bigger .e-xlflmenu {
320
335
  min-height: 362px;
321
336
  }
@@ -484,6 +499,7 @@
484
499
  .e-excelfilter .e-contextmenu-wrapper ul,
485
500
  .e-excelfilter .e-contextmenu-container ul:not(.e-ul) {
486
501
  border: 0;
502
+ border-radius: 5px 5px 0 0;
487
503
  box-shadow: none;
488
504
  max-width: 300px;
489
505
  padding-bottom: 4px;
@@ -500,7 +516,7 @@
500
516
  }
501
517
 
502
518
  .e-excelfilter .e-dlg-content {
503
- background-color: #f9fafb;
519
+ background-color: #fff;
504
520
  padding-top: 0;
505
521
  }
506
522