@syncfusion/ej2-angular-ribbon 22.1.34-ngcc → 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 (136) hide show
  1. package/esm2020/public_api.mjs +3 -0
  2. package/esm2020/src/index.mjs +9 -0
  3. package/esm2020/src/ribbon/collections.directive.mjs +70 -0
  4. package/esm2020/src/ribbon/groups.directive.mjs +66 -0
  5. package/esm2020/src/ribbon/items.directive.mjs +78 -0
  6. package/esm2020/src/ribbon/ribbon-all.module.mjs +47 -0
  7. package/esm2020/src/ribbon/ribbon.component.mjs +120 -0
  8. package/esm2020/src/ribbon/ribbon.module.mjs +61 -0
  9. package/esm2020/src/ribbon/tabs.directive.mjs +62 -0
  10. package/esm2020/syncfusion-ej2-angular-ribbon.mjs +5 -0
  11. package/fesm2015/syncfusion-ej2-angular-ribbon.mjs +482 -0
  12. package/fesm2015/syncfusion-ej2-angular-ribbon.mjs.map +1 -0
  13. package/fesm2020/syncfusion-ej2-angular-ribbon.mjs +482 -0
  14. package/fesm2020/syncfusion-ej2-angular-ribbon.mjs.map +1 -0
  15. package/package.json +27 -13
  16. package/src/ribbon/collections.directive.d.ts +5 -0
  17. package/src/ribbon/groups.directive.d.ts +5 -0
  18. package/src/ribbon/items.directive.d.ts +5 -0
  19. package/src/ribbon/ribbon-all.module.d.ts +6 -0
  20. package/src/ribbon/ribbon.component.d.ts +3 -0
  21. package/src/ribbon/ribbon.module.d.ts +10 -0
  22. package/src/ribbon/tabs.directive.d.ts +5 -0
  23. package/styles/bootstrap-dark.css +13 -78
  24. package/styles/bootstrap.css +13 -78
  25. package/styles/bootstrap4.css +13 -78
  26. package/styles/bootstrap5-dark.css +13 -78
  27. package/styles/bootstrap5.css +13 -78
  28. package/styles/fabric-dark.css +13 -78
  29. package/styles/fabric.css +13 -78
  30. package/styles/fluent-dark.css +13 -78
  31. package/styles/fluent.css +13 -78
  32. package/styles/highcontrast-light.css +13 -78
  33. package/styles/highcontrast.css +17 -82
  34. package/styles/material-dark.css +13 -78
  35. package/styles/material.css +13 -78
  36. package/styles/ribbon/_all.scss +2 -0
  37. package/styles/ribbon/_bootstrap-dark-definition.scss +206 -0
  38. package/styles/ribbon/_bootstrap-definition.scss +206 -0
  39. package/styles/ribbon/_bootstrap4-definition.scss +206 -0
  40. package/styles/ribbon/_bootstrap5-dark-definition.scss +1 -0
  41. package/styles/ribbon/_bootstrap5-definition.scss +206 -0
  42. package/styles/ribbon/_fabric-dark-definition.scss +206 -0
  43. package/styles/ribbon/_fabric-definition.scss +206 -0
  44. package/styles/ribbon/_fluent-dark-definition.scss +1 -0
  45. package/styles/ribbon/_fluent-definition.scss +206 -0
  46. package/styles/ribbon/_fusionnew-definition.scss +206 -0
  47. package/styles/ribbon/_highcontrast-definition.scss +206 -0
  48. package/styles/ribbon/_highcontrast-light-definition.scss +206 -0
  49. package/styles/ribbon/_layout.scss +1036 -0
  50. package/styles/ribbon/_material-dark-definition.scss +206 -0
  51. package/styles/ribbon/_material-definition.scss +206 -0
  52. package/styles/ribbon/_tailwind-dark-definition.scss +1 -0
  53. package/styles/ribbon/_tailwind-definition.scss +206 -0
  54. package/styles/ribbon/_theme.scss +343 -0
  55. package/styles/ribbon/bootstrap-dark.css +13 -78
  56. package/styles/ribbon/bootstrap-dark.scss +17 -1
  57. package/styles/ribbon/bootstrap.css +13 -78
  58. package/styles/ribbon/bootstrap.scss +17 -1
  59. package/styles/ribbon/bootstrap4.css +13 -78
  60. package/styles/ribbon/bootstrap4.scss +17 -1
  61. package/styles/ribbon/bootstrap5-dark.css +13 -78
  62. package/styles/ribbon/bootstrap5-dark.scss +17 -1
  63. package/styles/ribbon/bootstrap5.css +13 -78
  64. package/styles/ribbon/bootstrap5.scss +17 -1
  65. package/styles/ribbon/fabric-dark.css +13 -78
  66. package/styles/ribbon/fabric-dark.scss +17 -1
  67. package/styles/ribbon/fabric.css +13 -78
  68. package/styles/ribbon/fabric.scss +17 -1
  69. package/styles/ribbon/fluent-dark.css +13 -78
  70. package/styles/ribbon/fluent-dark.scss +17 -1
  71. package/styles/ribbon/fluent.css +13 -78
  72. package/styles/ribbon/fluent.scss +17 -1
  73. package/styles/ribbon/highcontrast-light.css +13 -78
  74. package/styles/ribbon/highcontrast-light.scss +16 -1
  75. package/styles/ribbon/highcontrast.css +17 -82
  76. package/styles/ribbon/highcontrast.scss +17 -1
  77. package/styles/ribbon/icons/_bootstrap-dark.scss +9 -0
  78. package/styles/ribbon/icons/_bootstrap.scss +9 -0
  79. package/styles/ribbon/icons/_bootstrap4.scss +9 -0
  80. package/styles/ribbon/icons/_bootstrap5-dark.scss +1 -0
  81. package/styles/ribbon/icons/_bootstrap5.scss +9 -0
  82. package/styles/ribbon/icons/_fabric-dark.scss +9 -0
  83. package/styles/ribbon/icons/_fabric.scss +9 -0
  84. package/styles/ribbon/icons/_fluent-dark.scss +1 -0
  85. package/styles/ribbon/icons/_fluent.scss +9 -0
  86. package/styles/ribbon/icons/_fusionnew.scss +9 -0
  87. package/styles/ribbon/icons/_highcontrast.scss +9 -0
  88. package/styles/ribbon/icons/_material-dark.scss +9 -0
  89. package/styles/ribbon/icons/_material.scss +9 -0
  90. package/styles/ribbon/icons/_material3.scss +9 -0
  91. package/styles/ribbon/icons/_tailwind-dark.scss +9 -0
  92. package/styles/ribbon/icons/_tailwind.scss +9 -0
  93. package/styles/ribbon/material-dark.css +13 -78
  94. package/styles/ribbon/material-dark.scss +17 -1
  95. package/styles/ribbon/material.css +13 -78
  96. package/styles/ribbon/material.scss +17 -1
  97. package/styles/ribbon/tailwind-dark.css +13 -78
  98. package/styles/ribbon/tailwind-dark.scss +17 -1
  99. package/styles/ribbon/tailwind.css +13 -78
  100. package/styles/ribbon/tailwind.scss +17 -1
  101. package/styles/tailwind-dark.css +13 -78
  102. package/styles/tailwind.css +13 -78
  103. package/syncfusion-ej2-angular-ribbon.d.ts +5 -0
  104. package/@syncfusion/ej2-angular-ribbon.es5.js +0 -566
  105. package/@syncfusion/ej2-angular-ribbon.es5.js.map +0 -1
  106. package/@syncfusion/ej2-angular-ribbon.js +0 -526
  107. package/@syncfusion/ej2-angular-ribbon.js.map +0 -1
  108. package/CHANGELOG.md +0 -21
  109. package/dist/ej2-angular-ribbon.umd.js +0 -710
  110. package/dist/ej2-angular-ribbon.umd.js.map +0 -1
  111. package/dist/ej2-angular-ribbon.umd.min.js +0 -11
  112. package/dist/ej2-angular-ribbon.umd.min.js.map +0 -1
  113. package/ej2-angular-ribbon.d.ts +0 -5
  114. package/ej2-angular-ribbon.metadata.json +0 -1
  115. package/license +0 -10
  116. package/postinstall/tagchange.js +0 -18
  117. package/schematics/collection.json +0 -10
  118. package/schematics/ng-add/index.d.ts +0 -3
  119. package/schematics/ng-add/index.js +0 -9
  120. package/schematics/ng-add/index.ts +0 -10
  121. package/schematics/ng-add/schema.d.ts +0 -13
  122. package/schematics/ng-add/schema.js +0 -2
  123. package/schematics/ng-add/schema.json +0 -34
  124. package/schematics/ng-add/schema.ts +0 -30
  125. package/schematics/tsconfig.json +0 -25
  126. package/schematics/utils/lib-details.d.ts +0 -4
  127. package/schematics/utils/lib-details.js +0 -6
  128. package/schematics/utils/lib-details.ts +0 -4
  129. package/styles/material3-dark.css +0 -1671
  130. package/styles/material3-dark.scss +0 -2
  131. package/styles/material3.css +0 -1727
  132. package/styles/material3.scss +0 -2
  133. package/styles/ribbon/material3-dark.css +0 -1671
  134. package/styles/ribbon/material3-dark.scss +0 -2
  135. package/styles/ribbon/material3.css +0 -1727
  136. package/styles/ribbon/material3.scss +0 -2
