@syncfusion/ej2-angular-spreadsheet 20.4.54 → 21.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 (190) hide show
  1. package/package.json +9 -9
  2. package/schematics/utils/lib-details.d.ts +2 -2
  3. package/schematics/utils/lib-details.js +2 -2
  4. package/schematics/utils/lib-details.ts +2 -2
  5. package/styles/bootstrap-dark.css +71 -73
  6. package/styles/bootstrap-dark.scss +1 -1
  7. package/styles/bootstrap.css +80 -82
  8. package/styles/bootstrap.scss +1 -1
  9. package/styles/bootstrap4.css +69 -71
  10. package/styles/bootstrap4.scss +1 -1
  11. package/styles/bootstrap5-dark.css +89 -91
  12. package/styles/bootstrap5-dark.scss +1 -1
  13. package/styles/bootstrap5.css +89 -91
  14. package/styles/bootstrap5.scss +1 -1
  15. package/styles/fabric-dark.css +70 -72
  16. package/styles/fabric-dark.scss +1 -1
  17. package/styles/fabric.css +74 -76
  18. package/styles/fabric.scss +1 -1
  19. package/styles/fluent-dark.css +82 -84
  20. package/styles/fluent-dark.scss +1 -1
  21. package/styles/fluent.css +82 -84
  22. package/styles/fluent.scss +1 -1
  23. package/styles/highcontrast-light.css +68 -70
  24. package/styles/highcontrast-light.scss +1 -1
  25. package/styles/highcontrast.css +75 -77
  26. package/styles/highcontrast.scss +1 -1
  27. package/styles/material-dark.css +71 -73
  28. package/styles/material-dark.scss +1 -1
  29. package/styles/material.css +76 -78
  30. package/styles/material.scss +1 -1
  31. package/styles/spreadsheet/_bootstrap-dark-definition.scss +69 -7
  32. package/styles/spreadsheet/_bootstrap-definition.scss +68 -7
  33. package/styles/spreadsheet/_bootstrap4-definition.scss +68 -7
  34. package/styles/spreadsheet/_bootstrap5-definition.scss +72 -9
  35. package/styles/spreadsheet/_fabric-dark-definition.scss +71 -7
  36. package/styles/spreadsheet/_fabric-definition.scss +72 -7
  37. package/styles/spreadsheet/_fluent-definition.scss +75 -9
  38. package/styles/spreadsheet/_fusionnew-definition.scss +27 -7
  39. package/styles/spreadsheet/_highcontrast-definition.scss +71 -7
  40. package/styles/spreadsheet/_highcontrast-light-definition.scss +74 -7
  41. package/styles/spreadsheet/_layout.scss +98 -109
  42. package/styles/spreadsheet/_material-dark-definition.scss +70 -7
  43. package/styles/spreadsheet/_material-definition.scss +70 -7
  44. package/styles/spreadsheet/_tailwind-definition.scss +76 -10
  45. package/styles/spreadsheet/_theme.scss +6 -6
  46. package/styles/spreadsheet/bootstrap-dark.css +13 -18
  47. package/styles/spreadsheet/bootstrap-dark.scss +1 -1
  48. package/styles/spreadsheet/bootstrap.css +13 -18
  49. package/styles/spreadsheet/bootstrap.scss +1 -1
  50. package/styles/spreadsheet/bootstrap4.css +13 -18
  51. package/styles/spreadsheet/bootstrap4.scss +1 -1
  52. package/styles/spreadsheet/bootstrap5-dark.css +18 -23
  53. package/styles/spreadsheet/bootstrap5.css +18 -23
  54. package/styles/spreadsheet/bootstrap5.scss +1 -1
  55. package/styles/spreadsheet/fabric-dark.css +13 -18
  56. package/styles/spreadsheet/fabric-dark.scss +1 -1
  57. package/styles/spreadsheet/fabric.css +13 -18
  58. package/styles/spreadsheet/fabric.scss +1 -1
  59. package/styles/spreadsheet/fluent-dark.css +21 -26
  60. package/styles/spreadsheet/fluent.css +21 -26
  61. package/styles/spreadsheet/fluent.scss +1 -1
  62. package/styles/spreadsheet/highcontrast-light.css +12 -17
  63. package/styles/spreadsheet/highcontrast-light.scss +1 -1
  64. package/styles/spreadsheet/highcontrast.css +13 -18
  65. package/styles/spreadsheet/highcontrast.scss +1 -1
  66. package/styles/spreadsheet/icons/_bootstrap-dark.scss +2 -2
  67. package/styles/spreadsheet/icons/_bootstrap.scss +2 -2
  68. package/styles/spreadsheet/icons/_bootstrap4.scss +3 -3
  69. package/styles/spreadsheet/icons/_bootstrap5.scss +3 -3
  70. package/styles/spreadsheet/icons/_fabric-dark.scss +2 -2
  71. package/styles/spreadsheet/icons/_fabric.scss +3 -3
  72. package/styles/spreadsheet/icons/_fluent.scss +3 -3
  73. package/styles/spreadsheet/icons/_fusionnew.scss +3 -3
  74. package/styles/spreadsheet/icons/_highcontrast.scss +2 -2
  75. package/styles/spreadsheet/icons/_material-dark.scss +3 -3
  76. package/styles/spreadsheet/icons/_material.scss +3 -3
  77. package/styles/spreadsheet/icons/_material3.scss +3 -3
  78. package/styles/spreadsheet/icons/_tailwind-dark.scss +3 -3
  79. package/styles/spreadsheet/icons/_tailwind.scss +3 -3
  80. package/styles/spreadsheet/material-dark.css +13 -18
  81. package/styles/spreadsheet/material-dark.scss +1 -1
  82. package/styles/spreadsheet/material.css +13 -18
  83. package/styles/spreadsheet/material.scss +1 -1
  84. package/styles/spreadsheet/tailwind-dark.css +18 -24
  85. package/styles/spreadsheet/tailwind.css +18 -24
  86. package/styles/spreadsheet/tailwind.scss +1 -1
  87. package/styles/spreadsheet-ribbon/_bootstrap-dark-definition.scss +15 -0
  88. package/styles/spreadsheet-ribbon/_bootstrap-definition.scss +14 -0
  89. package/styles/spreadsheet-ribbon/_bootstrap4-definition.scss +14 -0
  90. package/styles/spreadsheet-ribbon/_bootstrap5-definition.scss +16 -0
  91. package/styles/spreadsheet-ribbon/_fabric-dark-definition.scss +18 -0
  92. package/styles/spreadsheet-ribbon/_fabric-definition.scss +18 -0
  93. package/styles/spreadsheet-ribbon/_fluent-definition.scss +16 -0
  94. package/styles/spreadsheet-ribbon/_fusionnew-definition.scss +15 -0
  95. package/styles/spreadsheet-ribbon/_highcontrast-definition.scss +16 -0
  96. package/styles/spreadsheet-ribbon/_highcontrast-light-definition.scss +14 -0
  97. package/styles/{ribbon → spreadsheet-ribbon}/_layout.scss +13 -14
  98. package/styles/spreadsheet-ribbon/_material-dark-definition.scss +17 -0
  99. package/styles/spreadsheet-ribbon/_material-definition.scss +14 -0
  100. package/styles/spreadsheet-ribbon/_tailwind-definition.scss +15 -0
  101. package/styles/{ribbon → spreadsheet-ribbon}/_theme.scss +23 -23
  102. package/styles/spreadsheet-ribbon/bootstrap-dark.css +177 -0
  103. package/styles/spreadsheet-ribbon/bootstrap.css +207 -0
  104. package/styles/spreadsheet-ribbon/bootstrap4.css +166 -0
  105. package/styles/spreadsheet-ribbon/bootstrap5-dark.css +215 -0
  106. package/styles/spreadsheet-ribbon/bootstrap5.css +215 -0
  107. package/styles/spreadsheet-ribbon/fabric-dark.css +175 -0
  108. package/styles/spreadsheet-ribbon/fabric.css +186 -0
  109. package/styles/spreadsheet-ribbon/fluent-dark.css +187 -0
  110. package/styles/spreadsheet-ribbon/fluent.css +187 -0
  111. package/styles/spreadsheet-ribbon/highcontrast-light.css +172 -0
  112. package/styles/spreadsheet-ribbon/highcontrast.css +190 -0
  113. package/styles/{ribbon → spreadsheet-ribbon}/icons/_bootstrap-dark.scss +2 -2
  114. package/styles/{ribbon → spreadsheet-ribbon}/icons/_bootstrap.scss +2 -2
  115. package/styles/spreadsheet-ribbon/icons/_bootstrap4.scss +9 -0
  116. package/styles/{ribbon → spreadsheet-ribbon}/icons/_bootstrap5.scss +2 -2
  117. package/styles/spreadsheet-ribbon/icons/_fabric-dark.scss +9 -0
  118. package/styles/spreadsheet-ribbon/icons/_fabric.scss +9 -0
  119. package/styles/{ribbon → spreadsheet-ribbon}/icons/_fluent.scss +2 -2
  120. package/styles/{ribbon → spreadsheet-ribbon}/icons/_fusionnew.scss +2 -2
  121. package/styles/spreadsheet-ribbon/icons/_highcontrast.scss +9 -0
  122. package/styles/{ribbon → spreadsheet-ribbon}/icons/_material-dark.scss +2 -2
  123. package/styles/{ribbon → spreadsheet-ribbon}/icons/_material.scss +2 -2
  124. package/styles/{ribbon → spreadsheet-ribbon}/icons/_material3.scss +2 -2
  125. package/styles/{ribbon → spreadsheet-ribbon}/icons/_tailwind-dark.scss +2 -2
  126. package/styles/{ribbon → spreadsheet-ribbon}/icons/_tailwind.scss +2 -2
  127. package/styles/spreadsheet-ribbon/material-dark.css +178 -0
  128. package/styles/spreadsheet-ribbon/material.css +190 -0
  129. package/styles/spreadsheet-ribbon/tailwind-dark.css +191 -0
  130. package/styles/spreadsheet-ribbon/tailwind.css +191 -0
  131. package/styles/tailwind-dark.css +81 -86
  132. package/styles/tailwind-dark.scss +1 -1
  133. package/styles/tailwind.css +81 -86
  134. package/styles/tailwind.scss +1 -1
  135. package/styles/ribbon/_bootstrap-dark-definition.scss +0 -13
  136. package/styles/ribbon/_bootstrap-definition.scss +0 -12
  137. package/styles/ribbon/_bootstrap4-definition.scss +0 -13
  138. package/styles/ribbon/_bootstrap5-definition.scss +0 -14
  139. package/styles/ribbon/_fabric-dark-definition.scss +0 -14
  140. package/styles/ribbon/_fabric-definition.scss +0 -14
  141. package/styles/ribbon/_fluent-definition.scss +0 -14
  142. package/styles/ribbon/_fusionnew-definition.scss +0 -14
  143. package/styles/ribbon/_highcontrast-definition.scss +0 -12
  144. package/styles/ribbon/_highcontrast-light-definition.scss +0 -12
  145. package/styles/ribbon/_material-dark-definition.scss +0 -15
  146. package/styles/ribbon/_material-definition.scss +0 -12
  147. package/styles/ribbon/_material3-definition.scss +0 -15
  148. package/styles/ribbon/_tailwind-definition.scss +0 -13
  149. package/styles/ribbon/bootstrap-dark.css +0 -174
  150. package/styles/ribbon/bootstrap.css +0 -204
  151. package/styles/ribbon/bootstrap4.css +0 -163
  152. package/styles/ribbon/bootstrap5-dark.css +0 -212
  153. package/styles/ribbon/bootstrap5.css +0 -212
  154. package/styles/ribbon/fabric-dark.css +0 -172
  155. package/styles/ribbon/fabric.css +0 -183
  156. package/styles/ribbon/fluent-dark.css +0 -184
  157. package/styles/ribbon/fluent.css +0 -184
  158. package/styles/ribbon/highcontrast-light.css +0 -169
  159. package/styles/ribbon/highcontrast.css +0 -187
  160. package/styles/ribbon/icons/_bootstrap4.scss +0 -9
  161. package/styles/ribbon/icons/_fabric-dark.scss +0 -9
  162. package/styles/ribbon/icons/_fabric.scss +0 -9
  163. package/styles/ribbon/icons/_highcontrast.scss +0 -9
  164. package/styles/ribbon/material-dark.css +0 -175
  165. package/styles/ribbon/material.css +0 -187
  166. package/styles/ribbon/tailwind-dark.css +0 -190
  167. package/styles/ribbon/tailwind.css +0 -190
  168. package/styles/spreadsheet/_material3-definition.scss +0 -151
  169. /package/styles/{ribbon → spreadsheet-ribbon}/_all.scss +0 -0
  170. /package/styles/{ribbon → spreadsheet-ribbon}/_bootstrap5-dark-definition.scss +0 -0
  171. /package/styles/{ribbon → spreadsheet-ribbon}/_fluent-dark-definition.scss +0 -0
  172. /package/styles/{ribbon → spreadsheet-ribbon}/_mixin.scss +0 -0
  173. /package/styles/{ribbon → spreadsheet-ribbon}/_tailwind-dark-definition.scss +0 -0
  174. /package/styles/{ribbon → spreadsheet-ribbon}/bootstrap-dark.scss +0 -0
  175. /package/styles/{ribbon → spreadsheet-ribbon}/bootstrap.scss +0 -0
  176. /package/styles/{ribbon → spreadsheet-ribbon}/bootstrap4.scss +0 -0
  177. /package/styles/{ribbon → spreadsheet-ribbon}/bootstrap5-dark.scss +0 -0
  178. /package/styles/{ribbon → spreadsheet-ribbon}/bootstrap5.scss +0 -0
  179. /package/styles/{ribbon → spreadsheet-ribbon}/fabric-dark.scss +0 -0
  180. /package/styles/{ribbon → spreadsheet-ribbon}/fabric.scss +0 -0
  181. /package/styles/{ribbon → spreadsheet-ribbon}/fluent-dark.scss +0 -0
  182. /package/styles/{ribbon → spreadsheet-ribbon}/fluent.scss +0 -0
  183. /package/styles/{ribbon → spreadsheet-ribbon}/highcontrast-light.scss +0 -0
  184. /package/styles/{ribbon → spreadsheet-ribbon}/highcontrast.scss +0 -0
  185. /package/styles/{ribbon → spreadsheet-ribbon}/icons/_bootstrap5-dark.scss +0 -0
  186. /package/styles/{ribbon → spreadsheet-ribbon}/icons/_fluent-dark.scss +0 -0
  187. /package/styles/{ribbon → spreadsheet-ribbon}/material-dark.scss +0 -0
  188. /package/styles/{ribbon → spreadsheet-ribbon}/material.scss +0 -0
  189. /package/styles/{ribbon → spreadsheet-ribbon}/tailwind-dark.scss +0 -0
  190. /package/styles/{ribbon → spreadsheet-ribbon}/tailwind.scss +0 -0
