@syncfusion/ej2-react-grids 22.2.10 → 22.2.12

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 (55) hide show
  1. package/CHANGELOG.md +33 -0
  2. package/dist/ej2-react-grids.min.js +1 -1
  3. package/dist/ej2-react-grids.umd.min.js +1 -1
  4. package/package.json +7 -7
  5. package/styles/bootstrap-dark.css +11 -1
  6. package/styles/bootstrap.css +11 -1
  7. package/styles/bootstrap4.css +11 -1
  8. package/styles/bootstrap5-dark.css +11 -1
  9. package/styles/bootstrap5.css +11 -1
  10. package/styles/excel-filter/bootstrap-dark.css +3 -0
  11. package/styles/excel-filter/bootstrap.css +3 -0
  12. package/styles/excel-filter/bootstrap4.css +3 -0
  13. package/styles/excel-filter/bootstrap5-dark.css +3 -0
  14. package/styles/excel-filter/bootstrap5.css +3 -0
  15. package/styles/excel-filter/fabric-dark.css +3 -0
  16. package/styles/excel-filter/fabric.css +3 -0
  17. package/styles/excel-filter/fluent-dark.css +3 -0
  18. package/styles/excel-filter/fluent.css +3 -0
  19. package/styles/excel-filter/highcontrast-light.css +3 -0
  20. package/styles/excel-filter/highcontrast.css +3 -0
  21. package/styles/excel-filter/material-dark.css +4 -1
  22. package/styles/excel-filter/material.css +4 -1
  23. package/styles/excel-filter/material3-dark.css +3 -0
  24. package/styles/excel-filter/material3.css +3 -0
  25. package/styles/excel-filter/tailwind-dark.css +3 -0
  26. package/styles/excel-filter/tailwind.css +3 -0
  27. package/styles/fabric-dark.css +11 -1
  28. package/styles/fabric.css +11 -1
  29. package/styles/fluent-dark.css +11 -1
  30. package/styles/fluent.css +11 -1
  31. package/styles/grid/bootstrap-dark.css +8 -1
  32. package/styles/grid/bootstrap.css +8 -1
  33. package/styles/grid/bootstrap4.css +8 -1
  34. package/styles/grid/bootstrap5-dark.css +8 -1
  35. package/styles/grid/bootstrap5.css +8 -1
  36. package/styles/grid/fabric-dark.css +8 -1
  37. package/styles/grid/fabric.css +8 -1
  38. package/styles/grid/fluent-dark.css +8 -1
  39. package/styles/grid/fluent.css +8 -1
  40. package/styles/grid/highcontrast-light.css +8 -1
  41. package/styles/grid/highcontrast.css +8 -1
  42. package/styles/grid/material-dark.css +9 -2
  43. package/styles/grid/material.css +9 -2
  44. package/styles/grid/material3-dark.css +8 -1
  45. package/styles/grid/material3.css +8 -1
  46. package/styles/grid/tailwind-dark.css +8 -1
  47. package/styles/grid/tailwind.css +8 -1
  48. package/styles/highcontrast-light.css +11 -1
  49. package/styles/highcontrast.css +11 -1
  50. package/styles/material-dark.css +12 -2
  51. package/styles/material.css +12 -2
  52. package/styles/material3-dark.css +11 -1
  53. package/styles/material3.css +11 -1
  54. package/styles/tailwind-dark.css +11 -1
  55. package/styles/tailwind.css +11 -1
package/styles/material.css CHANGED
@@ -1,4 +1,4 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
1
+ @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
2
  /* stylelint-disable property-no-vendor-prefix */