@@ -122,6 +122,9 @@
122
122
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll-content > .e-item:not(.e-active) {
123
123
  display: none;
124
124
  }
125
+ .e-ribbon.e-rbn .e-ribbon-tab .e-item {
126
+ width: fit-content;
127
+ }
125
128
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu {
126
129
  position: absolute;
127
130
  line-height: 22px;
@@ -130,7 +133,6 @@
130
133
  border-width: 0 0 1px 0;
131
134
  font-size: 14px;
132
135
  font-weight: 400;
133
- box-shadow: none;
134
136
  }
135
137
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu.e-active {
136
138
  border-radius: unset;
@@ -206,9 +208,6 @@
206
208
  height: auto;
207
209
  min-height: auto;
208
210
  }
209
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
210
- box-shadow: none;
211
- }
212
211
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
213
212
  padding: 0;
214
213
  }
@@ -218,10 +217,9 @@
218
217
  min-width: auto;
219
218
  width: auto;
220
219
  border-style: solid;
221
- transform: none;
222
220
  border-width: 1px;
223
221
  border-radius: unset;
224
- z-index: 3;
222
+ z-index: 2;
225
223
  }
226
224
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav.e-overlay {
227
225
  display: none;
@@ -229,7 +227,6 @@
229
227
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav .e-nav-arrow {
230
228
  font-size: 16px;
231
229
  height: auto;
232
- transform: none;
233
230
  line-height: 16px;
234
231
  padding: 0 4px;
235
232
  width: auto;
@@ -244,7 +241,7 @@
244
241
  height: 40px;
245
242
  }
246
243
  .e-ribbon.e-rbn .e-content {
247
- width: calc(100% - 25px);
244
+ width: calc(100% - 20px);
248
245
  }
249
246
  .e-ribbon.e-rbn .e-ribbon-collapse-btn {
250
247
  bottom: 0;
@@ -258,7 +255,7 @@
258
255
  transform: rotate(180deg);
259
256
  }
260
257
  .e-ribbon.e-rbn.e-ribbon-overflow .e-content {
261
- width: calc(100% - 25px - 40px);
258
+ width: calc(100% - 20px - 40px);
262
259
  }
263
260
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn,
264
261
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
@@ -268,7 +265,6 @@
268
265
  border: 2px solid;
269
266
  height: 40px;
270
267
  margin: auto;
271
- box-shadow: none;
272
268
  }