package/styles/spreadsheet/highcontrast.css CHANGED
@@ -248,7 +248,7 @@
248
248
  }
249
249
  .e-chart-menu .e-ul .e-menu-item .e-menu-icon,
250
250
  .e-chart-type-menu .e-ul .e-menu-item .e-menu-icon {
251
- font-size: 30px;
251
+ font-size: 32px;
252
252
  margin-right: 10px;
253
253
  }
254
254
  .e-chart-menu .e-ul .e-menu-item .e-bar,
@@ -688,7 +688,7 @@
688
688
  padding-top: 7px;
689
689
  }
690
690
  .e-spreadsheet .e-reenterpwd-dlg.e-dialog .e-dlg-content .e-reenterpwd-content .e-header {
691
- font-size: 14px;
691
+ font-size: 18px;
692
692
  line-height: 16px;
693
693
  }
694
694
  .e-spreadsheet .e-reenterpwd-dlg.e-dialog .e-dlg-content .e-reenterpwd-content .e-input {
@@ -751,7 +751,7 @@
751
751
  height: 300px;
752
752
  }
753
753
  .e-spreadsheet .e-protect-content {
754
- font-size: 13px;
754
+ font-size: 14px;
755
755
  height: 37px;
756
756
  padding-top: 20px;
757
757
  width: 100%;
@@ -1491,7 +1491,7 @@
1491
1491
  font-size: 19px;
1492
1492
  }
