@syncfusion/ej2-ribbon 21.2.3 → 22.1.34

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 (86) hide show
  1. package/.eslintrc.json +1 -0
  2. package/dist/ej2-ribbon.umd.min.js +2 -2
  3. package/dist/ej2-ribbon.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-ribbon.es2015.js +1249 -161
  5. package/dist/es6/ej2-ribbon.es2015.js.map +1 -1
  6. package/dist/es6/ej2-ribbon.es5.js +1270 -176
  7. package/dist/es6/ej2-ribbon.es5.js.map +1 -1
  8. package/dist/global/ej2-ribbon.min.js +2 -2
  9. package/dist/global/ej2-ribbon.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +16 -13
  12. package/src/ribbon/base/interface.d.ts +6 -6
  13. package/src/ribbon/base/interface.js +6 -6
  14. package/src/ribbon/base/ribbon-model.d.ts +2 -2
  15. package/src/ribbon/base/ribbon.d.ts +43 -1
  16. package/src/ribbon/base/ribbon.js +1074 -163
  17. package/src/ribbon/base/utils.d.ts +2 -2
  18. package/src/ribbon/base/utils.js +11 -6
  19. package/src/ribbon/items/ribbon-button.js +1 -0
  20. package/src/ribbon/items/ribbon-checkbox.js +1 -0
  21. package/src/ribbon/items/ribbon-colorpicker.js +1 -0
  22. package/src/ribbon/items/ribbon-combobox.js +1 -0
  23. package/src/ribbon/items/ribbon-dropdown.d.ts +7 -1
  24. package/src/ribbon/items/ribbon-dropdown.js +152 -1
  25. package/src/ribbon/items/ribbon-splitbutton.js +24 -0
  26. package/src/ribbon/models/ribbon-combobox-settings-model.d.ts +10 -5
  27. package/src/ribbon/models/ribbon-combobox-settings.d.ts +10 -5
  28. package/src/ribbon/models/ribbon-file-menu-settings-model.d.ts +3 -1
  29. package/src/ribbon/models/ribbon-file-menu-settings.d.ts +3 -1
  30. package/src/ribbon/models/ribbon-item-model.d.ts +1 -1
  31. package/src/ribbon/models/ribbon-item.d.ts +1 -1
  32. package/styles/bootstrap-dark.css +26 -0
  33. package/styles/bootstrap.css +26 -0
  34. package/styles/bootstrap4.css +26 -0
  35. package/styles/bootstrap5-dark.css +26 -0
  36. package/styles/bootstrap5.css +26 -0
  37. package/styles/fabric-dark.css +26 -0
  38. package/styles/fabric.css +26 -0
  39. package/styles/fluent-dark.css +26 -0
  40. package/styles/fluent.css +26 -0
  41. package/styles/highcontrast-light.css +26 -0
  42. package/styles/highcontrast.css +30 -4
  43. package/styles/material-dark.css +26 -0
  44. package/styles/material.css +26 -0
  45. package/styles/material3-dark.css +1671 -0
  46. package/styles/material3-dark.scss +3 -0
  47. package/styles/material3.css +1727 -0
  48. package/styles/material3.scss +3 -0
  49. package/styles/ribbon/_bootstrap-dark-definition.scss +4 -0
  50. package/styles/ribbon/_bootstrap-definition.scss +4 -0
  51. package/styles/ribbon/_bootstrap4-definition.scss +4 -0
  52. package/styles/ribbon/_bootstrap5-definition.scss +4 -0
  53. package/styles/ribbon/_fabric-dark-definition.scss +4 -0
  54. package/styles/ribbon/_fabric-definition.scss +4 -0
  55. package/styles/ribbon/_fluent-definition.scss +4 -0
  56. package/styles/ribbon/_fusionnew-definition.scss +4 -0
  57. package/styles/ribbon/_highcontrast-definition.scss +6 -2
  58. package/styles/ribbon/_highcontrast-light-definition.scss +4 -0
  59. package/styles/ribbon/_layout.scss +27 -0
  60. package/styles/ribbon/_material-dark-definition.scss +4 -0
  61. package/styles/ribbon/_material-definition.scss +4 -0
  62. package/styles/ribbon/_material3-dark-definition.scss +1 -0
  63. package/styles/ribbon/_material3-definition.scss +210 -0
  64. package/styles/ribbon/_tailwind-definition.scss +4 -0
  65. package/styles/ribbon/bootstrap-dark.css +26 -0
  66. package/styles/ribbon/bootstrap.css +26 -0
  67. package/styles/ribbon/bootstrap4.css +26 -0
  68. package/styles/ribbon/bootstrap5-dark.css +26 -0
  69. package/styles/ribbon/bootstrap5.css +26 -0
  70. package/styles/ribbon/fabric-dark.css +26 -0
  71. package/styles/ribbon/fabric.css +26 -0
  72. package/styles/ribbon/fluent-dark.css +26 -0
  73. package/styles/ribbon/fluent.css +26 -0
  74. package/styles/ribbon/highcontrast-light.css +26 -0
  75. package/styles/ribbon/highcontrast.css +30 -4
  76. package/styles/ribbon/icons/_material3-dark.scss +1 -0
  77. package/styles/ribbon/material-dark.css +26 -0
  78. package/styles/ribbon/material.css +26 -0
  79. package/styles/ribbon/material3-dark.css +1671 -0
  80. package/styles/ribbon/material3-dark.scss +18 -0
  81. package/styles/ribbon/material3.css +1727 -0
  82. package/styles/ribbon/material3.scss +18 -0
  83. package/styles/ribbon/tailwind-dark.css +26 -0
  84. package/styles/ribbon/tailwind.css +26 -0
  85. package/styles/tailwind-dark.css +26 -0
  86. package/styles/tailwind.css +26 -0
