@syncfusion/ej2-react-grids 19.4.55 → 20.1.48

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 (71) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/dist/ej2-react-grids.umd.min.js +1 -1
  3. package/package.json +8 -8
  4. package/styles/bootstrap-dark.css +342 -21
  5. package/styles/bootstrap.css +342 -21
  6. package/styles/bootstrap4.css +342 -21
  7. package/styles/bootstrap5-dark.css +563 -177
  8. package/styles/bootstrap5.css +563 -177
  9. package/styles/excel-filter/bootstrap-dark.css +9 -0
  10. package/styles/excel-filter/bootstrap.css +9 -0
  11. package/styles/excel-filter/bootstrap4.css +9 -0
  12. package/styles/excel-filter/bootstrap5-dark.css +16 -0
  13. package/styles/excel-filter/bootstrap5.css +16 -0
  14. package/styles/excel-filter/fabric-dark.css +9 -0
  15. package/styles/excel-filter/fabric.css +9 -0
  16. package/styles/excel-filter/fluent-dark.css +621 -0
  17. package/styles/excel-filter/fluent-dark.scss +1 -0
  18. package/styles/excel-filter/fluent.css +621 -0
  19. package/styles/excel-filter/fluent.scss +1 -0
  20. package/styles/excel-filter/highcontrast-light.css +10 -1
  21. package/styles/excel-filter/highcontrast.css +9 -0
  22. package/styles/excel-filter/material-dark.css +9 -0
  23. package/styles/excel-filter/material.css +9 -0
  24. package/styles/excel-filter/tailwind-dark.css +21 -68
  25. package/styles/excel-filter/tailwind.css +21 -68
  26. package/styles/fabric-dark.css +344 -23
  27. package/styles/fabric.css +344 -23
  28. package/styles/fluent-dark.css +6517 -0
  29. package/styles/fluent-dark.scss +3 -0
  30. package/styles/fluent.css +6517 -0
  31. package/styles/fluent.scss +3 -0
  32. package/styles/grid/bootstrap-dark.css +273 -18
  33. package/styles/grid/bootstrap.css +273 -18
  34. package/styles/grid/bootstrap4.css +273 -18
  35. package/styles/grid/bootstrap5-dark.css +399 -122
  36. package/styles/grid/bootstrap5.css +399 -122
  37. package/styles/grid/fabric-dark.css +273 -18
  38. package/styles/grid/fabric.css +273 -18
  39. package/styles/grid/fluent-dark.css +5173 -0
  40. package/styles/grid/fluent-dark.scss +1 -0
  41. package/styles/grid/fluent.css +5173 -0
  42. package/styles/grid/fluent.scss +1 -0
  43. package/styles/grid/highcontrast-light.css +273 -18
  44. package/styles/grid/highcontrast.css +273 -18
  45. package/styles/grid/material-dark.css +273 -18
  46. package/styles/grid/material.css +273 -18
  47. package/styles/grid/tailwind-dark.css +547 -225
  48. package/styles/grid/tailwind.css +548 -226
  49. package/styles/highcontrast-light.css +345 -24
  50. package/styles/highcontrast.css +344 -23
  51. package/styles/material-dark.css +342 -21
  52. package/styles/material.css +342 -21
  53. package/styles/pager/bootstrap-dark.css +60 -3
  54. package/styles/pager/bootstrap.css +60 -3
  55. package/styles/pager/bootstrap4.css +60 -3
  56. package/styles/pager/bootstrap5-dark.css +155 -55
  57. package/styles/pager/bootstrap5.css +155 -55
  58. package/styles/pager/fabric-dark.css +62 -5
  59. package/styles/pager/fabric.css +62 -5
  60. package/styles/pager/fluent-dark.css +854 -0
  61. package/styles/pager/fluent-dark.scss +1 -0
  62. package/styles/pager/fluent.css +854 -0
  63. package/styles/pager/fluent.scss +1 -0
  64. package/styles/pager/highcontrast-light.css +62 -5
  65. package/styles/pager/highcontrast.css +62 -5
  66. package/styles/pager/material-dark.css +60 -3
  67. package/styles/pager/material.css +60 -3
  68. package/styles/pager/tailwind-dark.css +270 -58
  69. package/styles/pager/tailwind.css +270 -58
  70. package/styles/tailwind-dark.css +837 -294
  71. package/styles/tailwind.css +838 -295