273
269
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
274
270
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon {
@@ -299,9 +295,6 @@
299
295
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-tab .e-hscroll-bar {
300
296
  overflow-y: hidden;
301
297
  }
302
- .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group {
303
- margin-bottom: 0;
304
- }
305
298
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group {
306
299
  padding-top: 5px;
307
300
  height: auto;
@@ -351,9 +344,6 @@
351
344
  .e-ribbon.e-rbn:not(.e-rtl) .e-tab-header {
352
345
  left: var(--fileMenuWidth);
353
346
  }
354
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-tab .e-hscroll.e-scroll-device {
355
- padding-right: 30px;
356
- }
357
347
  .e-ribbon.e-rbn.e-rtl .e-ribbon-collapse-btn,
358
348
  .e-ribbon.e-rbn.e-rtl .e-ribbon-help-template,
359
349
  .e-ribbon.e-rbn.e-rtl .e-ribbon-group::after {
@@ -365,9 +355,6 @@
365
355
  .e-ribbon.e-rbn.e-rtl .e-tab-header {
366
356
  right: var(--fileMenuWidth);
367
357
  }
368
- .e-ribbon.e-rbn.e-rtl .e-ribbon-tab .e-hscroll.e-scroll-device {
369
- padding-left: 30px;
370
- }
371
358
 
372
359
  .e-ribbon.e-rbn,
373
360
  .e-ribbon-group-overflow-ddb {
@@ -408,8 +395,6 @@
408
395
  .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-clear-icon,
409
396
  .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-clear-icon {
410
397
  min-width: auto;
411
- min-height: auto;
412
- border-radius: unset;
413
398
  }
414
399
  .e-ribbon.e-rbn .e-input-group .e-clear-icon,
415
400
  .e-ribbon-group-overflow-ddb .e-input-group .e-clear-icon {
@@ -493,7 +478,6 @@
493
478
  font-weight: 400;
494
479
  font-size: 14px;
495
480
  text-transform: none;
496
- box-shadow: none;
497
481
  }
498
482
  .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:focus,
499
483
  .e-ribbon.e-rbn .e-ribbon-item .e-btn:focus,
@@ -592,7 +576,6 @@
592
576
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
593
577
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper {
594
578
  border: 1px solid transparent;
595
- border-radius: unset;
596
579
  }
597
580
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
598
581
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
@@ -602,7 +585,6 @@
602
585
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper {
603
586
  border: 1px solid transparent;
604
587
  border-radius: unset;
605
- box-shadow: none;
606
588
  }
607
589
  .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-btn,
608
590
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-btn {
@@ -712,8 +694,7 @@
712
694
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
713
695
  display: none;
714
696
  }
715
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
716
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
697
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
717
698
  margin: 7px 10px;
718
699
  }
719
700
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
@@ -737,24 +718,22 @@
737
718
  -ms-flex-pack: start;
738
719
  justify-content: flex-start;
739
720
  }
721
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-icons.e-caret,
722
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-dropdown-btn .e-icons.e-caret {
723
+ transform: rotate(-90deg);
724
+ margin-left: auto;
725
+ }
740
726
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
741
727
  padding: 6px 10px;
742
728
  font-weight: 600;
743
729
  line-height: 16px;
744
730
  }
745
731
 
746
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
747
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
748
- transform: rotate(-90deg);
749
- padding: 10px;
750
- margin: 0 0 0 auto;
751
- }
752
-
753
732
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
754
733
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
755
734
  transform: rotate(90deg);
