@syncfusion/ej2-react-grids 19.2.59 → 19.3.44

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 +54 -0
  2. package/dist/ej2-react-grids.umd.min.js +1 -1
  3. package/package.json +8 -8
  4. package/styles/bootstrap-dark.css +265 -69
  5. package/styles/bootstrap.css +263 -67
  6. package/styles/bootstrap4.css +248 -52
  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 +21 -5
  25. package/styles/excel-filter/tailwind.css +21 -5
  26. package/styles/fabric-dark.css +233 -37
  27. package/styles/fabric.css +226 -30
  28. package/styles/grid/bootstrap-dark.css +239 -56
  29. package/styles/grid/bootstrap.css +237 -54
  30. package/styles/grid/bootstrap4.css +227 -44
  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 +212 -29
  36. package/styles/grid/fabric.css +212 -29
  37. package/styles/grid/highcontrast-light.css +215 -32
  38. package/styles/grid/highcontrast.css +215 -32
  39. package/styles/grid/material-dark.css +225 -42
  40. package/styles/grid/material.css +208 -25
  41. package/styles/grid/tailwind-dark.css +244 -61
  42. package/styles/grid/tailwind.css +242 -59
  43. package/styles/highcontrast-light.css +230 -34
  44. package/styles/highcontrast.css +231 -35
  45. package/styles/material-dark.css +245 -49
  46. package/styles/material.css +224 -28
  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 +4 -3
  59. package/styles/pager/material.css +3 -2
  60. package/styles/pager/tailwind-dark.css +8 -7
  61. package/styles/pager/tailwind.css +8 -7
  62. package/styles/tailwind-dark.css +273 -73
  63. package/styles/tailwind.css +271 -71
@@ -0,0 +1 @@
1
+ @import 'ej2-grids/styles/pager/bootstrap5.scss';
@@ -187,6 +187,7 @@
187
187
  .e-pager.e-bigger.e-rtl .e-np,
188
188
  .e-pager.e-bigger.e-rtl .e-pp:hover,
189
189
  .e-pager.e-bigger.e-rtl .e-np:hover {
190
+ font-size: 20px;
190
191
  margin-top: -10px;
191
192
  }
192
193
 
@@ -410,7 +411,7 @@
410
411
  .e-pager .e-mprev,
411
412
  .e-pager .e-mnext,
412
413
  .e-pager .e-mlast {
413
- -webkit-tap-highlight-color: #0074cc;
414
+ -webkit-tap-highlight-color: #201f1f;
414
415
  }
415
416
 
416
417
  .e-pager .e-pp,
@@ -656,7 +657,7 @@
656
657
 
657
658
  /*! Pager theme */
658
659
  .e-pager {
659
- background-color: #0074cc;
660
+ background-color: #201f1f;
660
661
  border-color: #414040;
661
662
  color: #dadada;
662
663
  opacity: 1;
@@ -704,7 +705,7 @@
704
705
  }
705
706
 
706
707
  .e-pager .e-numericitem {
707
- background: #0074cc;
708
+ background: #201f1f;
708
709
  border-right-color: #414040;
709
710
  color: #dadada;
710
711
  }
@@ -717,7 +718,7 @@
717
718
  .e-pager .e-lastpage,
718
719
  .e-pager .e-firstpage,
719
720
  .e-pager .e-firstpagedisabled {
720
- background-color: #0074cc;
721
+ background-color: #201f1f;
721
722
  color: #dadada;
722
723
  }
723
724
 
@@ -727,7 +728,7 @@
727
728
  }
728
729
 
729
730
  .e-pager .e-pagercontainer {
730
- background-color: #0074cc;
731
+ background-color: #201f1f;
731
732
  border-color: #414040;
732
733
  }
733
734
 
@@ -751,7 +752,7 @@
751
752
 
