@syncfusion/ej2-react-grids 21.1.41 → 21.2.4

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 (34) hide show
  1. package/CHANGELOG.md +35 -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 +8 -8
  5. package/styles/bootstrap-dark.css +17 -0
  6. package/styles/bootstrap.css +17 -0
  7. package/styles/bootstrap4.css +20 -2
  8. package/styles/bootstrap5-dark.css +17 -0
  9. package/styles/bootstrap5.css +17 -0
  10. package/styles/fabric-dark.css +17 -0
  11. package/styles/fabric.css +17 -0
  12. package/styles/fluent-dark.css +17 -0
  13. package/styles/fluent.css +17 -0
  14. package/styles/grid/bootstrap-dark.css +17 -0
  15. package/styles/grid/bootstrap.css +17 -0
  16. package/styles/grid/bootstrap4.css +20 -2
  17. package/styles/grid/bootstrap5-dark.css +17 -0
  18. package/styles/grid/bootstrap5.css +17 -0
  19. package/styles/grid/fabric-dark.css +17 -0
  20. package/styles/grid/fabric.css +17 -0
  21. package/styles/grid/fluent-dark.css +17 -0
  22. package/styles/grid/fluent.css +17 -0
  23. package/styles/grid/highcontrast-light.css +17 -0
  24. package/styles/grid/highcontrast.css +17 -0
  25. package/styles/grid/material-dark.css +17 -0
  26. package/styles/grid/material.css +17 -0
  27. package/styles/grid/tailwind-dark.css +17 -0
  28. package/styles/grid/tailwind.css +17 -0
  29. package/styles/highcontrast-light.css +17 -0
  30. package/styles/highcontrast.css +17 -0
  31. package/styles/material-dark.css +17 -0
  32. package/styles/material.css +17 -0
  33. package/styles/tailwind-dark.css +17 -0
  34. package/styles/tailwind.css +17 -0
package/styles/highcontrast-light.css CHANGED
@@ -1132,6 +1132,10 @@ li.e-separator.e-menu-item.e-excel-separator {
1132
1132
  padding: 1px 10px;
1133
1133
  font-size: 14px;
1134
1134
  }
1135
+ .e-bigger .e-grid.e-device .e-groupheadercell,
1136
+ .e-grid.e-bigger.e-device .e-groupheadercell {
1137
+ padding: 1px 10px;
1138
+ }
1135
1139
  .e-bigger .e-grid .e-groupheadercell:hover,
1136
1140
  .e-grid.e-bigger .e-groupheadercell:hover {
1137
1141
  padding: 0 9px;
@@ -1190,6 +1194,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1190
1194
  .e-bigger .e-grid.e-device .e-groupheadercell span,
1191
1195
  .e-grid.e-bigger.e-device .e-groupheadercell span {
1192
1196
  line-height: 30px;
1197
+ padding: 0;
1193
1198
  }
1194
1199
  .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
1195
1200
  .e-grid.e-bigger.e-device .e-rowcell,
@@ -1267,11 +1272,19 @@ li.e-separator.e-menu-item.e-excel-separator {
1267
1272
  margin-top: 1px;
1268
1273
  margin-right: 0;
1269
1274
  }
1275
+ .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
1276
+ .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
1277
+ margin-top: 1px;
1278
+ }
1270
1279
  .e-bigger .e-grid span.e-groupsort.e-icons,
1271
1280
  .e-grid.e-bigger span.e-groupsort.e-icons {
1272
1281
  margin-right: 10px;
1273
1282
  margin-top: 0;
1274
1283
  }
1284
+ .e-bigger .e-grid.e-device span.e-groupsort.e-icons,
1285
+ .e-grid.e-bigger.e-device span.e-groupsort.e-icons {
1286
+ margin-top: 0;
1287
+ }
1275
1288
  .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
1276
1289
  .e-grid.e-bigger.e-rtl .e-groupheadercell,
1277
1290
  .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -3566,6 +3579,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3566
3579
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {
3567
3580
  padding: 0;
3568
3581
  }
3582
+ .e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
3583
+ .e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
3584
+ padding: 0;
3585
+ }
3569
3586
 
