@syncfusion/ej2-react-spreadsheet 20.1.61 → 20.2.39

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 (48) hide show
  1. package/CHANGELOG.md +24 -107
  2. package/dist/ej2-react-spreadsheet.umd.min.js +1 -1
  3. package/package.json +8 -8
  4. package/styles/bootstrap-dark.css +167 -180
  5. package/styles/bootstrap.css +167 -177
  6. package/styles/bootstrap4.css +170 -180
  7. package/styles/bootstrap5-dark.css +182 -184
  8. package/styles/bootstrap5.css +182 -184
  9. package/styles/fabric-dark.css +166 -181
  10. package/styles/fabric.css +166 -178
  11. package/styles/fluent-dark.css +203 -199
  12. package/styles/fluent.css +203 -199
  13. package/styles/highcontrast-light.css +166 -177
  14. package/styles/highcontrast.css +165 -177
  15. package/styles/material-dark.css +166 -180
  16. package/styles/material.css +166 -177
  17. package/styles/ribbon/bootstrap-dark.css +7 -0
  18. package/styles/ribbon/bootstrap.css +7 -0
  19. package/styles/ribbon/bootstrap4.css +7 -0
  20. package/styles/ribbon/bootstrap5-dark.css +15 -0
  21. package/styles/ribbon/bootstrap5.css +15 -0
  22. package/styles/ribbon/fabric-dark.css +8 -0
  23. package/styles/ribbon/fabric.css +8 -0
  24. package/styles/ribbon/fluent-dark.css +10 -0
  25. package/styles/ribbon/fluent.css +10 -0
  26. package/styles/ribbon/highcontrast-light.css +9 -0
  27. package/styles/ribbon/highcontrast.css +9 -0
  28. package/styles/ribbon/material-dark.css +7 -0
  29. package/styles/ribbon/material.css +7 -0
  30. package/styles/ribbon/tailwind-dark.css +7 -0
  31. package/styles/ribbon/tailwind.css +7 -0
  32. package/styles/spreadsheet/bootstrap-dark.css +160 -180
  33. package/styles/spreadsheet/bootstrap.css +160 -177
  34. package/styles/spreadsheet/bootstrap4.css +163 -180
  35. package/styles/spreadsheet/bootstrap5-dark.css +167 -184
  36. package/styles/spreadsheet/bootstrap5.css +167 -184
  37. package/styles/spreadsheet/fabric-dark.css +158 -181
  38. package/styles/spreadsheet/fabric.css +158 -178
  39. package/styles/spreadsheet/fluent-dark.css +193 -199
  40. package/styles/spreadsheet/fluent.css +193 -199
  41. package/styles/spreadsheet/highcontrast-light.css +157 -177
  42. package/styles/spreadsheet/highcontrast.css +156 -177
  43. package/styles/spreadsheet/material-dark.css +159 -180
  44. package/styles/spreadsheet/material.css +159 -177
  45. package/styles/spreadsheet/tailwind-dark.css +385 -184
  46. package/styles/spreadsheet/tailwind.css +175 -184
  47. package/styles/tailwind-dark.css +392 -184
  48. package/styles/tailwind.css +182 -184
package/styles/ribbon/bootstrap-dark.css CHANGED
@@ -155,6 +155,13 @@
155
155
  .e-ribbon .e-tab .e-tab-header {
156
156
  background-color: inherit;
157
157
  }
158
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
159
+ background: #414141;
160
+ }
161
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
162
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
163
+ color: #f0f0f0;
164
+ }
158
165
  .e-ribbon .e-drop-icon {
159
166
  color: #f0f0f0;
160
167
  }
package/styles/ribbon/bootstrap.css CHANGED
@@ -176,6 +176,13 @@
176
176
  border-right-color: #e5e5e5;
177
177
  border-top-color: #e5e5e5;
178
178
  }
179
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
180
+ background: #eee;
181
+ }
182
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
183
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
184
+ color: #1f496e;
185
+ }
179
186
  .e-ribbon .e-drop-icon {
180
187
  color: #777;
181
188
  }