package/styles/excel-filter/tailwind-dark.css CHANGED
@@ -53,6 +53,7 @@
53
53
 
54
54
  .e-popup.e-ddl .e-dropdownbase {
55
55
  min-height: 26px;
56
+ padding: 4px 0;
56
57
  }
57
58
 
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) {
@@ -77,24 +78,6 @@
77
78
  background-color: #374151;
78
79
  }
79
80
 
80
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
81
- margin: 0;
82
- min-height: 12px;
83
- min-width: 12px;
84
- padding: 6px;
85
- }
86
-
87
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
88
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
89
- min-height: 16px;
90
- min-width: 16px;
91
- }
92
-
93
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
94
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
95
- padding: 8px 16px 8px 0;
96
- }
97
-
98
81
  .e-input-group.e-ddl,
99
82
  .e-input-group.e-ddl .e-input,
100
83
  .e-input-group.e-ddl .e-ddl-icon {
@@ -106,45 +89,6 @@
106
89
  border-bottom-width: 0;
107
90
  }
108
91
 
109
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
110
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
111
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
112
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus.e-small .e-clear-icon,
113
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon,
114
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
115
- margin: 0;
116
- }
117
-
118
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
119
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
120
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
121
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
122
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
123
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter {
124
- padding: 5px 5px 5px 12px;
125
- }
126
-
127
- .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
128
- .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
129
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
130
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
131
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
132
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
133
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon {
134
- min-height: 18px;
135
- min-width: 18px;
136
- }
137
-
138
- .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
139
- .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
140
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
141
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
142
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
143
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
144
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger.e-small .e-input-filter {
145
- padding: 8px 16px;
146
- }
147
-
148
92
  .e-ddl.e-popup.e-outline .e-filter-parent {
149
93
  padding: 4px 8px;
150
94
  }
@@ -169,39 +113,39 @@
169
113
 
170
114
  /*! component icons */
171
115
  .e-icon-check::before {
172
- content: '\e75d';
116
+ content: '\e774';
173
117
  }
174
118
 
175
119
  .e-excelfilter .e-icon-filter::before {
176
- content: '\e71b';
120
+ content: '\e7f7';
177
121
  }
178
122
 
179
123
  .e-excelfilter .e-excl-filter-icon::before {
180
- content: '\e71b';
124
+ content: '\e7f7';
181
125
  }
182
126
 
183
127
  .e-excelfilter .e-excl-filter-icon.e-filtered::before {
184
- content: '\e774';
128
+ content: '\e72c';
185
129
  }
186
130
 
187
131
  .e-excelfilter .e-search-icon::before {
188
- content: '\e737';
132
+ content: '\e754';
189
133
  }
190
134
 
191
135
  .e-excelfilter .e-ccsearch-icon::before {
192
- content: '\e737';
136
+ content: '\e754';
193
137
  }
194
138
 
195
139
  .e-excelfilter .e-chkcancel-icon::before {
196
- content: '\e771';
140
+ content: '\e7e7';
197
141
  }
198
142
 
199
143
  .e-excelfilter .e-sortascending::before {
200
- content: '\e837';
144
+ content: '\e7a3';
201
145
  }
202
146
 
203
147
  .e-excelfilter .e-sortdescending::before {
204
- content: '\e84c';
148
+ content: '\e7b6';
205
149
  }
206
150
 
207
151
  /*! Excel-Filter layout */
@@ -418,7 +362,12 @@
418
362
  .e-excelfilter.e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-caret {
419
363
  height: 40px;
420
364
  line-height: 40px;
421
- margin-right: 9px;
365
+ margin-right: 12px;
366
+ }
367
+
368
+ .e-bigger .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret,
369
+ .e-excelfilter.e-bigger.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
370
+ margin-left: 12px;
422
371
  }
423
372
 
424
373
  .e-bigger .e-excelfilter.e-dialog .e-dlg-content,
@@ -552,7 +501,11 @@
552
501
  .e-excelfilter .e-contextmenu-wrapper ul .e-menu-item .e-caret {
553
502
  height: 36px;
554
503
  line-height: 36px;
555
- margin-right: 5px;
504
+ margin-right: 8px;
505
+ }
506
+
507
+ .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
508
+ margin-left: 8px;
556
509
  }
557
510
 