3570
3587
  .e-grid-min-height .e-rowcell,
3571
3588
  .e-grid-min-height .e-icon-grightarrow,
package/styles/highcontrast.css CHANGED
@@ -1132,6 +1132,10 @@ li.e-separator.e-menu-item.e-excel-separator {
1132
1132
  padding: 1px 10px;
1133
1133
  font-size: 14px;
1134
1134
  }
1135
+ .e-bigger .e-grid.e-device .e-groupheadercell,
1136
+ .e-grid.e-bigger.e-device .e-groupheadercell {
1137
+ padding: 1px 10px;
1138
+ }
1135
1139
  .e-bigger .e-grid .e-groupheadercell:hover,
1136
1140
  .e-grid.e-bigger .e-groupheadercell:hover {
1137
1141
  padding: 0 9px;
@@ -1190,6 +1194,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1190
1194
  .e-bigger .e-grid.e-device .e-groupheadercell span,
1191
1195
  .e-grid.e-bigger.e-device .e-groupheadercell span {
1192
1196
  line-height: 30px;
1197
+ padding: 0;
1193
1198
  }
1194
1199
  .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
1195
1200
  .e-grid.e-bigger.e-device .e-rowcell,
@@ -1267,11 +1272,19 @@ li.e-separator.e-menu-item.e-excel-separator {
1267
1272
  margin-top: 1px;
1268
1273
  margin-right: 0;
1269
1274
  }
1275
+ .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
1276
+ .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
1277
+ margin-top: 1px;
1278
+ }
1270
1279
  .e-bigger .e-grid span.e-groupsort.e-icons,
1271
1280
  .e-grid.e-bigger span.e-groupsort.e-icons {
1272
1281
  margin-right: 10px;
1273
1282
  margin-top: 0;
1274
1283
  }
1284
+ .e-bigger .e-grid.e-device span.e-groupsort.e-icons,
1285
+ .e-grid.e-bigger.e-device span.e-groupsort.e-icons {
1286
+ margin-top: 0;
1287
+ }
1275
1288
  .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
1276
1289
  .e-grid.e-bigger.e-rtl .e-groupheadercell,
1277
1290
  .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -3566,6 +3579,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3566
3579
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {
3567
3580
  padding: 0;
3568
3581
  }
3582
+ .e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
3583
+ .e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
3584
+ padding: 0;
3585
+ }
3569
3586
 
3570
3587
  .e-grid-min-height .e-rowcell,
3571
3588
  .e-grid-min-height .e-icon-grightarrow,
package/styles/material-dark.css CHANGED
@@ -1182,6 +1182,10 @@ li.e-separator.e-menu-item.e-excel-separator {
1182
1182
  padding: 0 8px 0 12px;
1183
1183
  font-size: 13px;
1184
1184
  }
1185
+ .e-bigger .e-grid.e-device .e-groupheadercell,
1186
+ .e-grid.e-bigger.e-device .e-groupheadercell {
1187
+ padding: 0 8px 0 12px;
1188
+ }
1185
1189
  .e-bigger .e-grid .e-groupheadercell:hover,
1186
1190
  .e-grid.e-bigger .e-groupheadercell:hover {
1187
1191
  padding: 0 8px 0 12px;
@@ -1240,6 +1244,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1240
1244
  .e-bigger .e-grid.e-device .e-groupheadercell span,
1241
1245
  .e-grid.e-bigger.e-device .e-groupheadercell span {
1242
1246
  line-height: 30px;
1247
+ padding: 0;
1243
1248
  }
1244
1249
  .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
1245
1250
  .e-grid.e-bigger.e-device .e-rowcell,
@@ -1317,11 +1322,19 @@ li.e-separator.e-menu-item.e-excel-separator {
1317
1322
  margin-top: 0;
1318
1323
  margin-right: 0;
1319
1324
  }
1325
+ .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
1326
+ .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
1327
+ margin-top: 0;
1328
+ }
1320
1329
  .e-bigger .e-grid span.e-groupsort.e-icons,
1321
1330
  .e-grid.e-bigger span.e-groupsort.e-icons {
1322
1331
  margin-right: 0;
1323
1332
  margin-top: 0;
1324
1333
  }
