@syncfusion/ej2-react-spreadsheet 25.2.6 → 26.1.35

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 (64) hide show
  1. package/dist/ej2-react-spreadsheet.min.js +2 -2
  2. package/dist/ej2-react-spreadsheet.umd.min.js +2 -2
  3. package/dist/ej2-react-spreadsheet.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-react-spreadsheet.es2015.js +5 -5
  5. package/dist/es6/ej2-react-spreadsheet.es2015.js.map +1 -1
  6. package/package.json +9 -9
  7. package/styles/bootstrap-dark.css +4171 -1
  8. package/styles/bootstrap.css +4234 -1
  9. package/styles/bootstrap4.css +4283 -1
  10. package/styles/bootstrap5-dark.css +4296 -1
  11. package/styles/bootstrap5.css +4296 -1
  12. package/styles/fabric-dark.css +4148 -1
  13. package/styles/fabric.css +4168 -1
  14. package/styles/fluent-dark.css +4262 -1
  15. package/styles/fluent.css +4262 -1
  16. package/styles/fluent2.css +6649 -0
  17. package/styles/fluent2.scss +2 -0
  18. package/styles/highcontrast-light.css +3560 -1
  19. package/styles/highcontrast.css +4177 -1
  20. package/styles/material-dark.css +4260 -1
  21. package/styles/material.css +4290 -1
  22. package/styles/material3-dark.css +4737 -1
  23. package/styles/material3.css +4961 -1
  24. package/styles/spreadsheet/bootstrap-dark.css +3984 -1
  25. package/styles/spreadsheet/bootstrap.css +4017 -1
  26. package/styles/spreadsheet/bootstrap4.css +4107 -1
  27. package/styles/spreadsheet/bootstrap5-dark.css +4077 -1
  28. package/styles/spreadsheet/bootstrap5.css +4077 -1
  29. package/styles/spreadsheet/fabric-dark.css +3963 -1
  30. package/styles/spreadsheet/fabric.css +3972 -1
  31. package/styles/spreadsheet/fluent-dark.css +4067 -1
  32. package/styles/spreadsheet/fluent.css +4067 -1
  33. package/styles/spreadsheet/fluent2.css +5399 -0
  34. package/styles/spreadsheet/fluent2.scss +1 -0
  35. package/styles/spreadsheet/highcontrast-light.css +3378 -1
  36. package/styles/spreadsheet/highcontrast.css +3977 -1
  37. package/styles/spreadsheet/material-dark.css +4073 -1
  38. package/styles/spreadsheet/material.css +4091 -1
  39. package/styles/spreadsheet/material3-dark.css +4475 -1
  40. package/styles/spreadsheet/material3.css +4587 -1
  41. package/styles/spreadsheet/tailwind-dark.css +4307 -1
  42. package/styles/spreadsheet/tailwind.css +4070 -1
  43. package/styles/spreadsheet-ribbon/bootstrap-dark.css +186 -1
  44. package/styles/spreadsheet-ribbon/bootstrap.css +216 -1
  45. package/styles/spreadsheet-ribbon/bootstrap4.css +175 -1
  46. package/styles/spreadsheet-ribbon/bootstrap5-dark.css +218 -1
  47. package/styles/spreadsheet-ribbon/bootstrap5.css +218 -1
  48. package/styles/spreadsheet-ribbon/fabric-dark.css +184 -1
  49. package/styles/spreadsheet-ribbon/fabric.css +195 -1
  50. package/styles/spreadsheet-ribbon/fluent-dark.css +194 -1
  51. package/styles/spreadsheet-ribbon/fluent.css +194 -1
  52. package/styles/spreadsheet-ribbon/fluent2.css +1249 -0
  53. package/styles/spreadsheet-ribbon/fluent2.scss +1 -0
  54. package/styles/spreadsheet-ribbon/highcontrast-light.css +181 -1
  55. package/styles/spreadsheet-ribbon/highcontrast.css +199 -1
  56. package/styles/spreadsheet-ribbon/material-dark.css +186 -1
  57. package/styles/spreadsheet-ribbon/material.css +198 -1
  58. package/styles/spreadsheet-ribbon/material3-dark.css +261 -1
  59. package/styles/spreadsheet-ribbon/material3.css +373 -1
  60. package/styles/spreadsheet-ribbon/tailwind-dark.css +199 -1
  61. package/styles/spreadsheet-ribbon/tailwind.css +199 -1
  62. package/styles/tailwind-dark.css +4507 -1
  63. package/styles/tailwind.css +4270 -1
  64. package/CHANGELOG.md +0 -1447