package/styles/bootstrap4.css CHANGED
@@ -193,6 +193,7 @@
193
193
  border-width: unset;
194
194
  font-size: 14px;
195
195
  font-weight: 400;
196
+ box-shadow: none;
196
197
  }
197
198
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu.e-active {
198
199
  border-radius: unset;
@@ -330,6 +331,7 @@
330
331
  border: none;
331
332
  height: 32px;
332
333
  margin: auto;
334
+ box-shadow: none;
333
335
  }
334
336
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
335
337
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon {
@@ -469,6 +471,8 @@
469
471
  .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-clear-icon,
470
472
  .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-clear-icon {
471
473
  min-width: auto;
474
+ min-height: auto;
475
+ border-radius: unset;
472
476
  }
473
477
  .e-ribbon.e-rbn .e-input-group .e-clear-icon,
474
478
  .e-ribbon-group-overflow-ddb .e-input-group .e-clear-icon {
@@ -552,6 +556,7 @@
552
556
  font-weight: 400;
553
557
  font-size: 14px;
554
558
  text-transform: none;
559
+ box-shadow: none;
555
560
  }
556
561
  .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:focus,
557
562
  .e-ribbon.e-rbn .e-ribbon-item .e-btn:focus,
@@ -660,6 +665,7 @@
660
665
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper {
661
666
  border: 1px solid transparent;
662
667
  border-radius: 4px;
668
+ box-shadow: none;
663
669
  }
664
670
  .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-btn,
665
671
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-btn {
@@ -831,6 +837,17 @@
831
837
  padding-left: 34px !important; /* stylelint-disable-line declaration-no-important */
832
838
  }
833
839
 
840
+ .e-ribbon-control.e-dropdown-popup ul .e-item {
841
+ font-size: 14px;
842
+ height: 26px;
843
+ -ms-flex-align: center;
844
+ align-items: center;
845
+ }
846
+ .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
847
+ font-size: 16px;
848
+ line-height: 16px;
849
+ }
850
+
834
851
  .e-ribbon-tooltip .e-tip-content {
835
852
  padding: 4px;
836
853
  }
@@ -1207,6 +1224,15 @@
1207
1224
  padding: 9px;
1208
1225
  }
1209
1226
 
1227
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item {
1228
+ font-size: 14px;
1229
+ height: 32px;
1230
+ }
1231
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1232
+ font-size: 20px;
1233
+ line-height: 20px;
1234
+ }
1235
+
1210
1236
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1211
1237
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1212
1238
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
package/styles/bootstrap5-dark.css CHANGED
@@ -222,6 +222,7 @@
222
222
  border-width: unset;
223
223
  font-size: 14px;