558
511
  .e-excelfilter .e-footer-content {
package/styles/excel-filter/tailwind.css CHANGED
@@ -53,6 +53,7 @@
53
53
 
54
54
  .e-popup.e-ddl .e-dropdownbase {
55
55
  min-height: 26px;
56
+ padding: 4px 0;
56
57
  }
57
58
 
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) {
@@ -77,24 +78,6 @@
77
78
  background-color: #fff;
78
79
  }
79
80
 
80
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
81
- margin: 0;
82
- min-height: 12px;
83
- min-width: 12px;
84
- padding: 6px;
85
- }
86
-
87
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
88
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
89
- min-height: 16px;
90
- min-width: 16px;
91
- }
92
-
93
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
94
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
95
- padding: 8px 16px 8px 0;
96
- }
97
-
98
81
  .e-input-group.e-ddl,
99
82
  .e-input-group.e-ddl .e-input,
100
83
  .e-input-group.e-ddl .e-ddl-icon {
@@ -106,45 +89,6 @@
106
89
  border-bottom-width: 0;
107
90
  }
108
91
 
109
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
110
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
111
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
112
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus.e-small .e-clear-icon,
113
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon,
114
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
115
- margin: 0;
116
- }
117
-
118
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
119
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
120
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
121
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
122
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
123
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter {
124
- padding: 5px 5px 5px 12px;
125
- }
126
-
127
- .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
128
- .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
129
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
130
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
131
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
132
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
133
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon {
134
- min-height: 18px;
135
- min-width: 18px;
136
- }
137
-
138
- .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
139
- .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
140
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
141
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
142
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
143
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
144
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger.e-small .e-input-filter {
145
- padding: 8px 16px;
146
- }
147
-
148
92
  .e-ddl.e-popup.e-outline .e-filter-parent {
149
93
  padding: 4px 8px;
150
94
  }
@@ -169,39 +113,39 @@
169
113
 
170
114
  /*! component icons */
171
115
  .e-icon-check::before {
172
- content: '\e75d';
116
+ content: '\e774';
173
117
  }
174
118
 
175
119
  .e-excelfilter .e-icon-filter::before {
176
- content: '\e71b';
120
+ content: '\e7f7';
177
121
  }
178
122
 
179
123
  .e-excelfilter .e-excl-filter-icon::before {
180
- content: '\e71b';
124
+ content: '\e7f7';
181
125
  }
182
126
 
183
127
  .e-excelfilter .e-excl-filter-icon.e-filtered::before {
184
- content: '\e774';
128
+ content: '\e72c';
185
129
  }
186
130
 
187
131
  .e-excelfilter .e-search-icon::before {
188
- content: '\e737';
132
+ content: '\e754';
189
133
  }
190
134
 
191
135
  .e-excelfilter .e-ccsearch-icon::before {
192
- content: '\e737';
136
+ content: '\e754';
193
137
  }
194
138
 
195
139
  .e-excelfilter .e-chkcancel-icon::before {
196
- content: '\e771';
140
+ content: '\e7e7';
197
141
  }
198
142
 
199
143
  .e-excelfilter .e-sortascending::before {
200
- content: '\e837';
144
+ content: '\e7a3';
201
145
  }
202
146
 
203
147
  .e-excelfilter .e-sortdescending::before {
204
- content: '\e84c';
148
+ content: '\e7b6';
205
149
  }
206
150
 
207
151
  /*! Excel-Filter layout */
@@ -418,7 +362,12 @@
418
362
  .e-excelfilter.e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-caret {
419
363
  height: 40px;
420
364
  line-height: 40px;
421
- margin-right: 9px;
365
+ margin-right: 12px;
366
+ }
367
+
368
+ .e-bigger .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret,
369
+ .e-excelfilter.e-bigger.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
370
+ margin-left: 12px;
422
371
  }
423
372
 
424
373
  .e-bigger .e-excelfilter.e-dialog .e-dlg-content,
@@ -552,7 +501,11 @@
552
501
  .e-excelfilter .e-contextmenu-wrapper ul .e-menu-item .e-caret {
553
502
  height: 36px;
554
503
  line-height: 36px;
555
- margin-right: 5px;
504
+ margin-right: 8px;
505
+ }
506
+
507
+ .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
508
+ margin-left: 8px;
556
509
  }
557
510
 
558
511
  .e-excelfilter .e-footer-content {