1493
1493
  .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn .e-chart-icon, .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn .e-chart-type-icon {
1494
- font-size: 30px !important; /* stylelint-disable-line declaration-no-important */
1494
+ font-size: 32px !important; /* stylelint-disable-line declaration-no-important */
1495
1495
  margin-right: 5px;
1496
1496
  padding: 0 5px;
1497
1497
  width: 30px;
@@ -1837,7 +1837,7 @@
1837
1837
  .e-spreadsheet .e-datavalidation-dlg .e-footer-content .e-clearall-btn {
1838
1838
  float: left;
1839
1839
  }
1840
- .e-spreadsheet .e-validationerror-dlg .e-dlg-content {
1840
+ .e-spreadsheet .e-validation-error-dlg .e-dlg-content {
1841
1841
  font-size: 14px;
1842
1842
  line-height: 28px;
1843
1843
  }
@@ -1873,11 +1873,6 @@
1873
1873
  text-align: center;
1874
1874
  width: 136px;
1875
1875
  }
1876
- .e-spreadsheet .e-hyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-tab-header .e-toolbar-item .e-tab-text,
1877
- .e-spreadsheet .e-edithyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-tab-header .e-toolbar-item .e-tab-text {
1878
- font-size: 13px;
1879
- line-height: 15px;
1880
- }
1881
1876
  .e-spreadsheet .e-hyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-content,
1882
1877
  .e-spreadsheet .e-edithyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-content {
1883
1878
  padding-top: 24px;
@@ -2043,7 +2038,7 @@
2043
2038
  max-width: initial;
2044
2039
  }
2045
2040
  .e-dropdown-popup.e-numformat-ddb ul .e-numformat-preview-text {
2046
- font-size: 13px;
2041
+ font-size: 12px;
2047
2042
  max-width: 200px;
2048
2043
  overflow: hidden;
2049
2044
  text-align: right;
@@ -2126,17 +2121,17 @@
2126
2121
  font-family: "Verdana";
2127
2122
  }
2128
2123
  .e-dropdown-popup.e-aggregate-list {
2129
- font-size: 13px;
2124
+ font-size: 14px;
2130
2125
  margin-left: auto;
2131
2126
  }
2132
2127
  .e-dropdown-popup.e-borders-ddb .e-menu-wrapper {
2133
2128
  border: 0;
2134
2129
  }
2135
2130
  .e-dropdown-popup.e-borders-ddb .e-menu-wrapper ul .e-menu-item .e-menu-icon {
2136
- font-size: 16px;
2131
+ font-size: 14px;
2137
2132
  }
2138
2133
  .e-dropdown-popup.e-popup.e-aggregate-list ul {
2139
- font-size: 13px;
2134
+ font-size: 14px;
2140
2135
  }
2141
2136
 
2142
2137
  .e-menu-wrapper.e-file-menu ul .e-menu-item div {
@@ -2145,7 +2140,7 @@
2145
2140
  width: 100%;
2146
2141
  }
2147
2142
  .e-menu-wrapper.e-file-menu ul .e-menu-item div .e-extension {
2148
- font-size: 13px;
2143
+ font-size: 14px;
2149
2144
  margin-left: auto;
2150
2145
  opacity: 0.7;
2151
2146
  padding-left: 10px;
@@ -2488,7 +2483,7 @@
2488
2483
  margin-top: 0;
2489
2484
  }
2490
2485
  .e-spreadsheet:not(.e-mobile-view) .e-aggregate-list {
2491
- font-size: 13px;
2486
+ font-size: 14px;
2492
2487
  margin-left: auto;
2493
2488
  }
2494
2489
  .e-spreadsheet:not(.e-mobile-view) .e-ribbon {
@@ -2658,7 +2653,7 @@
2658
2653
  }
2659
2654
  .e-bigger .e-spreadsheet .e-find-dlg .e-footer-content .e-btn,
2660
2655
  .e-bigger.e-spreadsheet .e-find-dlg .e-footer-content .e-btn {
2661
- font-size: 11px;
2656
+ font-size: 12px;
2662
2657
  margin-top: 6px;
2663
2658
  }
2664
2659
  .e-bigger .e-spreadsheet .e-findtool-dlg,
@@ -3853,7 +3848,7 @@
3853
3848
  background-color: #685708;
3854
3849
  }