224
224
  font-weight: 400;
225
+ box-shadow: none;
225
226
  }
226
227
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu.e-active {
227
228
  border-radius: unset;
@@ -359,6 +360,7 @@
359
360
  border: none;
360
361
  height: 26px;
361
362
  margin: auto;
363
+ box-shadow: none;
362
364
  }
363
365
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
364
366
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon {
@@ -498,6 +500,8 @@
498
500
  .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-clear-icon,
499
501
  .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-clear-icon {
500
502
  min-width: auto;
503
+ min-height: auto;
504
+ border-radius: unset;
501
505
  }
502
506
  .e-ribbon.e-rbn .e-input-group .e-clear-icon,
503
507
  .e-ribbon-group-overflow-ddb .e-input-group .e-clear-icon {
@@ -581,6 +585,7 @@
581
585
  font-weight: 400;
582
586
  font-size: 12px;
583
587
  text-transform: none;
588
+ box-shadow: none;
584
589
  }
585
590
  .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:focus,
586
591
  .e-ribbon.e-rbn .e-ribbon-item .e-btn:focus,
@@ -689,6 +694,7 @@
689
694
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper {
690
695
  border: 1px solid transparent;
691
696
  border-radius: 4px;
697
+ box-shadow: none;
692
698
  }
693
699
  .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-btn,
694
700
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-btn {
@@ -860,6 +866,17 @@
860
866
  padding-left: 38px !important; /* stylelint-disable-line declaration-no-important */
861
867
  }
862
868
 
869
+ .e-ribbon-control.e-dropdown-popup ul .e-item {
870
+ font-size: 12px;
871
+ height: 24px;
872
+ -ms-flex-align: center;
873
+ align-items: center;
874
+ }
875
+ .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
876
+ font-size: 16px;
877
+ line-height: 16px;
878
+ }
879
+
863
880
  .e-ribbon-tooltip .e-tip-content {
864
881
  padding: 4px;
865
882
  }
@@ -1236,6 +1253,15 @@
1236
1253
  padding: 7px;
1237
1254
  }
1238
1255
 
1256
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item {
1257
+ font-size: 14px;
1258
+ height: 32px;
1259
+ }
1260
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1261
+ font-size: 20px;
1262
+ line-height: 20px;
1263
+ }
1264
+
1239
1265
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1240
1266
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1241
1267
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
package/styles/bootstrap5.css CHANGED
@@ -222,6 +222,7 @@
222
222
  border-width: unset;
223
223
  font-size: 14px;
224
224
  font-weight: 400;
225
+ box-shadow: none;
225
226
  }
226
227
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu.e-active {
227
228
  border-radius: unset;
@@ -359,6 +360,7 @@
359
360
  border: none;
360
361
  height: 26px;
361
362
  margin: auto;
363
+ box-shadow: none;
362
364
  }
363
365
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
364
366
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon {
@@ -498,6 +500,8 @@
498
500
  .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-clear-icon,
499
501
  .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-clear-icon {
500
502
  min-width: auto;
503
+ min-height: auto;
504
+ border-radius: unset;
501
505
  }
502
506
  .e-ribbon.e-rbn .e-input-group .e-clear-icon,
503
507
  .e-ribbon-group-overflow-ddb .e-input-group .e-clear-icon {
@@ -581,6 +585,7 @@
581
585
  font-weight: 400;
582
586
  font-size: 12px;
583
587
  text-transform: none;
588
+ box-shadow: none;
584
589
  }
585
590
  .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:focus,
586
591
  .e-ribbon.e-rbn .e-ribbon-item .e-btn:focus,
@@ -689,6 +694,7 @@
689
694
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper {
690
695
  border: 1px solid transparent;
691
696
  border-radius: 4px;
697
+ box-shadow: none;
692
698
  }
693
699
  .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-btn,
694
700
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-btn {
@@ -860,6 +866,17 @@
860
866
  padding-left: 38px !important; /* stylelint-disable-line declaration-no-important */
861
867
  }
862
868
 
869
+ .e-ribbon-control.e-dropdown-popup ul .e-item {
870
+ font-size: 12px;
871
+ height: 24px;
872
+ -ms-flex-align: center;
873
+ align-items: center;
874
+ }
875
+ .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
876
+ font-size: 16px;
877
+ line-height: 16px;
878
+ }
879
+
863
880
  .e-ribbon-tooltip .e-tip-content {
864
881
  padding: 4px;
865
882
  }