756
- padding: 10px;
757
- margin: 0 auto 0 0;
735
+ margin-right: auto;
736
+ margin-left: unset;
758
737
  }
759
738
 
760
739
  .e-ribbon-menu {
@@ -774,17 +753,6 @@
774
753
  padding-left: 30px !important; /* stylelint-disable-line declaration-no-important */
775
754
  }
776
755
 
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
-
788
756
  .e-ribbon-tooltip .e-tip-content {
789
757
  padding: 4px;
790
758
  }
@@ -823,10 +791,6 @@
823
791
  padding-right: 16px;
824
792
  height: 50px;
825
793
  }
826
- .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-hscroll,
827
- .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
828
- min-height: auto;
829
- }
830
794
  .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav,
831
795
  .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav {
832
796
  height: 50px;
@@ -853,7 +817,7 @@
853
817
  }
854
818
  .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible .e-content,
855
819
  .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible .e-content {
856
- width: calc(100% - 28px);
820
+ width: calc(100% - 24px);
857
821
  }
858
822
  .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible .e-ribbon-collapse-btn,
859
823
  .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible .e-ribbon-collapse-btn {
@@ -863,7 +827,7 @@
863
827
  }
864
828
  .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-content,
865
829
  .e-bigger .e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-content {
866
- width: calc(100% - 28px - 40px);
830
+ width: calc(100% - 24px - 40px);
867
831
  }
868
832
  .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-group-of-btn,