3855
3850
 
3856
- .e-ribbon .e-content .e-toolbar .e-toolbar-items .e-toolbar-item.e-overlay .e-icons {
3851
+ .e-spreadsheet .e-ribbon .e-content .e-toolbar .e-toolbar-items .e-toolbar-item.e-overlay .e-icons {
3857
3852
  color: #fff;
3858
3853
  }
3859
3854
 
package/styles/spreadsheet/highcontrast.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  @import 'ej2-base/styles/highcontrast-definition.scss';
2
- @import '../ribbon/highcontrast-definition.scss';
2
+ @import '../spreadsheet-ribbon/highcontrast-definition.scss';
3
3
  @import 'ej2-buttons/styles/button/highcontrast-definition.scss';
4
4
  @import 'ej2-buttons/styles/check-box/highcontrast-definition.scss';
5
5
  @import 'ej2-buttons/styles/radio-button/highcontrast-definition.scss';
package/styles/spreadsheet/icons/_bootstrap-dark.scss CHANGED
@@ -311,7 +311,7 @@
311
311
  padding: 0 16px 0 10px;
312
312
 
313
313
  .e-menu-icon {
314
- font-size: 30px;
314
+ font-size: $spreadsheet-chart-icon-font-size;
315
315
  margin-right: 10px;
316
316
  }
317
317
 
@@ -324,7 +324,7 @@
324
324
  }