@@ -1236,6 +1253,15 @@
1236
1253
  padding: 7px;
1237
1254
  }
1238
1255
 
1256
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item {
1257
+ font-size: 14px;
1258
+ height: 32px;
1259
+ }
1260
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1261
+ font-size: 20px;
1262
+ line-height: 20px;
1263
+ }
1264
+
1239
1265
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1240
1266
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1241
1267
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
package/styles/fabric-dark.css CHANGED
@@ -114,6 +114,7 @@
114
114
  border-width: unset;
115
115
  font-size: 14px;
116
116
  font-weight: 400;
117
+ box-shadow: none;
117
118
  }
118
119
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu.e-active {
119
120
  border-radius: unset;
@@ -251,6 +252,7 @@
251
252
  border: none;
252
253
  height: 32px;
253
254
  margin: auto;
255
+ box-shadow: none;
254
256
  }
255
257
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
256
258
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon {
@@ -390,6 +392,8 @@
390
392
  .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-clear-icon,
391
393
  .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-clear-icon {
392
394
  min-width: auto;
395
+ min-height: auto;
396
+ border-radius: unset;
393
397
  }
394
398
  .e-ribbon.e-rbn .e-input-group .e-clear-icon,
395
399
  .e-ribbon-group-overflow-ddb .e-input-group .e-clear-icon {
@@ -473,6 +477,7 @@
473
477
  font-weight: 400;
474
478
  font-size: 12px;
475
479
  text-transform: none;
480
+ box-shadow: none;
476
481
  }
477
482
  .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:focus,
478
483
  .e-ribbon.e-rbn .e-ribbon-item .e-btn:focus,
@@ -581,6 +586,7 @@
581
586
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper {
582
587
  border: 1px solid transparent;
583
588
  border-radius: unset;
589
+ box-shadow: none;
584
590
  }
585
591
  .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-btn,
586
592
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-btn {
@@ -752,6 +758,17 @@
752
758
  padding-left: 30px !important; /* stylelint-disable-line declaration-no-important */
753
759
  }
754
760
 
761
+ .e-ribbon-control.e-dropdown-popup ul .e-item {
762
+ font-size: 16px;
763
+ height: 36px;
764
+ -ms-flex-align: center;
765
+ align-items: center;
766
+ }
767
+ .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
768
+ font-size: 16px;
769
+ line-height: 16px;
770
+ }
771
+
755
772
  .e-ribbon-tooltip .e-tip-content {
756
773
  padding: 4px;
757
774
  }
@@ -1128,6 +1145,15 @@
1128
1145
  padding: 10px;
1129
1146
  }
1130
1147
 
1148
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item {
1149
+ font-size: 16px;
1150
+ height: 45px;
1151
+ }
1152
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1153
+ font-size: 20px;
1154
+ line-height: 20px;
1155
+ }
1156
+
1131
1157
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1132
1158
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1133
1159
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
package/styles/fabric.css CHANGED
@@ -112,6 +112,7 @@
112
112
  border-width: 0 0 1px 0;
113
113
  font-size: 14px;
114
114
  font-weight: 400;
115
+ box-shadow: none;
115
116
  }
116
117
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu.e-active {
117
118
  border-radius: unset;
@@ -249,6 +250,7 @@
249
250
  border: none;
250
251
  height: 32px;
251
252
  margin: auto;
253
+ box-shadow: none;
252
254
  }