869
833
  .e-bigger.e-ribbon.e-rbn.e-ribbon-collapsible.e-ribbon-overflow .e-ribbon-overall-of-btn,
@@ -918,12 +882,6 @@
918
882
  .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group {
919
883
  height: auto;
920
884
  }
921
- .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
922
- .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
923
- .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group,
924
- .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group {
925
- margin-bottom: 0;
926
- }
927
885
  .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
928
886
  .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
929
887
  .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group-content,
@@ -1138,9 +1096,7 @@
1138
1096
  }
1139
1097
 
1140
1098
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1141
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template,
1142
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1143
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
1099
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
1144
1100
  margin: 7px 10px;
1145
1101
  }
1146
1102
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
@@ -1148,27 +1104,6 @@
1148
1104
  margin: 10px;
1149
1105
  padding: 0;
1150
1106
  }
1151
- .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1152
- .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
1153
- .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1154
- .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1155
- padding: 10px;
1156
- }
1157
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1158
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
1159
- .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1160
- .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1161
- padding: 10px;
1162
- }
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
1107
 
1173
1108
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1174
1109
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
@@ -176,6 +176,9 @@
176
176
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll-content > .e-item:not(.e-active) {
177
177
  display: none;
178
178
  }
179
+ .e-ribbon.e-rbn .e-ribbon-tab .e-item {
180
+ width: fit-content;
181
+ }
179
182
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu {
180
183
  position: absolute;
181
184
  line-height: 22px;
@@ -184,7 +187,6 @@
184
187
  border-width: 0 0 1px 0;
185
188
  font-size: 14px;
186
189
  font-weight: 400;
187
- box-shadow: none;
188
190
  }
189
191
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu.e-active {
190
192
  border-radius: unset;
@@ -260,9 +262,6 @@
260
262
  height: auto;
261
263
  min-height: auto;
262
264
  }
263
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
264
- box-shadow: none;
265
- }
266
265
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
267
266
  padding: 0;
268
267
  }
@@ -272,10 +271,9 @@
272
271
  min-width: auto;
273
272
  width: auto;
274
273
  border-style: solid;
275
- transform: none;
276
274
  border-width: 1px;
277
275
  border-radius: unset;
278
- z-index: 3;
276
+ z-index: 2;
279
277
  }