1334
+ .e-bigger .e-grid.e-device span.e-groupsort.e-icons,
1335
+ .e-grid.e-bigger.e-device span.e-groupsort.e-icons {
1336
+ margin-top: 0;
1337
+ }
1325
1338
  .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
1326
1339
  .e-grid.e-bigger.e-rtl .e-groupheadercell,
1327
1340
  .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -3616,6 +3629,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3616
3629
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {
3617
3630
  padding: 0;
3618
3631
  }
3632
+ .e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
3633
+ .e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
3634
+ padding: 0;
3635
+ }
3619
3636
 
3620
3637
  .e-grid-min-height .e-rowcell,
3621
3638
  .e-grid-min-height .e-icon-grightarrow,
package/styles/material.css CHANGED
@@ -1224,6 +1224,10 @@ li.e-separator.e-menu-item.e-excel-separator {
1224
1224
  padding: 0 8px 0 12px;
1225
1225
  font-size: 13px;
1226
1226
  }
1227
+ .e-bigger .e-grid.e-device .e-groupheadercell,
1228
+ .e-grid.e-bigger.e-device .e-groupheadercell {
1229
+ padding: 0 8px 0 12px;
1230
+ }
1227
1231
  .e-bigger .e-grid .e-groupheadercell:hover,
1228
1232
  .e-grid.e-bigger .e-groupheadercell:hover {
1229
1233
  padding: 0 8px 0 12px;
@@ -1282,6 +1286,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1282
1286
  .e-bigger .e-grid.e-device .e-groupheadercell span,
1283
1287
  .e-grid.e-bigger.e-device .e-groupheadercell span {
1284
1288
  line-height: 30px;
1289
+ padding: 0;
1285
1290
  }
1286
1291
  .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
1287
1292
  .e-grid.e-bigger.e-device .e-rowcell,
@@ -1359,11 +1364,19 @@ li.e-separator.e-menu-item.e-excel-separator {
1359
1364
  margin-top: 0;
1360
1365
  margin-right: 0;
1361
1366
  }
1367
+ .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
1368
+ .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
1369
+ margin-top: 0;
1370
+ }
1362
1371
  .e-bigger .e-grid span.e-groupsort.e-icons,
1363
1372
  .e-grid.e-bigger span.e-groupsort.e-icons {
1364
1373
  margin-right: 0;
1365
1374
  margin-top: 0;
1366
1375
  }
1376
+ .e-bigger .e-grid.e-device span.e-groupsort.e-icons,
1377
+ .e-grid.e-bigger.e-device span.e-groupsort.e-icons {
1378
+ margin-top: 0;
1379
+ }
1367
1380
  .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
1368
1381
  .e-grid.e-bigger.e-rtl .e-groupheadercell,
1369
1382
  .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -3658,6 +3671,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3658
3671
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {
3659
3672
  padding: 0;
3660
3673
  }
3674
+ .e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
3675
+ .e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
3676
+ padding: 0;
3677
+ }
3661
3678
 
3662
3679
  .e-grid-min-height .e-rowcell,
3663
3680
  .e-grid-min-height .e-icon-grightarrow,
package/styles/tailwind-dark.css CHANGED
@@ -1211,6 +1211,10 @@ li.e-separator.e-menu-item.e-excel-separator {
1211
1211
  padding: 6px 0;
1212
1212
  font-size: 16px;
1213
1213
  }
1214
+ .e-bigger .e-grid.e-device .e-groupheadercell,
1215
+ .e-grid.e-bigger.e-device .e-groupheadercell {
1216
+ padding: 0;
1217
+ }
1214
1218
  .e-bigger .e-grid .e-groupheadercell:hover,