253
255
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
254
256
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon {
@@ -388,6 +390,8 @@
388
390
  .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-clear-icon,
389
391
  .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-clear-icon {
390
392
  min-width: auto;
393
+ min-height: auto;
394
+ border-radius: unset;
391
395
  }
392
396
  .e-ribbon.e-rbn .e-input-group .e-clear-icon,
393
397
  .e-ribbon-group-overflow-ddb .e-input-group .e-clear-icon {
@@ -471,6 +475,7 @@
471
475
  font-weight: 400;
472
476
  font-size: 14px;
473
477
  text-transform: none;
478
+ box-shadow: none;
474
479
  }
475
480
  .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:focus,
476
481
  .e-ribbon.e-rbn .e-ribbon-item .e-btn:focus,
@@ -579,6 +584,7 @@
579
584
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper {
580
585
  border: 1px solid transparent;
581
586
  border-radius: unset;
587
+ box-shadow: none;
582
588
  }
583
589
  .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-btn,
584
590
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-btn {
@@ -750,6 +756,17 @@
750
756
  padding-left: 30px !important; /* stylelint-disable-line declaration-no-important */
751
757
  }
752
758
 
759
+ .e-ribbon-control.e-dropdown-popup ul .e-item {
760
+ font-size: 16px;
761
+ height: 36px;
762
+ -ms-flex-align: center;
763
+ align-items: center;
764
+ }
765
+ .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
766
+ font-size: 16px;
767
+ line-height: 16px;
768
+ }
769
+
753
770
  .e-ribbon-tooltip .e-tip-content {
754
771
  padding: 4px;
755
772
  }
@@ -1126,6 +1143,15 @@
1126
1143
  padding: 10px;
1127
1144
  }
1128
1145
 
1146
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item {
1147
+ font-size: 16px;
1148
+ height: 45px;
1149
+ }
1150
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1151
+ font-size: 20px;
1152
+ line-height: 20px;
1153
+ }
1154
+
1129
1155
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1130
1156
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1131
1157
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
package/styles/fluent-dark.css CHANGED
@@ -198,6 +198,7 @@
198
198
  border-width: unset;
199
199
  font-size: 14px;
200
200
  font-weight: 400;
201
+ box-shadow: none;
201
202
  }
202
203
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu.e-active {
203
204
  border-radius: unset;
@@ -335,6 +336,7 @@
335
336
  border: none;
336
337
  height: 26px;
337
338
  margin: auto;
339
+ box-shadow: none;
338
340
  }
339
341
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
340
342
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon {
@@ -474,6 +476,8 @@
474
476
  .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-clear-icon,
475
477
  .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-clear-icon {
476
478
  min-width: auto;
479
+ min-height: auto;
480
+ border-radius: unset;
477
481
  }
478
482
  .e-ribbon.e-rbn .e-input-group .e-clear-icon,
479
483
  .e-ribbon-group-overflow-ddb .e-input-group .e-clear-icon {
@@ -557,6 +561,7 @@
557
561
  font-weight: 400;
558
562
  font-size: 12px;
559
563
  text-transform: none;
564
+ box-shadow: none;
560
565
  }
561
566
  .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:focus,
562
567
  .e-ribbon.e-rbn .e-ribbon-item .e-btn:focus,
@@ -665,6 +670,7 @@
665
670
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper {
666
671
  border: 1px solid transparent;
667
672
  border-radius: 2px;
673
+ box-shadow: none;
668
674
  }
669
675
  .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-btn,
670
676
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-btn {
@@ -836,6 +842,17 @@
836
842
  padding-left: 26px !important; /* stylelint-disable-line declaration-no-important */
837
843
  }
838
844
 
845
+ .e-ribbon-control.e-dropdown-popup ul .e-item {
846
+ font-size: 12px;
847
+ height: 24px;
848
+ -ms-flex-align: center;
849
+ align-items: center;
850
+ }
851
+ .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
852
+ font-size: 16px;
853
+ line-height: 16px;
854
+ }
855
+
839
856
  .e-ribbon-tooltip .e-tip-content {
840
857
  padding: 4px;
841
858
  }
@@ -1212,6 +1229,15 @@
1212
1229
  padding: 7px;
1213
1230
  }
1214
1231
 
1232
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item {
1233
+ font-size: 14px;
1234
+ height: 32px;
1235
+ }
1236
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1237
+ font-size: 20px;
1238
+ line-height: 20px;
1239
+ }
1240
+
1215
1241
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1216
1242
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1217
1243
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
package/styles/fluent.css CHANGED
@@ -198,6 +198,7 @@
198
198
  border-width: unset;
199
199
  font-size: 14px;
200
200
  font-weight: 400;
201
+ box-shadow: none;
201
202
  }
202
203
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu.e-active {
203
204
  border-radius: unset;
@@ -335,6 +336,7 @@
335
336
  border: none;
336
337
  height: 26px;
337
338
  margin: auto;
339
+ box-shadow: none;
338
340
  }