325
325
 
326
326
  .e-addchart-menu .e-ul .e-menu-item .e-menu-icon {
327
- font-size: 32px;
327
+ font-size: $spreadsheet-chart-icon-font-size;
328
328
  }
329
329
 
330
330
  .e-chart-menu,
package/styles/spreadsheet/icons/_bootstrap.scss CHANGED
@@ -319,7 +319,7 @@
319
319
  padding: 0 16px 0 10px;
320
320
 
321
321
  .e-menu-icon {
322
- font-size: 30px;
322
+ font-size: $spreadsheet-chart-icon-font-size;
323
323
  margin-right: 10px;
324
324
  }
325
325
 
@@ -332,7 +332,7 @@
332
332
  }
333
333
 
334
334
  .e-addchart-menu .e-ul .e-menu-item .e-menu-icon {
335
- font-size: 32px;
335
+ font-size: $spreadsheet-chart-icon-font-size;
336
336
  }
337
337
 
338
338
  .e-chart-menu,
package/styles/spreadsheet/icons/_bootstrap4.scss CHANGED
@@ -319,7 +319,7 @@
319
319
  padding: 0 16px 0 10px;
320
320
 
321
321
  .e-menu-icon {
322
- font-size: 30px;
322
+ font-size: $spreadsheet-chart-icon-font-size;
323
323
  margin-right: 10px;
324
324
  }
325
325
 
@@ -332,7 +332,7 @@
332
332
  }
333
333
 
334
334
  .e-addchart-menu .e-ul .e-menu-item .e-menu-icon {
335
- font-size: 32px;
335
+ font-size: $spreadsheet-chart-icon-font-size;
336
336
  }
337
337
 
338
338
  .e-chart-menu,
@@ -659,7 +659,7 @@
659
659
  }
660
660
 
661
661
  .e-cf-menu .e-ul .e-menu-item .e-menu-icon {
662
- font-size: 16px;
662
+ font-size: $cf-menu-icon-font-size;
663
663
  }
664
664
 
665
665
  .e-cf-menu {
package/styles/spreadsheet/icons/_bootstrap5.scss CHANGED
@@ -319,7 +319,7 @@
319
319
  padding: 0 16px 0 10px;
320
320
 
321
321
  .e-menu-icon {
322
- font-size: 30px;
322
+ font-size: $spreadsheet-chart-icon-font-size;
323
323
  margin-right: 10px;
324
324
  }
325
325
 
@@ -332,7 +332,7 @@
332
332
  }
333
333
 
334
334
  .e-addchart-menu .e-ul .e-menu-item .e-menu-icon {
335
- font-size: 32px;
335
+ font-size: $spreadsheet-chart-icon-font-size;
336
336
  }
337
337
 
338
338
  .e-chart-menu,
@@ -660,7 +660,7 @@
660
660
  }
661
661
 
662
662
  .e-cf-menu .e-ul .e-menu-item .e-menu-icon {
663
- font-size: 16px;
663
+ font-size: $cf-menu-icon-font-size;
664
664
  }
665
665
 
666
666
  .e-cf-menu {
package/styles/spreadsheet/icons/_fabric-dark.scss CHANGED
@@ -319,7 +319,7 @@
319
319
  padding: 0 16px 0 10px;
320
320
 
321
321
  .e-menu-icon {
322
- font-size: 30px;
322
+ font-size: $spreadsheet-chart-icon-font-size;
323
323
  margin-right: 10px;
324
324
  }
325
325
 
@@ -332,7 +332,7 @@
332
332
  }
333
333
 
334
334
  .e-addchart-menu .e-ul .e-menu-item .e-menu-icon {
335
- font-size: 32px;
335
+ font-size: $spreadsheet-chart-icon-font-size;
336
336
  }