package/styles/ribbon/bootstrap4.css CHANGED
@@ -132,6 +132,13 @@
132
132
  .e-ribbon .e-tab .e-tab-header {
133
133
  background-color: inherit;
134
134
  }
135
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
136
+ background: #eee;
137
+ }
138
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
139
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
140
+ color: #0056b3;
141
+ }
135
142
  .e-ribbon .e-drop-icon {
136
143
  color: #6c757d;
137
144
  }
package/styles/ribbon/bootstrap5-dark.css CHANGED
@@ -118,6 +118,10 @@
118
118
  .e-bigger.e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret {
119
119
  line-height: 41px;
120
120
  }
121
+ .e-bigger .e-ribbon .e-tab .e-content .e-toolbar .e-toolbar-items,
122
+ .e-bigger.e-ribbon .e-tab .e-content .e-toolbar .e-toolbar-items {
123
+ height: 46px;
124
+ }
121
125
  .e-bigger .e-ribbon .e-drop-icon,
122
126
  .e-bigger.e-ribbon .e-drop-icon {
123
127
  font-size: 12px;
@@ -158,6 +162,17 @@
158
162
  .e-ribbon .e-tab .e-tab-header {
159
163
  background-color: inherit;
160
164
  }
165
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
166
+ background: rgba(52, 58, 64, 0.12);
167
+ border: 1px solid #adb5bd;
168
+ }
169
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon {
170
+ color: #adb5bd;
171
+ }
172
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
173
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
174
+ color: #0a58ca;
175
+ }
161
176
  .e-ribbon .e-drop-icon {
162
177
  color: #adb5bd;
163
178
  }
package/styles/ribbon/bootstrap5.css CHANGED
@@ -118,6 +118,10 @@
118
118
  .e-bigger.e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret {
119
119
  line-height: 41px;
120
120
  }
121
+ .e-bigger .e-ribbon .e-tab .e-content .e-toolbar .e-toolbar-items,
122
+ .e-bigger.e-ribbon .e-tab .e-content .e-toolbar .e-toolbar-items {
123
+ height: 46px;
124
+ }
121
125
  .e-bigger .e-ribbon .e-drop-icon,
122
126
  .e-bigger.e-ribbon .e-drop-icon {
123
127
  font-size: 12px;
@@ -158,6 +162,17 @@
158
162
  .e-ribbon .e-tab .e-tab-header {
159
163
  background-color: inherit;
160
164
  }
165
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
166
+ background: rgba(233, 236, 239, 0.12);
167
+ border: 1px solid #6c757d;
168
+ }
169
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon {
170
+ color: #6c757d;
171
+ }
172
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
173
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
174
+ color: #0a58ca;
175
+ }
161
176
  .e-ribbon .e-drop-icon {
162
177
  color: #6c757d;
163
178
  }
package/styles/ribbon/fabric-dark.css CHANGED
@@ -152,6 +152,14 @@
152
152
  .e-ribbon .e-tab .e-tab-header {
153
153
  background-color: inherit;
154
154
  }
155
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
156
+ background: initial;
157
+ border-color: #c8c8c8;
158
+ }
159
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
160
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
161
+ color: #fff;
162
+ }
155
163
  .e-ribbon .e-drop-icon {
156
164
  color: #dadada;
157
165
  }
package/styles/ribbon/fabric.css CHANGED
@@ -163,6 +163,14 @@
163
163
  .e-ribbon .e-tab .e-tab-header {
164
164
  background-color: inherit;
165
165
  }
166
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
167
+ background: initial;
168
+ border-color: #767676;
169
+ }
170
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
171
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
172
+ color: #333;
173
+ }
166
174
  .e-ribbon .e-drop-icon {
167
175
  color: #666;
168
176
  }
package/styles/ribbon/fluent-dark.css CHANGED
@@ -155,6 +155,16 @@
155
155
  .e-ribbon .e-tab .e-tab-header {
156
156
  background-color: inherit;
157
157
  }
