@syncfusion/ej2-react-spreadsheet 20.1.60 → 20.2.38

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 +15 -102
  2. package/dist/ej2-react-spreadsheet.umd.min.js +1 -1
  3. package/package.json +8 -8
  4. package/styles/bootstrap-dark.css +166 -179
  5. package/styles/bootstrap.css +166 -176
  6. package/styles/bootstrap4.css +169 -179
  7. package/styles/bootstrap5-dark.css +181 -183
  8. package/styles/bootstrap5.css +181 -183
  9. package/styles/fabric-dark.css +165 -180
  10. package/styles/fabric.css +165 -177
  11. package/styles/fluent-dark.css +202 -198
  12. package/styles/fluent.css +202 -198
  13. package/styles/highcontrast-light.css +165 -176
  14. package/styles/highcontrast.css +164 -176
  15. package/styles/material-dark.css +165 -179
  16. package/styles/material.css +165 -176
  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 +159 -179
  33. package/styles/spreadsheet/bootstrap.css +159 -176
  34. package/styles/spreadsheet/bootstrap4.css +162 -179
  35. package/styles/spreadsheet/bootstrap5-dark.css +166 -183
  36. package/styles/spreadsheet/bootstrap5.css +166 -183
  37. package/styles/spreadsheet/fabric-dark.css +157 -180
  38. package/styles/spreadsheet/fabric.css +157 -177
  39. package/styles/spreadsheet/fluent-dark.css +192 -198
  40. package/styles/spreadsheet/fluent.css +192 -198
  41. package/styles/spreadsheet/highcontrast-light.css +156 -176
  42. package/styles/spreadsheet/highcontrast.css +155 -176
  43. package/styles/spreadsheet/material-dark.css +158 -179
  44. package/styles/spreadsheet/material.css +158 -176
  45. package/styles/spreadsheet/tailwind-dark.css +384 -183
  46. package/styles/spreadsheet/tailwind.css +174 -183
  47. package/styles/tailwind-dark.css +391 -183
  48. package/styles/tailwind.css +181 -183
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
  }