280
278
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav.e-overlay {
281
279
  display: none;
@@ -283,7 +281,6 @@
283
281
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav .e-nav-arrow {
284
282
  font-size: 16px;
285
283
  height: auto;
286
- transform: none;
287
284
  line-height: 16px;
288
285
  padding: 0 4px;
289
286
  width: auto;
@@ -322,7 +319,6 @@
322
319
  border: none;
323
320
  height: 32px;
324
321
  margin: auto;
325
- box-shadow: none;
326
322
  }
327
323
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
328
324
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon {
@@ -353,9 +349,6 @@
353
349
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-tab .e-hscroll-bar {
354
350
  overflow-y: hidden;
355
351
  }
356
- .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group {
357
- margin-bottom: 0;
358
- }
359
352
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group {
360
353
  padding-top: 2px;
361
354
  height: auto;
@@ -405,9 +398,6 @@
405
398
  .e-ribbon.e-rbn:not(.e-rtl) .e-tab-header {
406
399
  left: var(--fileMenuWidth);
407
400
  }
408
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-tab .e-hscroll.e-scroll-device {
409
- padding-right: 30px;
410
- }
411
401
  .e-ribbon.e-rbn.e-rtl .e-ribbon-collapse-btn,
412
402
  .e-ribbon.e-rbn.e-rtl .e-ribbon-help-template,
413
403
  .e-ribbon.e-rbn.e-rtl .e-ribbon-group::after {
@@ -419,9 +409,6 @@
419
409
  .e-ribbon.e-rbn.e-rtl .e-tab-header {
420
410
  right: var(--fileMenuWidth);
421
411
  }
422
- .e-ribbon.e-rbn.e-rtl .e-ribbon-tab .e-hscroll.e-scroll-device {
423
- padding-left: 30px;
424
- }
425
412
 
426
413
  .e-ribbon.e-rbn,
427
414
  .e-ribbon-group-overflow-ddb {
@@ -462,8 +449,6 @@
462
449
  .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-clear-icon,
463
450
  .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-clear-icon {
464
451
  min-width: auto;
465
- min-height: auto;
466
- border-radius: unset;
467
452
  }
468
453
  .e-ribbon.e-rbn .e-input-group .e-clear-icon,
469
454
  .e-ribbon-group-overflow-ddb .e-input-group .e-clear-icon {
@@ -547,7 +532,6 @@
547
532
  font-weight: 400;
548
533
  font-size: 12px;
549
534
  text-transform: none;
550
- box-shadow: none;
551
535
  }
552
536
  .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:focus,
553
537
  .e-ribbon.e-rbn .e-ribbon-item .e-btn:focus,
@@ -646,7 +630,6 @@
646
630
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
647
631
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper {
648
632
  border: 1px solid transparent;
649
- border-radius: unset;
650
633
  }
651
634
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
652
635
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
@@ -656,7 +639,6 @@
656
639
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper {
657
640
  border: 1px solid transparent;
658
641
  border-radius: unset;
659
- box-shadow: none;
660
642
  }
661
643
  .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-btn,
662
644
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-btn {
@@ -766,8 +748,7 @@
766
748
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
767
749
  display: none;
768
750
  }
769
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
770
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
751
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
771
752
  margin: 7px 8px;
772
753
  }
773
754
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
@@ -791,24 +772,22 @@
791
772
  -ms-flex-pack: start;
792
773
  justify-content: flex-start;
793
774
  }
775
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-icons.e-caret,
776
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-dropdown-btn .e-icons.e-caret {
777
+ transform: rotate(-90deg);
778
+ margin-left: auto;
779
+ }
794
780
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
795
781
  padding: 7px 8px;
796
782
  font-weight: 400;
797
783
  line-height: 22px;
798
784
  }
799
785
 
800
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
801
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
802
- transform: rotate(-90deg);
803
- padding: 8px;
804
- margin: 0 0 0 auto;
805
- }
806
-
807
786
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
808
787
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
809
788
  transform: rotate(90deg);
810
- padding: 8px;
811
- margin: 0 auto 0 0;
789
+ margin-right: auto;
790
+ margin-left: unset;
812
791
  }
813
792
 
814
793
  .e-ribbon-menu {
@@ -828,17 +807,6 @@
828
807
  padding-left: 34px !important; /* stylelint-disable-line declaration-no-important */
829
808
  }
830
809
 
831
- .e-ribbon-control.e-dropdown-popup ul .e-item {
832
- font-size: 14px;
833
- height: 36px;
834
- -ms-flex-align: center;
835
- align-items: center;
836
- }
837
- .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
838
- font-size: 16px;
839
- line-height: 16px;
840
- }
841
-
842
810
  .e-ribbon-tooltip .e-tip-content {
843
811
  padding: 4px;
844
812
  }
@@ -877,10 +845,6 @@
877
845
  padding-right: 16px;
878
846
  height: 56px;
879
847
  }
880
- .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-hscroll,
881
- .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
882
- min-height: auto;
883
- }
884
848
  .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav,
885
849
  .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav {
886
850
  height: 56px;
@@ -972,12 +936,6 @@
972
936
  .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group {
973
937
  height: auto;
974
938
  }
975
- .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
976
- .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
977
- .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group,
978
- .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group {
979
- margin-bottom: 0;
980
- }
981
939
  .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
982
940
  .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
983
941
  .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group-content,
@@ -1192,9 +1150,7 @@
1192
1150
  }
1193
1151
 
1194
1152
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1195
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template,
1196
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1197
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
1153
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
1198
1154
  margin: 7px 8px;
1199
1155
  }
1200
1156
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
@@ -1202,27 +1158,6 @@
1202
1158
  margin: 8px;
1203
1159
  padding: 0;
1204
1160
  }
1205
- .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1206
- .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
1207
- .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1208
- .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1209
- padding: 8px;
1210
- }
1211
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1212
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
1213
- .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1214
- .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1215
- padding: 8px;
1216
- }
1217
-
1218
- .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item {
1219
- font-size: 16px;
1220
- height: 48px;
1221
- }
1222
- .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1223
- font-size: 20px;
1224
- line-height: 20px;
1225
- }
1226
1161
 
1227
1162
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1228
1163
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,