158
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
159
+ background: #252423;
160
+ }
161
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon {
162
+ color: #a19f9d;
163
+ }
164
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
165
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
166
+ color: #f3f2f1;
167
+ }
158
168
  .e-ribbon .e-tab .e-toolbar, .e-ribbon .e-tab .e-toolbar-items {
159
169
  background-color: #201f1e;
160
170
  }
package/styles/ribbon/fluent.css CHANGED
@@ -155,6 +155,16 @@
155
155
  .e-ribbon .e-tab .e-tab-header {
156
156
  background-color: inherit;
157
157
  }
158
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
159
+ background: #f3f2f1;
160
+ }
161
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon {
162
+ color: #605e5c;
163
+ }
164
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
165
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
166
+ color: #201f1e;
167
+ }
158
168
  .e-ribbon .e-tab .e-toolbar, .e-ribbon .e-tab .e-toolbar-items {
159
169
  background-color: #faf9f8;
160
170
  }
package/styles/ribbon/highcontrast-light.css CHANGED
@@ -148,6 +148,15 @@
148
148
  .e-ribbon .e-tab .e-tab-header {
149
149
  background-color: inherit;
150
150
  }
151
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
152
+ background: initial;
153
+ border-color: #000;
154
+ border-style: solid;
155
+ }
156
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
157
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
158
+ color: #000;
159
+ }
151
160
  .e-ribbon .e-drop-icon {
152
161
  color: initial;
153
162
  }
package/styles/ribbon/highcontrast.css CHANGED
@@ -166,6 +166,15 @@
166
166
  .e-ribbon .e-tab .e-tab-header {
167
167
  background-color: inherit;
168
168
  }
169
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
170
+ background: initial;
171
+ border-color: #fff;
172
+ border-style: solid;
173
+ }
174
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
175
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
176
+ color: #fff;
177
+ }
169
178
  .e-ribbon .e-drop-icon {
170
179
  color: #fff;
171
180
  }
package/styles/ribbon/material-dark.css CHANGED
@@ -156,6 +156,13 @@
156
156
  .e-ribbon .e-tab .e-tab-header {
157
157
  background-color: inherit;
158
158
  }
159
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
160
+ background: rgba(0, 176, 255, 0.12);
161
+ }
162
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
163
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
164
+ color: #00b0ff;
165
+ }
159
166
  .e-ribbon .e-drop-icon {
160
167
  color: #fff;
161
168
  }
package/styles/ribbon/material.css CHANGED
@@ -162,6 +162,13 @@
162
162
  .e-ribbon .e-tab .e-tab-header {
163
163
  background-color: inherit;
164
164
  }
165
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
166
+ background: rgba(227, 22, 91, 0.12);
167
+ }
168
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
169
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
170
+ color: #e3165b;
171
+ }
165
172
  .e-ribbon .e-tab .e-content .e-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
166
173
  border-color: #dcdcdc;
167
174
  }
package/styles/ribbon/tailwind-dark.css CHANGED
@@ -162,6 +162,13 @@
162
162
  .e-ribbon .e-tab .e-tab-header {
163
163
  background-color: inherit;
164
164
  }
165
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
166
+ background: rgba(55, 65, 81, 0.12);
167
+ }
168
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
169
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
170
+ color: #22d3ee;
171
+ }
165
172
  .e-ribbon .e-drop-icon {
166
173
  color: #d1d5db;
167
174
  }
package/styles/ribbon/tailwind.css CHANGED
@@ -162,6 +162,13 @@
162
162
  .e-ribbon .e-tab .e-tab-header {
163
163
  background-color: inherit;
164
164
  }
165
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
166
+ background: rgba(243, 244, 246, 0.12);
167
+ }
168
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
169
+ .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
170
+ color: #4f46e5;
171
+ }
165
172
  .e-ribbon .e-drop-icon {
166
173
  color: #6b7280;
167
174
  }