337
337
 
338
338
  .e-chart-menu,
package/styles/spreadsheet/icons/_fabric.scss CHANGED
@@ -319,7 +319,7 @@
319
319
  padding: 0 16px 0 10px;
320
320
 
321
321
  .e-menu-icon {
322
- font-size: 30px;
322
+ font-size: $spreadsheet-chart-icon-font-size;
323
323
  margin-right: 10px;
324
324
  }
325
325
 
@@ -332,7 +332,7 @@
332
332
  }
333
333
 
334
334
  .e-addchart-menu .e-ul .e-menu-item .e-menu-icon {
335
- font-size: 32px;
335
+ font-size: $spreadsheet-chart-icon-font-size;
336
336
  }
337
337
 
338
338
  .e-chart-menu,
@@ -659,7 +659,7 @@
659
659
  }
660
660
 
661
661
  .e-cf-menu .e-ul .e-menu-item .e-icons.e-caret {
662
- font-size: 10px;
662
+ font-size: $cf-menu-icon-font-size;
663
663
  }
664
664
 
665
665
  .e-cf-menu {
package/styles/spreadsheet/icons/_fluent.scss CHANGED
@@ -319,7 +319,7 @@
319
319
  padding: 0 16px 0 10px;
320
320
 
321
321
  .e-menu-icon {
322
- font-size: 30px;
322
+ font-size: $spreadsheet-chart-icon-font-size;
323
323
  margin-right: 10px;
324
324
  }
325
325
 
@@ -332,7 +332,7 @@
332
332
  }
333
333
 
334
334
  .e-addchart-menu .e-ul .e-menu-item .e-menu-icon {
335
- font-size: 32px;
335
+ font-size: $spreadsheet-chart-icon-font-size;
336
336
  }
337
337
 
338
338
  .e-chart-menu,
@@ -660,7 +660,7 @@
660
660
  }
661
661
 
662
662
  .e-cf-menu .e-ul .e-menu-item .e-menu-icon {
663
- font-size: 16px;
663
+ font-size: $cf-menu-icon-font-size;
664
664
  }
665
665
 
666
666
  .e-cf-menu {
package/styles/spreadsheet/icons/_fusionnew.scss CHANGED
@@ -319,7 +319,7 @@
319
319
  padding: 0 16px 0 10px;
320
320
 
321
321
  .e-menu-icon {
322
- font-size: 30px;
322
+ font-size: $spreadsheet-chart-icon-font-size;
323
323
  margin-right: 10px;
324
324
  }
325
325
 
@@ -332,7 +332,7 @@
332
332
  }
333
333
 
334
334
  .e-addchart-menu .e-ul .e-menu-item .e-menu-icon {
335
- font-size: 32px;
335
+ font-size: $spreadsheet-chart-icon-font-size;
336
336
  }
337
337
 
338
338
  .e-chart-menu,
@@ -660,7 +660,7 @@
660
660
  }
661
661
 
662
662
  .e-cf-menu .e-ul .e-menu-item .e-menu-icon {
663
- font-size: 16px;
663
+ font-size: $cf-menu-icon-font-size;
664
664
  }
665
665
 
666
666
  .e-cf-menu {
package/styles/spreadsheet/icons/_highcontrast.scss CHANGED
@@ -319,7 +319,7 @@
319
319
  padding: 0 16px 0 10px;
320
320
 
321
321
  .e-menu-icon {
322
- font-size: 30px;
322
+ font-size: $spreadsheet-chart-icon-font-size;
323
323
  margin-right: 10px;
324
324
  }
325
325
 
@@ -332,7 +332,7 @@
332
332
  }
333
333
 
334
334
  .e-addchart-menu .e-ul .e-menu-item .e-menu-icon {
335
- font-size: 32px;
335
+ font-size: $spreadsheet-chart-icon-font-size;
336
336
  }
337
337
 
338
338
  .e-chart-menu,
package/styles/spreadsheet/icons/_material-dark.scss CHANGED
@@ -319,7 +319,7 @@
319
319
  padding: 0 16px 0 10px;
320
320
 
321
321
  .e-menu-icon {
322
- font-size: 30px;
322
+ font-size: $spreadsheet-chart-icon-font-size;
323
323
  margin-right: 10px;
324
324
  }
325
325
 
@@ -331,7 +331,7 @@
331
331
  }
332
332
 
333
333
  .e-addchart-menu .e-ul .e-menu-item .e-menu-icon {
334
- font-size: 32px;
334
+ font-size: $spreadsheet-chart-icon-font-size;
335
335
  }
336
336
 
337
337
  .e-chart-menu,
@@ -658,7 +658,7 @@
658
658
  }
659
659
 
660
660
  .e-cf-menu .e-ul .e-menu-item .e-menu-icon {
661
- font-size: 16px;
661
+ font-size: $cf-menu-icon-font-size;
662
662
  }
663
663
 
664
664
  .e-cf-menu {
package/styles/spreadsheet/icons/_material.scss CHANGED
@@ -319,7 +319,7 @@
319
319
  padding: 0 16px 0 10px;
320
320
 
321
321
  .e-menu-icon {
322
- font-size: 30px;
322
+ font-size: $spreadsheet-chart-icon-font-size;
323
323
  margin-right: 10px;
324
324
  }
325
325
 
@@ -331,7 +331,7 @@
331
331
  }