752
753
  @media (max-width: 590px) {
753
754
  .e-pager .e-pager-default:hover {
754
- background: #0074cc;
755
+ background: #201f1f;
755
756
  color: #dadada;
756
757
  opacity: 1;
757
758
  }
@@ -187,6 +187,7 @@
187
187
  .e-pager.e-bigger.e-rtl .e-np,
188
188
  .e-pager.e-bigger.e-rtl .e-pp:hover,
189
189
  .e-pager.e-bigger.e-rtl .e-np:hover {
190
+ font-size: 20px;
190
191
  margin-top: -10px;
191
192
  }
192
193
 
@@ -187,6 +187,7 @@
187
187
  .e-pager.e-bigger.e-rtl .e-np,
188
188
  .e-pager.e-bigger.e-rtl .e-pp:hover,
189
189
  .e-pager.e-bigger.e-rtl .e-np:hover {
190
+ font-size: 20px;
190
191
  margin-top: -10px;
191
192
  }
192
193
 
@@ -71,7 +71,7 @@
71
71
  .e-pager.e-bigger div.e-parentmsgbar {
72
72
  padding-bottom: 8px;
73
73
  padding-right: 13px;
74
- padding-top: 9px;
74
+ padding-top: 11px;
75
75
  }
76
76
 
77
77
  .e-bigger .e-pager .e-pagerdropdown,
@@ -187,6 +187,7 @@
187
187
  .e-pager.e-bigger.e-rtl .e-np,
188
188
  .e-pager.e-bigger.e-rtl .e-pp:hover,
189
189
  .e-pager.e-bigger.e-rtl .e-np:hover {
190
+ font-size: 20px;
190
191
  margin-top: -10px;
191
192
  }
192
193
 
@@ -238,7 +239,7 @@
238
239
  float: right;
239
240
  padding-bottom: 9px;
240
241
  padding-right: 10px;
241
- padding-top: 9px;
242
+ padding-top: 8px;
242
243
  }
243
244
 