3
3
  @keyframes e-input-ripple {
4
4
  100% {
@@ -328,6 +328,9 @@
328
328
  .e-bigger .e-xlflmenu .e-xlfl-optr:first-child {
329
329
  padding-right: 16px;
330
330
  }
331
+ .e-bigger .e-xlflmenu.e-rtl .e-xlfl-optr {
332
+ padding-right: 0;
333
+ }
331
334
  .e-bigger .e-xlflmenu .e-xlfl-dlgfields {
332
335
  font-size: 18px;
333
336
  }
@@ -1388,6 +1391,10 @@ li.e-separator.e-menu-item.e-excel-separator {
1388
1391
  margin: 3px 24px 0 0;
1389
1392
  padding: 0 12px 0 8px;
1390
1393
  }
1394
+ .e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
1395
+ .e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
1396
+ padding: 0 12px 0 8px;
1397
+ }
1391
1398
  .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
1392
1399
  .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
1393
1400
  margin-left: 0;
@@ -4292,7 +4299,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4292
4299
  .e-grid .e-table {
4293
4300
  background-color: #fff;
4294
4301
  }
4295
- .e-grid .e-focused:not(.e-menu-item) {
4302
+ .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
4296
4303
  box-shadow: 0 0 0 1px #9e9e9e inset;
4297
4304
  }
4298
4305
  .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
@@ -4656,6 +4663,9 @@ li.e-separator.e-menu-item.e-excel-separator {
4656
4663
  .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
4657
4664
  color: #000;
4658
4665
  }
4666
+ .e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
4667
+ box-shadow: none;
4668
+ }
4659
4669
  .e-grid .e-cloneproperties.e-draganddrop table,
4660
4670
  .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
4661
4671
  background-color: #fff;
package/styles/material3-dark.css CHANGED
@@ -425,6 +425,9 @@
425
425
  .e-bigger .e-xlflmenu .e-xlfl-optr:first-child {
426
426
  padding-right: 10px;
427
427
  }
428
+ .e-bigger .e-xlflmenu.e-rtl .e-xlfl-optr {
429
+ padding-right: 0;
430
+ }
428
431
  .e-bigger .e-xlflmenu .e-xlfl-dlgfields {
429
432
  font-size: 16px;
430
433
  }
@@ -1600,6 +1603,10 @@ li.e-separator.e-menu-item.e-excel-separator {
1600
1603
  margin: 8px 8px 0 0;
1601
1604
  padding: 0 0 0 8px;
1602
1605
  }
1606
+ .e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
1607
+ .e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
1608
+ padding: 0 0 0 8px;
1609
+ }
1603
1610
  .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
1604
1611
  .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
1605
1612
  margin-left: -8px;
@@ -4627,7 +4634,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4627
4634
  .e-grid .e-table {
4628
4635
  background-color: rgba(var(--color-sf-surface));
4629
4636
  }
4630
- .e-grid .e-focused:not(.e-menu-item) {
4637
+ .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
4631
4638
  box-shadow: 0 0 0 1px rgba(var(--color-sf-primary)) inset;
4632
4639
  }
4633
4640
  .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
@@ -5004,6 +5011,9 @@ li.e-separator.e-menu-item.e-excel-separator {
5004
5011
  padding-top: 6px;
5005
5012
  padding-bottom: 6px;
5006
5013
  }
5014
+ .e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
5015
+ box-shadow: none;
5016
+ }
5007
5017
  .e-grid .e-cloneproperties.e-draganddrop table,
5008
5018
  .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
5009
5019
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
package/styles/material3.css CHANGED
@@ -480,6 +480,9 @@
480
480
  .e-bigger .e-xlflmenu .e-xlfl-optr:first-child {
481
481
  padding-right: 10px;
482
482
  }
483
+ .e-bigger .e-xlflmenu.e-rtl .e-xlfl-optr {
484
+ padding-right: 0;
485
+ }
483
486
  .e-bigger .e-xlflmenu .e-xlfl-dlgfields {
484
487
  font-size: 16px;
485
488
  }
@@ -1711,6 +1714,10 @@ li.e-separator.e-menu-item.e-excel-separator {
1711
1714
  margin: 8px 8px 0 0;
1712
1715
  padding: 0 0 0 8px;
1713
1716
  }
1717
+ .e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
1718
+ .e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
1719
+ padding: 0 0 0 8px;
1720
+ }
1714
1721
  .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
1715
1722
  .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
1716
1723
  margin-left: -8px;
@@ -4738,7 +4745,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4738
4745
  .e-grid .e-table {
4739
4746
  background-color: rgba(var(--color-sf-surface));
4740
4747
  }