339
341
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
340
342
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon {
@@ -474,6 +476,8 @@
474
476
  .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-clear-icon,
475
477
  .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-clear-icon {
476
478
  min-width: auto;
479
+ min-height: auto;
480
+ border-radius: unset;
477
481
  }
478
482
  .e-ribbon.e-rbn .e-input-group .e-clear-icon,
479
483
  .e-ribbon-group-overflow-ddb .e-input-group .e-clear-icon {
@@ -557,6 +561,7 @@
557
561
  font-weight: 400;
558
562
  font-size: 12px;
559
563
  text-transform: none;
564
+ box-shadow: none;
560
565
  }
561
566
  .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:focus,
562
567
  .e-ribbon.e-rbn .e-ribbon-item .e-btn:focus,
@@ -665,6 +670,7 @@
665
670
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper {
666
671
  border: 1px solid transparent;
667
672
  border-radius: 2px;
673
+ box-shadow: none;
668
674
  }
669
675
  .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-btn,
670
676
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-btn {
@@ -836,6 +842,17 @@
836
842
  padding-left: 26px !important; /* stylelint-disable-line declaration-no-important */
837
843
  }
838
844
 
845
+ .e-ribbon-control.e-dropdown-popup ul .e-item {
846
+ font-size: 12px;
847
+ height: 24px;
848
+ -ms-flex-align: center;
849
+ align-items: center;
850
+ }
851
+ .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
852
+ font-size: 16px;
853
+ line-height: 16px;
854
+ }
855
+
839
856
  .e-ribbon-tooltip .e-tip-content {
840
857
  padding: 4px;
841
858
  }
@@ -1212,6 +1229,15 @@
1212
1229
  padding: 7px;
1213
1230
  }
1214
1231
 
1232
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item {
1233
+ font-size: 14px;
1234
+ height: 32px;
1235
+ }
1236
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1237
+ font-size: 20px;
1238
+ line-height: 20px;
1239
+ }
1240
+
1215
1241
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1216
1242
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1217
1243
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
package/styles/highcontrast-light.css CHANGED
@@ -121,6 +121,7 @@
121
121
  border-width: 0 0 1px 0;
122
122
  font-size: 14px;
123
123
  font-weight: 400;
124
+ box-shadow: none;
124
125
  }
125
126
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu.e-active {
126
127
  border-radius: unset;
@@ -258,6 +259,7 @@
258
259
  border: 2px solid;
259
260
  height: 40px;
260
261
  margin: auto;
262
+ box-shadow: none;
261
263
  }
262
264
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
263
265
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon {
@@ -397,6 +399,8 @@
397
399
  .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-clear-icon,
398
400
  .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-clear-icon {
399
401
  min-width: auto;
402
+ min-height: auto;
403
+ border-radius: unset;
400
404
  }
401
405
  .e-ribbon.e-rbn .e-input-group .e-clear-icon,
402
406
  .e-ribbon-group-overflow-ddb .e-input-group .e-clear-icon {
@@ -480,6 +484,7 @@
480
484
  font-weight: 400;
481
485
  font-size: 14px;
482
486
  text-transform: none;
487
+ box-shadow: none;
483
488
  }
484
489
  .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:focus,
485
490
  .e-ribbon.e-rbn .e-ribbon-item .e-btn:focus,
@@ -588,6 +593,7 @@
588
593
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper {
589
594
  border: 1px solid transparent;
590
595
  border-radius: unset;
596
+ box-shadow: none;
591
597
  }
592
598
  .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-btn,
593
599
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-btn {
@@ -759,6 +765,17 @@
759
765
  padding-left: 30px !important; /* stylelint-disable-line declaration-no-important */
760
766
  }
761
767
 
768
+ .e-ribbon-control.e-dropdown-popup ul .e-item {
769
+ font-size: 16px;
770
+ height: 36px;
771
+ -ms-flex-align: center;
772
+ align-items: center;
773
+ }
774
+ .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
775
+ font-size: 16px;
776
+ line-height: 16px;
777
+ }
778
+
762
779
  .e-ribbon-tooltip .e-tip-content {
763
780
  padding: 4px;
764
781
  }
@@ -1135,6 +1152,15 @@
1135
1152
  padding: 10px;