244
245
  .e-pager .e-pagesizes {
@@ -72,7 +72,7 @@
72
72
  .e-pager.e-bigger div.e-parentmsgbar {
73
73
  padding-bottom: 8px;
74
74
  padding-right: 24px;
75
- padding-top: 18.66667px;
75
+ padding-top: 15px;
76
76
  }
77
77
 
78
78
  .e-bigger .e-pager .e-pagerdropdown,
@@ -95,7 +95,7 @@
95
95
 
96
96
  .e-bigger .e-pager.e-rtl .e-pagercontainer,
97
97
  .e-pager.e-bigger.e-rtl .e-pagercontainer {
98
- margin: 5px 0 -4px 0;
98
+ margin: 5px 0 5px 0;
99
99
  }
100
100
 
101
101
  @media (max-width: 769px) {
@@ -188,6 +188,7 @@
188
188
  .e-pager.e-bigger.e-rtl .e-np,
189
189
  .e-pager.e-bigger.e-rtl .e-pp:hover,
190
190
  .e-pager.e-bigger.e-rtl .e-np:hover {
191
+ font-size: 22px;
191
192
  margin-top: -10px;
192
193
  }
193
194
 
@@ -745,7 +746,7 @@
745
746
 
746
747
  .e-pager .e-currentitem,
747
748
  .e-pager .e-currentitem:hover {
748
- background: #ff80ab;
749
+ background: #00b0ff;
749
750
  color: #000;
750
751
  opacity: 1;
751
752
  }
@@ -72,7 +72,7 @@
72
72
  .e-pager.e-bigger div.e-parentmsgbar {
73
73
  padding-bottom: 8px;
74
74
  padding-right: 24px;
75
- padding-top: 18.66667px;
75
+ padding-top: 15px;
76
76
  }
77
77
 
78
78
  .e-bigger .e-pager .e-pagerdropdown,
@@ -95,7 +95,7 @@
95
95
 
96
96
  .e-bigger .e-pager.e-rtl .e-pagercontainer,
97
97
  .e-pager.e-bigger.e-rtl .e-pagercontainer {
98
- margin: 5px 0 -4px 0;
98
+ margin: 5px 0 5px 0;
99
99
  }
100
100
 
101
101
  @media (max-width: 769px) {
@@ -188,6 +188,7 @@
188
188
  .e-pager.e-bigger.e-rtl .e-np,
189
189
  .e-pager.e-bigger.e-rtl .e-pp:hover,
190
190
  .e-pager.e-bigger.e-rtl .e-np:hover {
191
+ font-size: 22px;
191
192
  margin-top: -10px;
192
193
  }
193
194
 
@@ -95,7 +95,7 @@
95
95
 
96
96
  .e-bigger .e-pager.e-rtl .e-pagercontainer,
97
97
  .e-pager.e-bigger.e-rtl .e-pagercontainer {
98
- margin: 5px 0 -4px 0;
98
+ margin: 5px 5px -4px 0;
99
99
  }
100
100
 
101
101
  @media (max-width: 769px) {
@@ -172,12 +172,12 @@
172
172
  .e-pager.e-bigger.e-rtl .e-numericitem:hover,
173
173
  .e-pager.e-bigger.e-rtl .e-currentitem {
174
174
  margin: 0;
175
- padding: 8px 14px 6px 14px;
175
+ padding: 10px 14px 13px 14px;
176
176
  }
177
177
 
178
178
  .e-bigger .e-pager.e-rtl .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active),
179
179
  .e-pager.e-bigger.e-rtl .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
180
- padding: 8px 14px 6px 14px;
180
+ padding: 10px 14px 13px 14px;
181
181
  }
182
182
 
183
183
  .e-bigger .e-pager.e-rtl .e-pp,
@@ -188,6 +188,7 @@
188
188
  .e-pager.e-bigger.e-rtl .e-np,
189
189
  .e-pager.e-bigger.e-rtl .e-pp:hover,
190
190
  .e-pager.e-bigger.e-rtl .e-np:hover {
191
+ font-size: 16px;
191
192
  margin-top: -5px;
192
193
  }
193
194
 
@@ -297,12 +298,12 @@
297
298
  .e-pager .e-currentitem {
298
299
  border-radius: 0;
299
300
  cursor: pointer;
300
- padding: 8px 11px 6px 11px;
301
+ padding: 9px 11px 6px 11px;
301
302
  text-decoration: none;
302
303
  }
303
304
 
304
305
  .e-pager .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
305
- padding: 8px 11px 6px 11px;
306
+ padding: 9px 11px 6px 11px;
306
307
  }
307
308
 
308
309
  .e-pager .e-currentitem {
@@ -517,7 +518,7 @@
517
518
 
518
519
  .e-pager.e-rtl .e-pagercontainer {
519
520
  float: none;
520
- margin: 0 6px -4px 0;
521
+ margin: 0 0 -4px 0;
521
522
  padding: 0;
522
523
  }
523
524
 
@@ -753,7 +754,7 @@
753
754
  @media (max-width: 590px) {
754
755
  .e-pager .e-pager-default:hover {
755
756
  background: #1f2937;
756
- color: #3071a9;
757
+ color: #22d3ee;
757
758
  opacity: 1;
758
759
  }
759
760
  }
@@ -95,7 +95,7 @@
95
95
 
96
96
  .e-bigger .e-pager.e-rtl .e-pagercontainer,
97
97
  .e-pager.e-bigger.e-rtl .e-pagercontainer {
98
- margin: 5px 0 -4px 0;
98
+ margin: 5px 5px -4px 0;
99
99
  }
100
100
 
101
101
  @media (max-width: 769px) {
@@ -172,12 +172,12 @@
172
172
  .e-pager.e-bigger.e-rtl .e-numericitem:hover,
173
173
  .e-pager.e-bigger.e-rtl .e-currentitem {
174
174
  margin: 0;
175
- padding: 8px 14px 6px 14px;
175
+ padding: 10px 14px 13px 14px;
176
176
  }
177
177
 
178
178
  .e-bigger .e-pager.e-rtl .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active),
179
179
  .e-pager.e-bigger.e-rtl .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
180
- padding: 8px 14px 6px 14px;
180
+ padding: 10px 14px 13px 14px;
181
181
  }
182
182
 
183
183
  .e-bigger .e-pager.e-rtl .e-pp,
@@ -188,6 +188,7 @@
188
188
  .e-pager.e-bigger.e-rtl .e-np,
189
189
  .e-pager.e-bigger.e-rtl .e-pp:hover,
190
190
  .e-pager.e-bigger.e-rtl .e-np:hover {
191
+ font-size: 16px;
191
192
  margin-top: -5px;
192
193
  }
193
194
 
@@ -297,12 +298,12 @@
297
298
  .e-pager .e-currentitem {
298
299
  border-radius: 0;
299
300
  cursor: pointer;
300
- padding: 8px 11px 6px 11px;
301
+ padding: 9px 11px 6px 11px;
301
302
  text-decoration: none;
302
303
  }
303
304
 
304
305
  .e-pager .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
305
- padding: 8px 11px 6px 11px;
306
+ padding: 9px 11px 6px 11px;
306
307
  }
307
308
 
308
309
  .e-pager .e-currentitem {
@@ -517,7 +518,7 @@
517
518
 
518
519
  .e-pager.e-rtl .e-pagercontainer {
519
520
  float: none;
520
- margin: 0 6px -4px 0;
521
+ margin: 0 0 -4px 0;
521
522
  padding: 0;
522
523
  }
523
524
 
@@ -753,7 +754,7 @@
753
754
  @media (max-width: 590px) {
754
755
  .e-pager .e-pager-default:hover {
755
756
  background: #fff;
756
- color: #3071a9;
757
+ color: #4f46e5;
757
758
  opacity: 1;
758
759
  }
759
760
  }