332
332
 
333
333
  .e-addchart-menu .e-ul .e-menu-item .e-menu-icon {
334
- font-size: 32px;
334
+ font-size: $spreadsheet-chart-icon-font-size;
335
335
  }
336
336
 
337
337
  .e-chart-menu,
@@ -659,7 +659,7 @@
659
659
  }
660
660
 
661
661
  .e-cf-menu .e-ul .e-menu-item .e-menu-icon {
662
- font-size: 16px;
662
+ font-size: $cf-menu-icon-font-size;
663
663
  }
664
664
 
665
665
  .e-cf-menu {
package/styles/spreadsheet/icons/_material3.scss CHANGED
@@ -319,7 +319,7 @@
319
319
  padding: 0 16px 0 10px;
320
320
 
321
321
  .e-menu-icon {
322
- font-size: 30px;
322
+ font-size: $spreadsheet-chart-icon-font-size;
323
323
  margin-right: 10px;
324
324
  }
325
325
 
@@ -332,7 +332,7 @@
332
332
  }
333
333
 
334
334
  .e-addchart-menu .e-ul .e-menu-item .e-menu-icon {
335
- font-size: 32px;
335
+ font-size: $spreadsheet-chart-icon-font-size;
336
336
  }
337
337
 
338
338
  .e-chart-menu,
@@ -660,7 +660,7 @@
660
660
  }
661
661
 
662
662
  .e-cf-menu .e-ul .e-menu-item .e-menu-icon {
663
- font-size: 16px;
663
+ font-size: $cf-menu-icon-font-size;
664
664
  }
665
665
 
666
666
  .e-cf-menu {
package/styles/spreadsheet/icons/_tailwind-dark.scss CHANGED
@@ -319,7 +319,7 @@
319
319
  padding: 0 16px 0 10px;
320
320
 
321
321
  .e-menu-icon {
322
- font-size: 30px;
322
+ font-size: $spreadsheet-chart-icon-font-size;
323
323
  margin-right: 10px;
324
324
  }
325
325
 
@@ -332,7 +332,7 @@
332
332
  }
333
333
 
334
334
  .e-addchart-menu .e-ul .e-menu-item .e-menu-icon {
335
- font-size: 32px;
335
+ font-size: $spreadsheet-chart-icon-font-size;
336
336
  }
337
337
 
338
338
  .e-chart-menu,
@@ -660,7 +660,7 @@
660
660
  }
661
661
 
662
662
  .e-cf-menu .e-ul .e-menu-item .e-menu-icon {
663
- font-size: 16px;
663
+ font-size: $cf-menu-icon-font-size;
664
664
  }
665
665
 
666
666
  .e-cf-menu {
package/styles/spreadsheet/icons/_tailwind.scss CHANGED
@@ -319,7 +319,7 @@
319
319
  padding: 0 16px 0 10px;
320
320
 
321
321
  .e-menu-icon {
322
- font-size: 30px;
322
+ font-size: $spreadsheet-chart-icon-font-size;
323
323
  margin-right: 10px;
324
324
  }
325
325
 
@@ -332,7 +332,7 @@
332
332
  }
333
333
 
334
334
  .e-addchart-menu .e-ul .e-menu-item .e-menu-icon {
335
- font-size: 32px;
335
+ font-size: $spreadsheet-chart-icon-font-size;
336
336
  }
337
337
 
338
338
  .e-chart-menu,
@@ -660,7 +660,7 @@
660
660
  }
661
661
 
662
662
  .e-cf-menu .e-ul .e-menu-item .e-menu-icon {
663
- font-size: 16px;
663
+ font-size: $cf-menu-icon-font-size;
664
664
  }
665
665
 
666
666
  .e-cf-menu {
package/styles/spreadsheet/material-dark.css CHANGED
@@ -298,7 +298,7 @@
298
298
  }
299
299
  .e-chart-menu .e-ul .e-menu-item .e-menu-icon,
300
300
  .e-chart-type-menu .e-ul .e-menu-item .e-menu-icon {
301
- font-size: 30px;
301
+ font-size: 32px;
302
302
  margin-right: 10px;
303
303
  }
304
304
  .e-chart-menu .e-ul .e-menu-item .e-bar,
@@ -741,7 +741,7 @@
741
741
  padding-top: 7px;
742
742
  }
743
743
  .e-spreadsheet .e-reenterpwd-dlg.e-dialog .e-dlg-content .e-reenterpwd-content .e-header {
744
- font-size: 14px;
744
+ font-size: 18px;
745
745
  line-height: 16px;
746
746
  }
747
747
  .e-spreadsheet .e-reenterpwd-dlg.e-dialog .e-dlg-content .e-reenterpwd-content .e-input {
@@ -804,7 +804,7 @@
804
804
  height: 300px;
805
805
  }
806
806
  .e-spreadsheet .e-protect-content {
807
- font-size: 13px;
807
+ font-size: 14px;
808
808
  height: 37px;
809
809
  padding-top: 20px;
810
810
  width: 100%;
@@ -1537,7 +1537,7 @@
1537
1537
  font-size: 16px;
1538
1538
  }