4741
- .e-grid .e-focused:not(.e-menu-item) {
4748
+ .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
4742
4749
  box-shadow: 0 0 0 1px rgba(var(--color-sf-primary)) inset;
4743
4750
  }
4744
4751
  .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
@@ -5115,6 +5122,9 @@ li.e-separator.e-menu-item.e-excel-separator {
5115
5122
  padding-top: 6px;
5116
5123
  padding-bottom: 6px;
5117
5124
  }
5125
+ .e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
5126
+ box-shadow: none;
5127
+ }
5118
5128
  .e-grid .e-cloneproperties.e-draganddrop table,
5119
5129
  .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
5120
5130
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
package/styles/tailwind-dark.css CHANGED
@@ -281,6 +281,9 @@
281
281
  .e-bigger .e-xlflmenu .e-xlfl-optr:first-child {
282
282
  padding-right: 15px;
283
283
  }
284
+ .e-bigger .e-xlflmenu.e-rtl .e-xlfl-optr {
285
+ padding-right: 0;
286
+ }
284
287
  .e-bigger .e-xlflmenu .e-xlfl-dlgfields {
285
288
  font-size: 16px;
286
289
  }
@@ -1379,6 +1382,10 @@ li.e-separator.e-menu-item.e-excel-separator {
1379
1382
  margin: 5px 0 0 6px;
1380
1383
  padding: 6px 8px 6px 8px;
1381
1384
  }
1385
+ .e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
1386
+ .e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
1387
+ padding: 0 10px;
1388
+ }
1382
1389
  .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
1383
1390
  .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
1384
1391
  margin-left: -8px;
@@ -4329,7 +4336,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4329
4336
  .e-grid .e-table {
4330
4337
  background-color: #1f2937;
4331
4338
  }
4332
- .e-grid .e-focused:not(.e-menu-item) {
4339
+ .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
4333
4340
  box-shadow: 0 0 0 1px #22d3ee inset;
4334
4341
  }
4335
4342
  .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
@@ -4693,6 +4700,9 @@ li.e-separator.e-menu-item.e-excel-separator {
4693
4700
  .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
4694
4701
  color: #fff;
4695
4702
  }
4703
+ .e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
4704
+ box-shadow: none;
4705
+ }
4696
4706
  .e-grid .e-cloneproperties.e-draganddrop table,
4697
4707
  .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
4698
4708
  background-color: #4b5563;
package/styles/tailwind.css CHANGED
@@ -281,6 +281,9 @@
281
281
  .e-bigger .e-xlflmenu .e-xlfl-optr:first-child {
282
282
  padding-right: 15px;
283
283
  }
284
+ .e-bigger .e-xlflmenu.e-rtl .e-xlfl-optr {
285
+ padding-right: 0;
286
+ }
284
287
  .e-bigger .e-xlflmenu .e-xlfl-dlgfields {
285
288
  font-size: 16px;
286
289
  }
@@ -1379,6 +1382,10 @@ li.e-separator.e-menu-item.e-excel-separator {
1379
1382
  margin: 5px 0 0 6px;
1380
1383
  padding: 6px 8px 6px 8px;
1381
1384
  }
1385
+ .e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
1386
+ .e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
1387
+ padding: 0 10px;
1388
+ }
1382
1389
  .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
1383
1390
  .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
1384
1391
  margin-left: -8px;
@@ -4329,7 +4336,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4329
4336
  .e-grid .e-table {
4330
4337
  background-color: #fff;
4331
4338
  }
4332
- .e-grid .e-focused:not(.e-menu-item) {
4339
+ .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
4333
4340
  box-shadow: 0 0 0 1px #4f46e5 inset;
4334
4341
  }
4335
4342
  .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
@@ -4693,6 +4700,9 @@ li.e-separator.e-menu-item.e-excel-separator {
4693
4700
  .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
4694
4701
  color: #111827;
4695
4702
  }
4703
+ .e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
4704
+ box-shadow: none;
4705
+ }
4696
4706
  .e-grid .e-cloneproperties.e-draganddrop table,
4697
4707
  .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
4698
4708
  background-color: #e5e7eb;