1215
1219
  .e-grid.e-bigger .e-groupheadercell:hover {
1216
1220
  padding: 6px 0;
@@ -1269,6 +1273,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1269
1273
  .e-bigger .e-grid.e-device .e-groupheadercell span,
1270
1274
  .e-grid.e-bigger.e-device .e-groupheadercell span {
1271
1275
  line-height: 33px;
1276
+ padding: 0 8px;
1272
1277
  }
1273
1278
  .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
1274
1279
  .e-grid.e-bigger.e-device .e-rowcell,
@@ -1346,6 +1351,10 @@ li.e-separator.e-menu-item.e-excel-separator {
1346
1351
  margin-top: 0;
1347
1352
  margin-right: 0;
1348
1353
  }
1354
+ .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
1355
+ .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
1356
+ margin-top: 0;
1357
+ }
1349
1358
  .e-bigger .e-grid span.e-ungroupbutton.e-icons:hover,
1350
1359
  .e-grid.e-bigger span.e-ungroupbutton.e-icons:hover {
1351
1360
  color: #374151;
@@ -1355,6 +1364,10 @@ li.e-separator.e-menu-item.e-excel-separator {
1355
1364
  margin-right: 0;
1356
1365
  margin-top: 0;
1357
1366
  }
1367
+ .e-bigger .e-grid.e-device span.e-groupsort.e-icons,
1368
+ .e-grid.e-bigger.e-device span.e-groupsort.e-icons {
1369
+ margin-top: 0;
1370
+ }
1358
1371
  .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
1359
1372
  .e-grid.e-bigger.e-rtl .e-groupheadercell,
1360
1373
  .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -3688,6 +3701,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3688
3701
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {
3689
3702
  padding: 0 0 0 8px;
3690
3703
  }
3704
+ .e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
3705
+ .e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
3706
+ padding: 0 8px;
3707
+ }
3691
3708
 
3692
3709
  .e-grid-min-height .e-rowcell,
3693
3710
  .e-grid-min-height .e-icon-grightarrow,
package/styles/tailwind.css CHANGED
@@ -1211,6 +1211,10 @@ li.e-separator.e-menu-item.e-excel-separator {
1211
1211
  padding: 6px 0;
1212
1212
  font-size: 16px;
1213
1213
  }
1214
+ .e-bigger .e-grid.e-device .e-groupheadercell,
1215
+ .e-grid.e-bigger.e-device .e-groupheadercell {
1216
+ padding: 0;
1217
+ }
1214
1218
  .e-bigger .e-grid .e-groupheadercell:hover,
1215
1219
  .e-grid.e-bigger .e-groupheadercell:hover {
1216
1220
  padding: 6px 0;
@@ -1269,6 +1273,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1269
1273
  .e-bigger .e-grid.e-device .e-groupheadercell span,
1270
1274
  .e-grid.e-bigger.e-device .e-groupheadercell span {
1271
1275
  line-height: 33px;
1276
+ padding: 0 8px;
1272
1277
  }
1273
1278
  .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
1274
1279
  .e-grid.e-bigger.e-device .e-rowcell,
@@ -1346,6 +1351,10 @@ li.e-separator.e-menu-item.e-excel-separator {
1346
1351
  margin-top: 0;
1347
1352
  margin-right: 0;
1348
1353
  }
1354
+ .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
1355
+ .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
1356
+ margin-top: 0;
1357
+ }
1349
1358
  .e-bigger .e-grid span.e-ungroupbutton.e-icons:hover,
1350
1359
  .e-grid.e-bigger span.e-ungroupbutton.e-icons:hover {
1351
1360
  color: #374151;
@@ -1355,6 +1364,10 @@ li.e-separator.e-menu-item.e-excel-separator {
1355
1364
  margin-right: 0;
1356
1365
  margin-top: 0;
1357
1366
  }
1367
+ .e-bigger .e-grid.e-device span.e-groupsort.e-icons,
1368
+ .e-grid.e-bigger.e-device span.e-groupsort.e-icons {
1369
+ margin-top: 0;
1370
+ }
1358
1371
  .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
1359
1372
  .e-grid.e-bigger.e-rtl .e-groupheadercell,
1360
1373
  .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -3688,6 +3701,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3688
3701
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {
3689
3702
  padding: 0 0 0 8px;
3690
3703
  }
3704
+ .e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
3705
+ .e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
3706
+ padding: 0 8px;
3707
+ }
3691
3708
 
3692
3709
  .e-grid-min-height .e-rowcell,
3693
3710
  .e-grid-min-height .e-icon-grightarrow,