1136
1153
  }
1137
1154
 
1155
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item {
1156
+ font-size: 16px;
1157
+ height: 45px;
1158
+ }
1159
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1160
+ font-size: 20px;
1161
+ line-height: 20px;
1162
+ }
1163
+
1138
1164
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1139
1165
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1140
1166
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
package/styles/highcontrast.css CHANGED
@@ -130,6 +130,7 @@
130
130
  border-width: 0 0 1px 0;
131
131
  font-size: 14px;
132
132
  font-weight: 400;
133
+ box-shadow: none;
133
134
  }
134
135
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu.e-active {
135
136
  border-radius: unset;
@@ -243,7 +244,7 @@
243
244
  height: 40px;
244
245
  }
245
246
  .e-ribbon.e-rbn .e-content {
246
- width: calc(100% - 20px);
247
+ width: calc(100% - 25px);
247
248
  }
248
249
  .e-ribbon.e-rbn .e-ribbon-collapse-btn {
249
250
  bottom: 0;
@@ -257,7 +258,7 @@
257
258
  transform: rotate(180deg);
258
259
  }
259
260
  .e-ribbon.e-rbn.e-ribbon-overflow .e-content {
260
- width: calc(100% - 20px - 40px);
261
+ width: calc(100% - 25px - 40px);
261
262
  }
262
263
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn,
263
264
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
@@ -267,6 +268,7 @@
267
268
  border: 2px solid;
268
269
  height: 40px;
269
270
  margin: auto;
271
+ box-shadow: none;
270
272
  }
271
273
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
272
274
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon {
@@ -406,6 +408,8 @@
406
408
  .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-clear-icon,
407
409
  .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-clear-icon {
408
410
  min-width: auto;
411
+ min-height: auto;
412
+ border-radius: unset;
409
413
  }
410
414
  .e-ribbon.e-rbn .e-input-group .e-clear-icon,
411
415
  .e-ribbon-group-overflow-ddb .e-input-group .e-clear-icon {
@@ -489,6 +493,7 @@
489
493
  font-weight: 400;
490
494
  font-size: 14px;
491
495
  text-transform: none;
496
+ box-shadow: none;
492
497
  }
493
498
  .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:focus,
494
499
  .e-ribbon.e-rbn .e-ribbon-item .e-btn:focus,
@@ -597,6 +602,7 @@
597
602
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper {
598
603
  border: 1px solid transparent;
599
604
  border-radius: unset;
605
+ box-shadow: none;
600
606
  }
601
607
  .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-btn,
602
608
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-btn {
@@ -768,6 +774,17 @@
768
774
  padding-left: 30px !important; /* stylelint-disable-line declaration-no-important */
769
775
  }
770
776
 
777
+ .e-ribbon-control.e-dropdown-popup ul .e-item {
778
+ font-size: 16px;
779
+ height: 36px;
780
+ -ms-flex-align: center;
781
+ align-items: center;
782
+ }
783
+ .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
784
+ font-size: 16px;
785
+ line-height: 16px;
786
+ }
787
+
771
788
  .e-ribbon-tooltip .e-tip-content {
772
789
  padding: 4px;
773
790
  }
@@ -836,7 +853,7 @@
836
853
  }
837
854
  .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible .e-content,
838
855
  .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible .e-content {
839
- width: calc(100% - 24px);
856
+ width: calc(100% - 28px);
840
857
  }
841
858
  .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible .e-ribbon-collapse-btn,
842
859
  .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible .e-ribbon-collapse-btn {
@@ -846,7 +863,7 @@
846
863
  }
847
864
  .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-content,
848
865
  .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-content {
849
- width: calc(100% - 24px - 40px);
866
+ width: calc(100% - 28px - 40px);
850
867
  }
851
868
  .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-group-of-btn,
852
869
  .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-overall-of-btn,
@@ -1144,6 +1161,15 @@
1144
1161
  padding: 10px;
1145
1162
  }
1146
1163
 
1164
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item {
1165
+ font-size: 16px;
1166
+ height: 45px;
1167
+ }
1168
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1169
+ font-size: 20px;
1170
+ line-height: 20px;
1171
+ }
1172
+
1147
1173
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1148
1174
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1149
1175
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,