1539
1539
  .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn .e-chart-icon, .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn .e-chart-type-icon {
1540
- font-size: 30px !important; /* stylelint-disable-line declaration-no-important */
1540
+ font-size: 32px !important; /* stylelint-disable-line declaration-no-important */
1541
1541
  margin-right: 5px;
1542
1542
  padding: 0 5px;
1543
1543
  width: 30px;
@@ -1881,7 +1881,7 @@
1881
1881
  .e-spreadsheet .e-datavalidation-dlg .e-footer-content .e-clearall-btn {
1882
1882
  float: left;
1883
1883
  }
1884
- .e-spreadsheet .e-validationerror-dlg .e-dlg-content {
1884
+ .e-spreadsheet .e-validation-error-dlg .e-dlg-content {
1885
1885
  font-size: 14px;
1886
1886
  line-height: 28px;
1887
1887
  }
@@ -1917,11 +1917,6 @@
1917
1917
  text-align: center;
1918
1918
  width: 136px;
1919
1919
  }
1920
- .e-spreadsheet .e-hyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-tab-header .e-toolbar-item .e-tab-text,
1921
- .e-spreadsheet .e-edithyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-tab-header .e-toolbar-item .e-tab-text {
1922
- font-size: 13px;
1923
- line-height: 15px;
1924
- }
1925
1920
  .e-spreadsheet .e-hyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-content,
1926
1921
  .e-spreadsheet .e-edithyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-content {
1927
1922
  padding-top: 24px;
@@ -2086,7 +2081,7 @@
2086
2081
  max-width: initial;
2087
2082
  }
2088
2083
  .e-dropdown-popup.e-numformat-ddb ul .e-numformat-preview-text {
2089
- font-size: 13px;
2084
+ font-size: 12px;
2090
2085
  max-width: 200px;
2091
2086
  overflow: hidden;
2092
2087
  text-align: right;
@@ -2169,17 +2164,17 @@
2169
2164
  font-family: "Verdana";
2170
2165
  }
2171
2166
  .e-dropdown-popup.e-aggregate-list {
2172
- font-size: 13px;
2167
+ font-size: 14px;
2173
2168
  margin-left: auto;
2174
2169
  }
2175
2170
  .e-dropdown-popup.e-borders-ddb .e-menu-wrapper {
2176
2171
  border: 0;
2177
2172
  }
2178
2173
  .e-dropdown-popup.e-borders-ddb .e-menu-wrapper ul .e-menu-item .e-menu-icon {
2179
- font-size: 16px;
2174
+ font-size: 14px;
2180
2175
  }
2181
2176
  .e-dropdown-popup.e-popup.e-aggregate-list ul {
2182
- font-size: 13px;
2177
+ font-size: 14px;
2183
2178
  }
2184
2179
 
2185
2180
  .e-menu-wrapper.e-file-menu ul .e-menu-item div {
@@ -2188,7 +2183,7 @@
2188
2183
  width: 100%;
2189
2184
  }
2190
2185
  .e-menu-wrapper.e-file-menu ul .e-menu-item div .e-extension {
2191
- font-size: 13px;
2186
+ font-size: 14px;
2192
2187
  margin-left: auto;
2193
2188
  opacity: 0.7;
2194
2189
  padding-left: 10px;
@@ -2531,7 +2526,7 @@
2531
2526
  margin-top: 0;
2532
2527
  }
2533
2528
  .e-spreadsheet:not(.e-mobile-view) .e-aggregate-list {
2534
- font-size: 13px;
2529
+ font-size: 14px;
2535
2530
  margin-left: auto;
2536
2531
  }
2537
2532
  .e-spreadsheet:not(.e-mobile-view) .e-ribbon {
@@ -2696,7 +2691,7 @@
2696
2691
  }
2697
2692
  .e-bigger .e-spreadsheet .e-find-dlg .e-footer-content .e-btn,
2698
2693
  .e-bigger.e-spreadsheet .e-find-dlg .e-footer-content .e-btn {
2699
- font-size: 11px;
2694
+ font-size: 12px;
2700
2695
  margin-top: 6px;
2701
2696
  }
2702
2697
  .e-bigger .e-spreadsheet .e-findtool-dlg,
@@ -3896,7 +3891,7 @@
3896
3891
  background-color: rgba(255, 255, 255, 0.1);
3897
3892
  }
3898
3893
 
3899
- .e-ribbon .e-content .e-toolbar .e-toolbar-items .e-toolbar-item.e-overlay .e-icons {
3894
+ .e-spreadsheet .e-ribbon .e-content .e-toolbar .e-toolbar-items .e-toolbar-item.e-overlay .e-icons {
3900
3895
  color: #fff;
3901
3896
  }
3902
3897
 
package/styles/spreadsheet/material-dark.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  @import 'ej2-base/styles/material-dark-definition.scss';
2
- @import '../ribbon/material-dark-definition.scss';
2
+ @import '../spreadsheet-ribbon/material-dark-definition.scss';
3
3
  @import 'ej2-buttons/styles/button/material-dark-definition.scss';
4
4
  @import 'ej2-buttons/styles/check-box/material-dark-definition.scss';
5
5
  @import 'ej2-buttons/styles/radio-button/material-dark-definition.scss';