package/styles/spreadsheet-ribbon/bootstrap5-dark.css CHANGED
@@ -1 +1,218 @@
1
- @import '@syncfusion/ej2-spreadsheet/styles/spreadsheet-ribbon/bootstrap5-dark.css';
1
+ .e-spreadsheet .e-ribbon .e-drop-icon::before {
2
+ content: "\e729";
3
+ }
4
+ .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul .e-menu-item .e-caret::before {
5
+ content: "\e729";
6
+ }
7
+
8
+ .e-spreadsheet .e-ribbon {
9
+ border: 1px solid #444c54;
10
+ position: relative;
11
+ }
12
+ .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar {
13
+ border-left-width: 0;
14
+ border-right-width: 0;
15
+ }
16
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header {
17
+ height: 35px;
18
+ min-height: 35px;
19
+ }
20
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
21
+ height: 35px;
22
+ min-height: 35px;
23
+ }
24
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap {
25
+ height: 35px;
26
+ }
27
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap {
28
+ height: 35px;
29
+ }
30
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items {
31
+ height: 35px;
32
+ min-height: 35px;
33
+ }
34
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav {
35
+ height: 35px;
36
+ min-height: 35px;
37
+ }
38
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-hscroll {
39
+ display: inline-block !important; /* stylelint-disable-line declaration-no-important */
40
+ width: calc(100% - 28px);
41
+ }
42
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item:nth-child(2) .e-tab-wrap {
43
+ padding: 0;
44
+ }
45
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item:nth-child(2) .e-text-wrap {
46
+ vertical-align: top;
47
+ }
48
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-indicator {
49
+ z-index: 1;
50
+ }
51
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-hide {
52
+ display: none;
53
+ }
54
+ .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar .e-toolbar-items {
55
+ height: 38px;
56
+ }
57
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item {
58
+ -webkit-user-select: none;
59
+ -moz-user-select: none;
60
+ -ms-user-select: none;
61
+ user-select: none;
62
+ }
63
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
64
+ text-transform: none;
65
+ }
66
+ .e-spreadsheet .e-ribbon .e-tab.e-sheet-tab .e-tab-header .e-tab-text {
67
+ white-space: pre;
68
+ }
69
+ .e-spreadsheet .e-ribbon .e-drop-icon {
70
+ cursor: pointer;
71
+ font-family: "e-icons";
72
+ margin: 8px 4px;
73
+ position: absolute;
74
+ right: 0;
75
+ text-align: center;
76
+ top: 0;
77
+ -webkit-transform: rotate(180deg);
78
+ transform: rotate(180deg);
79
+ -webkit-transition: -webkit-transform 300ms ease;
80
+ transition: -webkit-transform 300ms ease;
81
+ transition: transform 300ms ease;
82
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
83
+ width: 18px;
84
+ font-size: 10px;
85
+ }
86
+ .e-spreadsheet .e-ribbon .e-drop-icon.e-disabled {
87
+ cursor: default;
88
+ pointer-events: none;
89
+ }
90
+ .e-spreadsheet .e-ribbon .e-drop-icon:focus {
91
+ font-weight: bold;
92
+ }
93
+ .e-spreadsheet .e-ribbon.e-collapsed .e-content, .e-spreadsheet .e-ribbon.e-collapsed .e-indicator, .e-spreadsheet .e-ribbon.e-collapsed .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
94
+ display: none;
95
+ }
96
+ .e-spreadsheet .e-ribbon.e-collapsed .e-drop-icon {
97
+ -webkit-transform: rotate(0deg);
98
+ transform: rotate(0deg);
99
+ }
100
+ .e-spreadsheet .e-ribbon .e-content .e-toolbar .e-toolbar-items {
101
+ display: inline-block;
102
+ }
103
+ .e-spreadsheet .e-ribbon .e-content .e-toolbar.e-overlay .e-toolbar-items .e-toolbar-item.e-overlay {
104
+ opacity: 1;
105
+ }
106
+ .e-spreadsheet .e-ribbon .e-menu-wrapper {
107
+ border-width: 0;
108
+ }
109
+ .e-spreadsheet .e-ribbon .e-menu-wrapper ul.e-menu {
110
+ padding: 0;
111
+ }
112
+ .e-spreadsheet .e-ribbon .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon {
113
+ height: 35px;
114
+ line-height: 35px;
115
+ }
116
+ .e-spreadsheet .e-ribbon .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon .e-caret {
117
+ line-height: 35px;
118
+ }
119
+
120
+ .e-bigger .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu,
121
+ .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu {
122
+ padding: 0;
123
+ }
124
+ .e-bigger .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon,
125
+ .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon {
126
+ height: 41px;
127
+ line-height: 41px;
128
+ }
129
+ .e-bigger .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret,
130
+ .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret {
131
+ line-height: 41px;
132
+ }
133
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar .e-toolbar-items,
134
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar .e-toolbar-items {
135
+ height: 46px;
136
+ }
137
+ .e-bigger .e-spreadsheet .e-ribbon .e-drop-icon,
138
+ .e-bigger.e-spreadsheet .e-ribbon .e-drop-icon {
139
+ font-size: 12px;
140
+ margin: 16px 5px;
141
+ }
142
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header,
143
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header {
144
+ height: 41px;
145
+ min-height: 41px;
146
+ }
147
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
148
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
149
+ height: 41px;
150
+ min-height: 41px;
151
+ }
152
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap,
153
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap {
154
+ height: 41px;
155
+ }
156
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap,
157
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap {
158
+ height: 41px;
159
+ }
160
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items,
161
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items {
162
+ height: 41px;
163
+ min-height: 41px;
164
+ }
165
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav,
166
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav {
167
+ height: 41px;
168
+ min-height: 41px;
169
+ }
170
+
171
+ .e-spreadsheet .e-ribbon {
172
+ background-color: #282d31;
173
+ }
174
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header {
175
+ background-color: inherit;
176
+ }
177
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
178
+ background: rgba(52, 58, 64, 0.12);
179
+ border: 1px solid #adb5bd;
180
+ }
181
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon {
182
+ color: #adb5bd;
183
+ }
184
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
185
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
186
+ color: #0a58ca;
187
+ }
188
+ .e-spreadsheet .e-ribbon .e-drop-icon {
189
+ color: #adb5bd;
190
+ }
191
+ .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar {
192
+ border-bottom-color: transparent;
193
+ border-top-color: transparent;
194
+ }
195
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item.e-active {
196
+ background: #212529;
197
+ }
198
+ .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar {
199
+ background: #212529;
200
+ }
201
+ .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar .e-toolbar-items, .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar .e-toolbar-item .e-btn.e-tbar-btn:not(:hover):not(:focus), .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar .e-toolbar-item.e-overlay {
202
+ background: transparent;
203
+ }
204
+ .e-spreadsheet .e-ribbon .e-menu-wrapper {
205
+ background-color: transparent;
206
+ }
207
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:focus, .e-spreadsheet .e-ribbon .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
208
+ border: 1px solid transparent;
209
+ }
210
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:focus-visible, .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:focus-visible:hover, .e-spreadsheet .e-ribbon .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus-visible, .e-spreadsheet .e-ribbon .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus-visible:hover {
211
+ border: 1px solid #adb5bd;
212
+ }
213
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap, .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover {
214
+ border: 1px solid transparent;
215
+ }
216
+ .e-spreadsheet .e-ribbon .e-tab:not(.e-focused) .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus, .e-spreadsheet .e-ribbon .e-tab:not(.e-focused) > .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
217
+ border: 1px solid transparent;
218
+ }
package/styles/spreadsheet-ribbon/bootstrap5.css CHANGED
@@ -1 +1,218 @@
1
- @import '@syncfusion/ej2-spreadsheet/styles/spreadsheet-ribbon/bootstrap5.css';
1
+ .e-spreadsheet .e-ribbon .e-drop-icon::before {
2
+ content: "\e729";
3
+ }
4
+ .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul .e-menu-item .e-caret::before {
5
+ content: "\e729";
6
+ }
7
+
8
+ .e-spreadsheet .e-ribbon {
9
+ border: 1px solid #dee2e6;
10
+ position: relative;
11
+ }
12
+ .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar {
13
+ border-left-width: 0;
14
+ border-right-width: 0;
15
+ }
16
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header {
17
+ height: 35px;
18
+ min-height: 35px;
19
+ }
20
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
21
+ height: 35px;
22
+ min-height: 35px;
23
+ }
24
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap {
25
+ height: 35px;
26
+ }
27
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap {
28
+ height: 35px;
29
+ }
30
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items {
31
+ height: 35px;
32
+ min-height: 35px;
33
+ }
34
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav {
35
+ height: 35px;
36
+ min-height: 35px;
37
+ }
38
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-hscroll {
39
+ display: inline-block !important; /* stylelint-disable-line declaration-no-important */
40
+ width: calc(100% - 28px);
41
+ }
42
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item:nth-child(2) .e-tab-wrap {
43
+ padding: 0;
44
+ }
45
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item:nth-child(2) .e-text-wrap {
46
+ vertical-align: top;
47
+ }
48
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-indicator {
49
+ z-index: 1;
50
+ }
51
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-hide {
52
+ display: none;
53
+ }
54
+ .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar .e-toolbar-items {
55
+ height: 38px;
56
+ }
57
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item {
58
+ -webkit-user-select: none;
59
+ -moz-user-select: none;
60
+ -ms-user-select: none;
61
+ user-select: none;
62
+ }
63
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
64
+ text-transform: none;
65
+ }
66
+ .e-spreadsheet .e-ribbon .e-tab.e-sheet-tab .e-tab-header .e-tab-text {
67
+ white-space: pre;
68
+ }
69
+ .e-spreadsheet .e-ribbon .e-drop-icon {
70
+ cursor: pointer;
71
+ font-family: "e-icons";
72
+ margin: 8px 4px;
73
+ position: absolute;
74
+ right: 0;
75
+ text-align: center;
76
+ top: 0;
77
+ -webkit-transform: rotate(180deg);
78
+ transform: rotate(180deg);
79
+ -webkit-transition: -webkit-transform 300ms ease;
80
+ transition: -webkit-transform 300ms ease;
81
+ transition: transform 300ms ease;
82
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
83
+ width: 18px;
84
+ font-size: 10px;
85
+ }
86
+ .e-spreadsheet .e-ribbon .e-drop-icon.e-disabled {
87
+ cursor: default;
88
+ pointer-events: none;
89
+ }
90
+ .e-spreadsheet .e-ribbon .e-drop-icon:focus {
91
+ font-weight: bold;
92
+ }
93
+ .e-spreadsheet .e-ribbon.e-collapsed .e-content, .e-spreadsheet .e-ribbon.e-collapsed .e-indicator, .e-spreadsheet .e-ribbon.e-collapsed .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
94
+ display: none;
95
+ }
96
+ .e-spreadsheet .e-ribbon.e-collapsed .e-drop-icon {
97
+ -webkit-transform: rotate(0deg);
98
+ transform: rotate(0deg);
99
+ }
100
+ .e-spreadsheet .e-ribbon .e-content .e-toolbar .e-toolbar-items {
101
+ display: inline-block;
102
+ }
103
+ .e-spreadsheet .e-ribbon .e-content .e-toolbar.e-overlay .e-toolbar-items .e-toolbar-item.e-overlay {
104
+ opacity: 1;
105
+ }
106
+ .e-spreadsheet .e-ribbon .e-menu-wrapper {
107
+ border-width: 0;
108
+ }
109
+ .e-spreadsheet .e-ribbon .e-menu-wrapper ul.e-menu {
110
+ padding: 0;
111
+ }
112
+ .e-spreadsheet .e-ribbon .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon {
113
+ height: 35px;
114
+ line-height: 35px;
115
+ }
116
+ .e-spreadsheet .e-ribbon .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon .e-caret {
117
+ line-height: 35px;
118
+ }
119
+
120
+ .e-bigger .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu,
121
+ .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu {
122
+ padding: 0;
123
+ }
124
+ .e-bigger .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon,
125
+ .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon {
126
+ height: 41px;
127
+ line-height: 41px;
128
+ }
129
+ .e-bigger .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret,
130
+ .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret {
131
+ line-height: 41px;
132
+ }
133
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar .e-toolbar-items,
134
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar .e-toolbar-items {
135
+ height: 46px;
136
+ }
137
+ .e-bigger .e-spreadsheet .e-ribbon .e-drop-icon,
138
+ .e-bigger.e-spreadsheet .e-ribbon .e-drop-icon {
139
+ font-size: 12px;
140
+ margin: 16px 5px;
141
+ }
142
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header,
143
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header {
144
+ height: 41px;
145
+ min-height: 41px;
146
+ }
147
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
148
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
149
+ height: 41px;
150
+ min-height: 41px;
151
+ }
152
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap,
153
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap {
154
+ height: 41px;
155
+ }
156
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap,
157
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap {
158
+ height: 41px;
159
+ }
160
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items,
161
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items {
162
+ height: 41px;
163
+ min-height: 41px;
164
+ }
165
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav,
166
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav {
167
+ height: 41px;
168
+ min-height: 41px;
169
+ }
170
+
171
+ .e-spreadsheet .e-ribbon {
172
+ background-color: #f8f9fa;
173
+ }
174
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header {
175
+ background-color: inherit;
176
+ }
177
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
178
+ background: rgba(233, 236, 239, 0.12);
179
+ border: 1px solid #6c757d;
180
+ }
181
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon {
182
+ color: #6c757d;
183
+ }
184
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
185
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
186
+ color: #0a58ca;
187
+ }
188
+ .e-spreadsheet .e-ribbon .e-drop-icon {
189
+ color: #6c757d;
190
+ }
191
+ .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar {
192
+ border-bottom-color: transparent;
193
+ border-top-color: transparent;
194
+ }
195
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item.e-active {
196
+ background: #fff;
197
+ }
198
+ .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar {
199
+ background: #fff;
200
+ }
201
+ .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar .e-toolbar-items, .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar .e-toolbar-item .e-btn.e-tbar-btn:not(:hover):not(:focus), .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar .e-toolbar-item.e-overlay {
202
+ background: transparent;
203
+ }
204
+ .e-spreadsheet .e-ribbon .e-menu-wrapper {
205
+ background-color: transparent;
206
+ }
207
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:focus, .e-spreadsheet .e-ribbon .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
208
+ border: 1px solid transparent;
209
+ }
210
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:focus-visible, .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:focus-visible:hover, .e-spreadsheet .e-ribbon .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus-visible, .e-spreadsheet .e-ribbon .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus-visible:hover {
211
+ border: 1px solid #6c757d;
212
+ }
213
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap, .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover {
214
+ border: 1px solid transparent;
215
+ }
216
+ .e-spreadsheet .e-ribbon .e-tab:not(.e-focused) .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus, .e-spreadsheet .e-ribbon .e-tab:not(.e-focused) > .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
217
+ border: 1px solid transparent;
218
+ }
package/styles/spreadsheet-ribbon/fabric-dark.css CHANGED
@@ -1 +1,184 @@
1
- @import '@syncfusion/ej2-spreadsheet/styles/spreadsheet-ribbon/fabric-dark.css';
1
+ .e-spreadsheet .e-ribbon .e-drop-icon::before {
2
+ content: "\e36a";
3
+ }
4
+
5
+ .e-spreadsheet .e-ribbon {
6
+ border: 1px solid #514f4f;
7
+ position: relative;
8
+ }
9
+ .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar {
10
+ border-left-width: 0;
11
+ border-right-width: 0;
12
+ }
13
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header {
14
+ height: 35px;
15
+ min-height: 35px;
16
+ }
17
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
18
+ height: 35px;
19
+ min-height: 35px;
20
+ }
21
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap {
22
+ height: 35px;
23
+ }
24
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap {
25
+ height: 35px;
26
+ }
27
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items {
28
+ height: 35px;
29
+ min-height: 35px;
30
+ }
31
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav {
32
+ height: 35px;
33
+ min-height: 35px;
34
+ }
35
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-hscroll {
36
+ display: inline-block !important; /* stylelint-disable-line declaration-no-important */
37
+ width: calc(100% - 28px);
38
+ }
39
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item:nth-child(2) .e-tab-wrap {
40
+ padding: 0 0 0 8px;
41
+ }
42
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item:nth-child(2) .e-text-wrap {
43
+ vertical-align: top;
44
+ }
45
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-indicator {
46
+ z-index: 1;
47
+ }
48
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-hide {
49
+ display: none;
50
+ }
51
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item {
52
+ -webkit-user-select: none;
53
+ -moz-user-select: none;
54
+ -ms-user-select: none;
55
+ user-select: none;
56
+ }
57
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
58
+ text-transform: none;
59
+ }
60
+ .e-spreadsheet .e-ribbon .e-tab.e-sheet-tab .e-tab-header .e-tab-text {
61
+ white-space: pre;
62
+ }
63
+ .e-spreadsheet .e-ribbon .e-drop-icon {
64
+ cursor: pointer;
65
+ font-family: "e-icons";
66
+ margin: 12.5px 4px;
67
+ position: absolute;
68
+ right: 0;
69
+ text-align: center;
70
+ top: 0;
71
+ -webkit-transform: rotate(180deg);
72
+ transform: rotate(180deg);
73
+ -webkit-transition: -webkit-transform 300ms ease;
74
+ transition: -webkit-transform 300ms ease;
75
+ transition: transform 300ms ease;
76
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
77
+ width: 18px;
78
+ font-size: 10px;
79
+ }
80
+ .e-spreadsheet .e-ribbon .e-drop-icon.e-disabled {
81
+ cursor: default;
82
+ pointer-events: none;
83
+ }
84
+ .e-spreadsheet .e-ribbon .e-drop-icon:focus {
85
+ font-weight: bold;
86
+ }
87
+ .e-spreadsheet .e-ribbon.e-collapsed .e-content, .e-spreadsheet .e-ribbon.e-collapsed .e-indicator, .e-spreadsheet .e-ribbon.e-collapsed .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
88
+ display: none;
89
+ }
90
+ .e-spreadsheet .e-ribbon.e-collapsed .e-drop-icon {
91
+ -webkit-transform: rotate(0deg);
92
+ transform: rotate(0deg);
93
+ }
94
+ .e-spreadsheet .e-ribbon .e-content .e-toolbar .e-toolbar-items {
95
+ display: inline-block;
96
+ }
97
+ .e-spreadsheet .e-ribbon .e-content .e-toolbar.e-overlay .e-toolbar-items .e-toolbar-item.e-overlay {
98
+ opacity: 1;
99
+ }
100
+ .e-spreadsheet .e-ribbon .e-menu-wrapper {
101
+ border-width: 0;
102
+ }
103
+ .e-spreadsheet .e-ribbon .e-menu-wrapper ul.e-menu {
104
+ padding: 0;
105
+ }
106
+ .e-spreadsheet .e-ribbon .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon {
107
+ height: 35px;
108
+ line-height: 35px;
109
+ }
110
+ .e-spreadsheet .e-ribbon .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon .e-caret {
111
+ line-height: 35px;
112
+ }
113
+
114
+ .e-bigger .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu,
115
+ .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu {
116
+ padding: 0;
117
+ }
118
+ .e-bigger .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon,
119
+ .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon {
120
+ height: 41px;
121
+ line-height: 41px;
122
+ }
123
+ .e-bigger .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret,
124
+ .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret {
125
+ line-height: 41px;
126
+ }
127
+ .e-bigger .e-spreadsheet .e-ribbon .e-drop-icon,
128
+ .e-bigger.e-spreadsheet .e-ribbon .e-drop-icon {
129
+ font-size: 12px;
130
+ margin: 14.5px 5px;
131
+ }
132
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header,
133
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header {
134
+ height: 41px;
135
+ min-height: 41px;
136
+ }
137
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
138
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
139
+ height: 41px;
140
+ min-height: 41px;
141
+ }
142
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap,
143
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap {
144
+ height: 41px;
145
+ }
146
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap,
147
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap {
148
+ height: 41px;
149
+ }
150
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items,
151
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items {
152
+ height: 41px;
153
+ min-height: 41px;
154
+ }
155
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav,
156
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav {
157
+ height: 41px;
158
+ min-height: 41px;
159
+ }
160
+
161
+ .e-spreadsheet .e-ribbon {
162
+ background-color: #333232;
163
+ }
164
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header {
165
+ background-color: inherit;
166
+ }
167
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
168
+ background: initial;
169
+ border-color: #c8c8c8;
170
+ }
171
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
172
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
173
+ color: #fff;
174
+ }
175
+ .e-spreadsheet .e-ribbon .e-drop-icon {
176
+ color: #dadada;
177
+ }
178
+ .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar {
179
+ border-bottom-color: transparent;
180
+ border-top-color: transparent;
181
+ }
182
+ .e-spreadsheet .e-ribbon .e-menu-wrapper {
183
+ background-color: transparent;
184
+ }