@syncfusion/ej2-angular-ribbon 21.1.37-ngcc → 21.1.37

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 (127) 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 +26 -12
  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 +0 -11
  24. package/styles/bootstrap.css +0 -11
  25. package/styles/bootstrap4.css +0 -11
  26. package/styles/bootstrap5-dark.css +0 -11
  27. package/styles/bootstrap5.css +0 -11
  28. package/styles/fabric-dark.css +0 -11
  29. package/styles/fabric.css +0 -11
  30. package/styles/fluent-dark.css +0 -11
  31. package/styles/fluent.css +0 -11
  32. package/styles/highcontrast-light.css +0 -11
  33. package/styles/highcontrast.css +0 -11
  34. package/styles/material-dark.css +0 -11
  35. package/styles/material.css +0 -11
  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 +1040 -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 +0 -11
  56. package/styles/ribbon/bootstrap-dark.scss +17 -1
  57. package/styles/ribbon/bootstrap.css +0 -11
  58. package/styles/ribbon/bootstrap.scss +17 -1
  59. package/styles/ribbon/bootstrap4.css +0 -11
  60. package/styles/ribbon/bootstrap4.scss +17 -1
  61. package/styles/ribbon/bootstrap5-dark.css +0 -11
  62. package/styles/ribbon/bootstrap5-dark.scss +17 -1
  63. package/styles/ribbon/bootstrap5.css +0 -11
  64. package/styles/ribbon/bootstrap5.scss +17 -1
  65. package/styles/ribbon/fabric-dark.css +0 -11
  66. package/styles/ribbon/fabric-dark.scss +17 -1
  67. package/styles/ribbon/fabric.css +0 -11
  68. package/styles/ribbon/fabric.scss +17 -1
  69. package/styles/ribbon/fluent-dark.css +0 -11
  70. package/styles/ribbon/fluent-dark.scss +17 -1
  71. package/styles/ribbon/fluent.css +0 -11
  72. package/styles/ribbon/fluent.scss +17 -1
  73. package/styles/ribbon/highcontrast-light.css +0 -11
  74. package/styles/ribbon/highcontrast-light.scss +16 -1
  75. package/styles/ribbon/highcontrast.css +0 -11
  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 +0 -11
  94. package/styles/ribbon/material-dark.scss +17 -1
  95. package/styles/ribbon/material.css +0 -11
  96. package/styles/ribbon/material.scss +17 -1
  97. package/styles/ribbon/tailwind-dark.css +0 -11
  98. package/styles/ribbon/tailwind-dark.scss +17 -1
  99. package/styles/ribbon/tailwind.css +0 -11
  100. package/styles/ribbon/tailwind.scss +17 -1
  101. package/styles/tailwind-dark.css +0 -11
  102. package/styles/tailwind.css +0 -11
  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 -709
  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/postinstall/tagchange.js +0 -18
  116. package/schematics/collection.json +0 -10
  117. package/schematics/ng-add/index.d.ts +0 -3
  118. package/schematics/ng-add/index.js +0 -9
  119. package/schematics/ng-add/index.ts +0 -10
  120. package/schematics/ng-add/schema.d.ts +0 -13
  121. package/schematics/ng-add/schema.js +0 -2
  122. package/schematics/ng-add/schema.json +0 -34
  123. package/schematics/ng-add/schema.ts +0 -30
  124. package/schematics/tsconfig.json +0 -25
  125. package/schematics/utils/lib-details.d.ts +0 -4
  126. package/schematics/utils/lib-details.js +0 -6
  127. package/schematics/utils/lib-details.ts +0 -4
package/styles/ribbon/fabric-dark.css CHANGED
@@ -192,9 +192,6 @@
192
192
  height: auto;
193
193
  min-height: auto;
194
194
  }
195
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
196
- box-shadow: none;
197
- }
198
195
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
199
196
  padding: 0;
200
197
  }
@@ -204,7 +201,6 @@
204
201
  min-width: auto;
205
202
  width: auto;
206
203
  border-style: solid;
207
- transform: none;
208
204
  border-width: 1px;
209
205
  border-radius: unset;
210
206
  z-index: 3;
@@ -215,7 +211,6 @@
215
211
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav .e-nav-arrow {
216
212
  font-size: 16px;
217
213
  height: auto;
218
- transform: none;
219
214
  line-height: 16px;
220
215
  padding: 0 4px;
221
216
  width: auto;
@@ -333,9 +328,6 @@
333
328
  .e-ribbon.e-rbn:not(.e-rtl) .e-tab-header {
334
329
  left: var(--fileMenuWidth);
335
330
  }
336
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-tab .e-hscroll.e-scroll-device {
337
- padding-right: 30px;
338
- }
339
331
  .e-ribbon.e-rbn.e-rtl .e-ribbon-collapse-btn,
340
332
  .e-ribbon.e-rbn.e-rtl .e-ribbon-help-template,
341
333
  .e-ribbon.e-rbn.e-rtl .e-ribbon-group::after {
@@ -347,9 +339,6 @@
347
339
  .e-ribbon.e-rbn.e-rtl .e-tab-header {
348
340
  right: var(--fileMenuWidth);
349
341
  }
350
- .e-ribbon.e-rbn.e-rtl .e-ribbon-tab .e-hscroll.e-scroll-device {
351
- padding-left: 30px;
352
- }
353
342
 
354
343
  .e-ribbon.e-rbn,
355
344
  .e-ribbon-group-overflow-ddb {
package/styles/ribbon/fabric-dark.scss CHANGED
@@ -1 +1,17 @@
1
- @import 'ej2-ribbon/styles/ribbon/fabric-dark.scss';
1
+ @import 'ej2-base/styles/fabric-dark-definition.scss';
2
+ @import 'ej2-popups/styles/tooltip/fabric-dark-definition.scss';
3
+ @import 'ej2-buttons/styles/button/fabric-dark-definition.scss';
4
+ @import 'ej2-buttons/styles/check-box/fabric-dark-definition.scss';
5
+ @import 'ej2-splitbuttons/styles/drop-down-button/fabric-dark-definition.scss';
6
+ @import 'ej2-dropdowns/styles/drop-down-base/fabric-dark-definition.scss';
7
+ @import 'ej2-dropdowns/styles/drop-down-list/fabric-dark-definition.scss';
8
+ @import 'ej2-dropdowns/styles/combo-box/fabric-dark-definition.scss';
9
+ @import 'ej2-navigations/styles/h-scroll/fabric-dark-definition.scss';
10
+ @import 'ej2-navigations/styles/v-scroll/fabric-dark-definition.scss';
11
+ @import 'ej2-navigations/styles/context-menu/fabric-dark-definition.scss';
12
+ @import 'ej2-navigations/styles/toolbar/fabric-dark-definition.scss';
13
+ @import 'ej2-navigations/styles/menu/fabric-dark-definition.scss';
14
+ @import 'ej2-navigations/styles/tab/fabric-dark-definition.scss';
15
+ @import 'fabric-dark-definition.scss';
16
+ @import 'icons/fabric-dark.scss';
17
+ @import 'all.scss';
package/styles/ribbon/fabric.css CHANGED
@@ -190,9 +190,6 @@
190
190
  height: auto;
191
191
  min-height: auto;
192
192
  }
193
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
194
- box-shadow: none;
195
- }
196
193
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
197
194
  padding: 0;
198
195
  }
@@ -202,7 +199,6 @@
202
199
  min-width: auto;
203
200
  width: auto;
204
201
  border-style: solid;
205
- transform: none;
206
202
  border-width: 1px;
207
203
  border-radius: unset;
208
204
  z-index: 3;
@@ -213,7 +209,6 @@
213
209
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav .e-nav-arrow {
214
210
  font-size: 16px;
215
211
  height: auto;
216
- transform: none;
217
212
  line-height: 16px;
218
213
  padding: 0 4px;
219
214
  width: auto;
@@ -331,9 +326,6 @@
331
326
  .e-ribbon.e-rbn:not(.e-rtl) .e-tab-header {
332
327
  left: var(--fileMenuWidth);
333
328
  }
334
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-tab .e-hscroll.e-scroll-device {
335
- padding-right: 30px;
336
- }
337
329
  .e-ribbon.e-rbn.e-rtl .e-ribbon-collapse-btn,
338
330
  .e-ribbon.e-rbn.e-rtl .e-ribbon-help-template,
339
331
  .e-ribbon.e-rbn.e-rtl .e-ribbon-group::after {
@@ -345,9 +337,6 @@
345
337
  .e-ribbon.e-rbn.e-rtl .e-tab-header {
346
338
  right: var(--fileMenuWidth);
347
339
  }
348
- .e-ribbon.e-rbn.e-rtl .e-ribbon-tab .e-hscroll.e-scroll-device {
349
- padding-left: 30px;
350
- }
351
340
 
352
341
  .e-ribbon.e-rbn,
353
342
  .e-ribbon-group-overflow-ddb {
package/styles/ribbon/fabric.scss CHANGED
@@ -1 +1,17 @@
1
- @import 'ej2-ribbon/styles/ribbon/fabric.scss';
1
+ @import 'ej2-base/styles/fabric-definition.scss';
2
+ @import 'ej2-popups/styles/tooltip/fabric-definition.scss';
3
+ @import 'ej2-buttons/styles/button/fabric-definition.scss';
4
+ @import 'ej2-buttons/styles/check-box/fabric-definition.scss';
5
+ @import 'ej2-splitbuttons/styles/drop-down-button/fabric-definition.scss';
6
+ @import 'ej2-dropdowns/styles/drop-down-base/fabric-definition.scss';
7
+ @import 'ej2-dropdowns/styles/drop-down-list/fabric-definition.scss';
8
+ @import 'ej2-dropdowns/styles/combo-box/fabric-definition.scss';
9
+ @import 'ej2-navigations/styles/h-scroll/fabric-definition.scss';
10
+ @import 'ej2-navigations/styles/v-scroll/fabric-definition.scss';
11
+ @import 'ej2-navigations/styles/context-menu/fabric-definition.scss';
12
+ @import 'ej2-navigations/styles/toolbar/fabric-definition.scss';
13
+ @import 'ej2-navigations/styles/menu/fabric-definition.scss';
14
+ @import 'ej2-navigations/styles/tab/fabric-definition.scss';
15
+ @import 'fabric-definition.scss';
16
+ @import 'icons/fabric.scss';
17
+ @import 'all.scss';
package/styles/ribbon/fluent-dark.css CHANGED
@@ -276,9 +276,6 @@
276
276
  height: auto;
277
277
  min-height: auto;
278
278
  }
279
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
280
- box-shadow: none;
281
- }
282
279
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
283
280
  padding: 0;
284
281
  }
@@ -288,7 +285,6 @@
288
285
  min-width: auto;
289
286
  width: auto;
290
287
  border-style: solid;
291
- transform: none;
292
288
  border-width: 1px;
293
289
  border-radius: 2px;
294
290
  z-index: 3;
@@ -299,7 +295,6 @@
299
295
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav .e-nav-arrow {
300
296
  font-size: 14px;
301
297
  height: auto;
302
- transform: none;
303
298
  line-height: 14px;
304
299
  padding: 0 5px;
305
300
  width: auto;
@@ -417,9 +412,6 @@
417
412
  .e-ribbon.e-rbn:not(.e-rtl) .e-tab-header {
418
413
  left: var(--fileMenuWidth);
419
414
  }
420
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-tab .e-hscroll.e-scroll-device {
421
- padding-right: 30px;
422
- }
423
415
  .e-ribbon.e-rbn.e-rtl .e-ribbon-collapse-btn,
424
416
  .e-ribbon.e-rbn.e-rtl .e-ribbon-help-template,
425
417
  .e-ribbon.e-rbn.e-rtl .e-ribbon-group::after {
@@ -431,9 +423,6 @@
431
423
  .e-ribbon.e-rbn.e-rtl .e-tab-header {
432
424
  right: var(--fileMenuWidth);
433
425
  }
434
- .e-ribbon.e-rbn.e-rtl .e-ribbon-tab .e-hscroll.e-scroll-device {
435
- padding-left: 30px;
436
- }
437
426
 
438
427
  .e-ribbon.e-rbn,
439
428
  .e-ribbon-group-overflow-ddb {
package/styles/ribbon/fluent-dark.scss CHANGED
@@ -1 +1,17 @@
1
- @import 'ej2-ribbon/styles/ribbon/fluent-dark.scss';
1
+ @import 'ej2-base/styles/fluent-dark-definition.scss';
2
+ @import 'ej2-popups/styles/tooltip/fluent-dark-definition.scss';
3
+ @import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
4
+ @import 'ej2-buttons/styles/check-box/fluent-dark-definition.scss';
5
+ @import 'ej2-splitbuttons/styles/drop-down-button/fluent-dark-definition.scss';
6
+ @import 'ej2-dropdowns/styles/drop-down-base/fluent-dark-definition.scss';
7
+ @import 'ej2-dropdowns/styles/drop-down-list/fluent-dark-definition.scss';
8
+ @import 'ej2-dropdowns/styles/combo-box/fluent-dark-definition.scss';
9
+ @import 'ej2-navigations/styles/h-scroll/fluent-dark-definition.scss';
10
+ @import 'ej2-navigations/styles/v-scroll/fluent-dark-definition.scss';
11
+ @import 'ej2-navigations/styles/context-menu/fluent-dark-definition.scss';
12
+ @import 'ej2-navigations/styles/toolbar/fluent-dark-definition.scss';
13
+ @import 'ej2-navigations/styles/menu/fluent-dark-definition.scss';
14
+ @import 'ej2-navigations/styles/tab/fluent-dark-definition.scss';
15
+ @import 'fluent-dark-definition.scss';
16
+ @import 'icons/fluent-dark.scss';
17
+ @import 'all.scss';
package/styles/ribbon/fluent.css CHANGED
@@ -276,9 +276,6 @@
276
276
  height: auto;
277
277
  min-height: auto;
278
278
  }
279
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
280
- box-shadow: none;
281
- }
282
279
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
283
280
  padding: 0;
284
281
  }
@@ -288,7 +285,6 @@
288
285
  min-width: auto;
289
286
  width: auto;
290
287
  border-style: solid;
291
- transform: none;
292
288
  border-width: 1px;
293
289
  border-radius: 2px;
294
290
  z-index: 3;
@@ -299,7 +295,6 @@
299
295
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav .e-nav-arrow {
300
296
  font-size: 14px;
301
297
  height: auto;
302
- transform: none;
303
298
  line-height: 14px;
304
299
  padding: 0 5px;
305
300
  width: auto;
@@ -417,9 +412,6 @@
417
412
  .e-ribbon.e-rbn:not(.e-rtl) .e-tab-header {
418
413
  left: var(--fileMenuWidth);
419
414
  }
420
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-tab .e-hscroll.e-scroll-device {
421
- padding-right: 30px;
422
- }
423
415
  .e-ribbon.e-rbn.e-rtl .e-ribbon-collapse-btn,
424
416
  .e-ribbon.e-rbn.e-rtl .e-ribbon-help-template,
425
417
  .e-ribbon.e-rbn.e-rtl .e-ribbon-group::after {
@@ -431,9 +423,6 @@
431
423
  .e-ribbon.e-rbn.e-rtl .e-tab-header {
432
424
  right: var(--fileMenuWidth);
433
425
  }
434
- .e-ribbon.e-rbn.e-rtl .e-ribbon-tab .e-hscroll.e-scroll-device {
435
- padding-left: 30px;
436
- }
437
426
 
438
427
  .e-ribbon.e-rbn,
439
428
  .e-ribbon-group-overflow-ddb {
package/styles/ribbon/fluent.scss CHANGED
@@ -1 +1,17 @@
1
- @import 'ej2-ribbon/styles/ribbon/fluent.scss';
1
+ @import 'ej2-base/styles/fluent-definition.scss';
2
+ @import 'ej2-popups/styles/tooltip/fluent-definition.scss';
3
+ @import 'ej2-buttons/styles/button/fluent-definition.scss';
4
+ @import 'ej2-buttons/styles/check-box/fluent-definition.scss';
5
+ @import 'ej2-splitbuttons/styles/drop-down-button/fluent-definition.scss';
6
+ @import 'ej2-dropdowns/styles/drop-down-base/fluent-definition.scss';
7
+ @import 'ej2-dropdowns/styles/drop-down-list/fluent-definition.scss';
8
+ @import 'ej2-dropdowns/styles/combo-box/fluent-definition.scss';
9
+ @import 'ej2-navigations/styles/h-scroll/fluent-definition.scss';
10
+ @import 'ej2-navigations/styles/v-scroll/fluent-definition.scss';
11
+ @import 'ej2-navigations/styles/context-menu/fluent-definition.scss';
12
+ @import 'ej2-navigations/styles/toolbar/fluent-definition.scss';
13
+ @import 'ej2-navigations/styles/menu/fluent-definition.scss';
14
+ @import 'ej2-navigations/styles/tab/fluent-definition.scss';
15
+ @import 'fluent-definition.scss';
16
+ @import 'icons/fluent.scss';
17
+ @import 'all.scss';
package/styles/ribbon/highcontrast-light.css CHANGED
@@ -199,9 +199,6 @@
199
199
  height: auto;
200
200
  min-height: auto;
201
201
  }
202
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
203
- box-shadow: none;
204
- }
205
202
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
206
203
  padding: 0;
207
204
  }
@@ -211,7 +208,6 @@
211
208
  min-width: auto;
212
209
  width: auto;
213
210
  border-style: solid;
214
- transform: none;
215
211
  border-width: 1px;
216
212
  border-radius: unset;
217
213
  z-index: 3;
@@ -222,7 +218,6 @@
222
218
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav .e-nav-arrow {
223
219
  font-size: 16px;
224
220
  height: auto;
225
- transform: none;
226
221
  line-height: 16px;
227
222
  padding: 0 4px;
228
223
  width: auto;
@@ -340,9 +335,6 @@
340
335
  .e-ribbon.e-rbn:not(.e-rtl) .e-tab-header {
341
336
  left: var(--fileMenuWidth);
342
337
  }
343
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-tab .e-hscroll.e-scroll-device {
344
- padding-right: 30px;
345
- }
346
338
  .e-ribbon.e-rbn.e-rtl .e-ribbon-collapse-btn,
347
339
  .e-ribbon.e-rbn.e-rtl .e-ribbon-help-template,
348
340
  .e-ribbon.e-rbn.e-rtl .e-ribbon-group::after {
@@ -354,9 +346,6 @@
354
346
  .e-ribbon.e-rbn.e-rtl .e-tab-header {
355
347
  right: var(--fileMenuWidth);
356
348
  }
357
- .e-ribbon.e-rbn.e-rtl .e-ribbon-tab .e-hscroll.e-scroll-device {
358
- padding-left: 30px;
359
- }
360
349
 
361
350
  .e-ribbon.e-rbn,
362
351
  .e-ribbon-group-overflow-ddb {
package/styles/ribbon/highcontrast-light.scss CHANGED
@@ -1 +1,16 @@
1
- @import 'ej2-ribbon/styles/ribbon/highcontrast-light.scss';
1
+ @import 'ej2-base/styles/highcontrast-light-definition.scss';
2
+ @import 'ej2-popups/styles/tooltip/highcontrast-light-definition.scss';
3
+ @import 'ej2-buttons/styles/button/highcontrast-light-definition.scss';
4
+ @import 'ej2-buttons/styles/check-box/highcontrast-light-definition.scss';
5
+ @import 'ej2-splitbuttons/styles/drop-down-button/highcontrast-light-definition.scss';
6
+ @import 'ej2-dropdowns/styles/drop-down-base/highcontrast-light-definition.scss';
7
+ @import 'ej2-dropdowns/styles/drop-down-list/highcontrast-light-definition.scss';
8
+ @import 'ej2-dropdowns/styles/combo-box/highcontrast-light-definition.scss';
9
+ @import 'ej2-navigations/styles/h-scroll/highcontrast-light-definition.scss';
10
+ @import 'ej2-navigations/styles/v-scroll/highcontrast-light-definition.scss';
11
+ @import 'ej2-navigations/styles/context-menu/highcontrast-light-definition.scss';
12
+ @import 'ej2-navigations/styles/toolbar/highcontrast-light-definition.scss';
13
+ @import 'ej2-navigations/styles/menu/highcontrast-light-definition.scss';
14
+ @import 'ej2-navigations/styles/tab/highcontrast-light-definition.scss';
15
+ @import 'highcontrast-light-definition.scss';
16
+ @import 'all.scss';
package/styles/ribbon/highcontrast.css CHANGED
@@ -208,9 +208,6 @@
208
208
  height: auto;
209
209
  min-height: auto;
210
210
  }
211
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
212
- box-shadow: none;
213
- }
214
211
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
215
212
  padding: 0;
216
213
  }
@@ -220,7 +217,6 @@
220
217
  min-width: auto;
221
218
  width: auto;
222
219
  border-style: solid;
223
- transform: none;
224
220
  border-width: 1px;
225
221
  border-radius: unset;
226
222
  z-index: 3;
@@ -231,7 +227,6 @@
231
227
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav .e-nav-arrow {
232
228
  font-size: 16px;
233
229
  height: auto;
234
- transform: none;
235
230
  line-height: 16px;
236
231
  padding: 0 4px;
237
232
  width: auto;
@@ -349,9 +344,6 @@
349
344
  .e-ribbon.e-rbn:not(.e-rtl) .e-tab-header {
350
345
  left: var(--fileMenuWidth);
351
346
  }
352
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-tab .e-hscroll.e-scroll-device {
353
- padding-right: 30px;
354
- }
355
347
  .e-ribbon.e-rbn.e-rtl .e-ribbon-collapse-btn,
356
348
  .e-ribbon.e-rbn.e-rtl .e-ribbon-help-template,
357
349
  .e-ribbon.e-rbn.e-rtl .e-ribbon-group::after {
@@ -363,9 +355,6 @@
363
355
  .e-ribbon.e-rbn.e-rtl .e-tab-header {
364
356
  right: var(--fileMenuWidth);
365
357
  }
366
- .e-ribbon.e-rbn.e-rtl .e-ribbon-tab .e-hscroll.e-scroll-device {
367
- padding-left: 30px;
368
- }
369
358
 
370
359
  .e-ribbon.e-rbn,
371
360
  .e-ribbon-group-overflow-ddb {
package/styles/ribbon/highcontrast.scss CHANGED
@@ -1 +1,17 @@
1
- @import 'ej2-ribbon/styles/ribbon/highcontrast.scss';
1
+ @import 'ej2-base/styles/highcontrast-definition.scss';
2
+ @import 'ej2-popups/styles/tooltip/highcontrast-definition.scss';
3
+ @import 'ej2-buttons/styles/button/highcontrast-definition.scss';
4
+ @import 'ej2-buttons/styles/check-box/highcontrast-definition.scss';
5
+ @import 'ej2-splitbuttons/styles/drop-down-button/highcontrast-definition.scss';
6
+ @import 'ej2-dropdowns/styles/drop-down-base/highcontrast-definition.scss';
7
+ @import 'ej2-dropdowns/styles/drop-down-list/highcontrast-definition.scss';
8
+ @import 'ej2-dropdowns/styles/combo-box/highcontrast-definition.scss';
9
+ @import 'ej2-navigations/styles/h-scroll/highcontrast-definition.scss';
10
+ @import 'ej2-navigations/styles/v-scroll/highcontrast-definition.scss';
11
+ @import 'ej2-navigations/styles/context-menu/highcontrast-definition.scss';
12
+ @import 'ej2-navigations/styles/toolbar/highcontrast-definition.scss';
13
+ @import 'ej2-navigations/styles/menu/highcontrast-definition.scss';
14
+ @import 'ej2-navigations/styles/tab/highcontrast-definition.scss';
15
+ @import 'highcontrast-definition.scss';
16
+ @import 'icons/highcontrast.scss';
17
+ @import 'all.scss';
package/styles/ribbon/icons/_bootstrap-dark.scss ADDED
@@ -0,0 +1,9 @@
1
+ @include export-module('ribbon-bootstrap-icons') {
2
+ .e-ribbon {
3
+ & .e-drop-icon {
4
+ &::before {
5
+ content: '\e95d';
6
+ }
7
+ }
8
+ }
9
+ }
package/styles/ribbon/icons/_bootstrap.scss ADDED
@@ -0,0 +1,9 @@
1
+ @include export-module('ribbon-bootstrap-icons') {
2
+ .e-ribbon {
3
+ & .e-drop-icon {
4
+ &::before {
5
+ content: '\e95d';
6
+ }
7
+ }
8
+ }
9
+ }
package/styles/ribbon/icons/_bootstrap4.scss ADDED
@@ -0,0 +1,9 @@
1
+ @include export-module('ribbon-bootstrap4-icons') {
2
+ .e-ribbon {
3
+ & .e-drop-icon {
4
+ &::before {
5
+ content: '\e705';
6
+ }
7
+ }
8
+ }
9
+ }
package/styles/ribbon/icons/_bootstrap5-dark.scss ADDED
@@ -0,0 +1 @@
1
+ @import './bootstrap5.scss';
package/styles/ribbon/icons/_bootstrap5.scss ADDED
@@ -0,0 +1,9 @@
1
+ @include export-module('ribbon-bootstrap5-icons') {
2
+ .e-ribbon {
3
+ & .e-drop-icon {
4
+ &::before {
5
+ content: '\e729';
6
+ }
7
+ }
8
+ }
9
+ }
package/styles/ribbon/icons/_fabric-dark.scss ADDED
@@ -0,0 +1,9 @@
1
+ @include export-module('ribbon-fabric-icons') {
2
+ .e-ribbon {
3
+ & .e-drop-icon {
4
+ &::before {
5
+ content: '\e36a';
6
+ }
7
+ }
8
+ }
9
+ }
package/styles/ribbon/icons/_fabric.scss ADDED
@@ -0,0 +1,9 @@
1
+ @include export-module('ribbon-fabric-icons') {
2
+ .e-ribbon {
3
+ & .e-drop-icon {
4
+ &::before {
5
+ content: '\e36a';
6
+ }
7
+ }
8
+ }
9
+ }
package/styles/ribbon/icons/_fluent-dark.scss ADDED
@@ -0,0 +1 @@
1
+ @import './fluent.scss';
package/styles/ribbon/icons/_fluent.scss ADDED
@@ -0,0 +1,9 @@
1
+ @include export-module('ribbon-fluent-icons') {
2
+ .e-ribbon {
3
+ & .e-drop-icon {
4
+ &::before {
5
+ content: '\e729';
6
+ }
7
+ }
8
+ }
9
+ }
package/styles/ribbon/icons/_fusionnew.scss ADDED
@@ -0,0 +1,9 @@
1
+ @include export-module('ribbon-fusionnew-icons') {
2
+ .e-ribbon {
3
+ & .e-drop-icon {
4
+ &::before {
5
+ content: '\e729';
6
+ }
7
+ }
8
+ }
9
+ }
package/styles/ribbon/icons/_highcontrast.scss ADDED
@@ -0,0 +1,9 @@
1
+ @include export-module('ribbon-highcontrast-icons') {
2
+ .e-ribbon {
3
+ & .e-drop-icon {
4
+ &::before {
5
+ content: '\e966';
6
+ }
7
+ }
8
+ }
9
+ }
package/styles/ribbon/icons/_material-dark.scss ADDED
@@ -0,0 +1,9 @@
1
+ @include export-module('ribbon-material-icons') {
2
+ .e-ribbon {
3
+ & .e-drop-icon {
4
+ &::before {
5
+ content: '\e94d';
6
+ }
7
+ }
8
+ }
9
+ }
package/styles/ribbon/icons/_material.scss ADDED
@@ -0,0 +1,9 @@
1
+ @include export-module('ribbon-material-icons') {
2
+ .e-ribbon {
3
+ & .e-drop-icon {
4
+ &::before {
5
+ content: '\e94d';
6
+ }
7
+ }
8
+ }
9
+ }
package/styles/ribbon/icons/_material3.scss ADDED
@@ -0,0 +1,9 @@
1
+ @include export-module('ribbon-material3-icons') {
2
+ .e-ribbon {
3
+ & .e-drop-icon {
4
+ &::before {
5
+ content: '\e729';
6
+ }
7
+ }
8
+ }
9
+ }
package/styles/ribbon/icons/_tailwind-dark.scss ADDED
@@ -0,0 +1,9 @@
1
+ @include export-module('ribbon-tailwind-dark-icons') {
2
+ .e-ribbon {
3
+ & .e-drop-icon {
4
+ &::before {
5
+ content: '\e729';
6
+ }
7
+ }
8
+ }
9
+ }
package/styles/ribbon/icons/_tailwind.scss ADDED
@@ -0,0 +1,9 @@
1
+ @include export-module('ribbon-tailwind-icons') {
2
+ .e-ribbon {
3
+ & .e-drop-icon {
4
+ &::before {
5
+ content: '\e729';
6
+ }
7
+ }
8
+ }
9
+ }
package/styles/ribbon/material-dark.css CHANGED
@@ -262,9 +262,6 @@
262
262
  height: auto;
263
263
  min-height: auto;
264
264
  }
265
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
266
- box-shadow: none;
267
- }
268
265
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
269
266
  padding: 0;
270
267
  }
@@ -274,7 +271,6 @@
274
271
  min-width: auto;
275
272
  width: auto;
276
273
  border-style: solid;
277
- transform: none;
278
274
  border-width: 1px;
279
275
  border-radius: unset;
280
276
  z-index: 3;
@@ -285,7 +281,6 @@
285
281
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav .e-nav-arrow {
286
282
  font-size: 16px;
287
283
  height: auto;
288
- transform: none;
289
284
  line-height: 16px;
290
285
  padding: 0 4px;
291
286
  width: auto;
@@ -403,9 +398,6 @@
403
398
  .e-ribbon.e-rbn:not(.e-rtl) .e-tab-header {
404
399
  left: var(--fileMenuWidth);
405
400
  }
406
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-tab .e-hscroll.e-scroll-device {
407
- padding-right: 30px;
408
- }
409
401
  .e-ribbon.e-rbn.e-rtl .e-ribbon-collapse-btn,
410
402
  .e-ribbon.e-rbn.e-rtl .e-ribbon-help-template,
411
403
  .e-ribbon.e-rbn.e-rtl .e-ribbon-group::after {
@@ -417,9 +409,6 @@
417
409
  .e-ribbon.e-rbn.e-rtl .e-tab-header {
418
410
  right: var(--fileMenuWidth);
419
411
  }
420
- .e-ribbon.e-rbn.e-rtl .e-ribbon-tab .e-hscroll.e-scroll-device {
421
- padding-left: 30px;
422
- }
423
412
 
424
413
  .e-ribbon.e-rbn,
425
414
  .e-ribbon-group-overflow-ddb {
package/styles/ribbon/material-dark.scss CHANGED
@@ -1 +1,17 @@
1
- @import 'ej2-ribbon/styles/ribbon/material-dark.scss';
1
+ @import 'ej2-base/styles/material-dark-definition.scss';
2
+ @import 'ej2-popups/styles/tooltip/material-dark-definition.scss';
3
+ @import 'ej2-buttons/styles/button/material-dark-definition.scss';
4
+ @import 'ej2-buttons/styles/check-box/material-dark-definition.scss';
5
+ @import 'ej2-splitbuttons/styles/drop-down-button/material-dark-definition.scss';
6
+ @import 'ej2-dropdowns/styles/drop-down-base/material-dark-definition.scss';
7
+ @import 'ej2-dropdowns/styles/drop-down-list/material-dark-definition.scss';
8
+ @import 'ej2-dropdowns/styles/combo-box/material-dark-definition.scss';
9
+ @import 'ej2-navigations/styles/h-scroll/material-dark-definition.scss';
10
+ @import 'ej2-navigations/styles/v-scroll/material-dark-definition.scss';
11
+ @import 'ej2-navigations/styles/context-menu/material-dark-definition.scss';
12
+ @import 'ej2-navigations/styles/toolbar/material-dark-definition.scss';
13
+ @import 'ej2-navigations/styles/menu/material-dark-definition.scss';
14
+ @import 'ej2-navigations/styles/tab/material-dark-definition.scss';
15
+ @import 'material-dark-definition.scss';
16
+ @import 'icons/material-dark.scss';
17
+ @import 'all.scss';
package/styles/ribbon/material.css CHANGED
@@ -295,9 +295,6 @@
295
295
  height: auto;
296
296
  min-height: auto;
297
297
  }
298
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
299
- box-shadow: none;
300
- }
301
298
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
302
299
  padding: 0;
303
300
  }
@@ -307,7 +304,6 @@
307
304
  min-width: auto;
308
305
  width: auto;
309
306
  border-style: solid;
310
- transform: none;
311
307
  border-width: 1px;
312
308
  border-radius: unset;
313
309
  z-index: 3;
@@ -318,7 +314,6 @@
318
314
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav .e-nav-arrow {
319
315
  font-size: 16px;
320
316
  height: auto;
321
- transform: none;
322
317
  line-height: 16px;
323
318
  padding: 0 4px;
324
319
  width: auto;
@@ -436,9 +431,6 @@
436
431
  .e-ribbon.e-rbn:not(.e-rtl) .e-tab-header {
437
432
  left: var(--fileMenuWidth);
438
433
  }
439
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-tab .e-hscroll.e-scroll-device {
440
- padding-right: 30px;
441
- }
442
434
  .e-ribbon.e-rbn.e-rtl .e-ribbon-collapse-btn,
443
435
  .e-ribbon.e-rbn.e-rtl .e-ribbon-help-template,
444
436
  .e-ribbon.e-rbn.e-rtl .e-ribbon-group::after {
@@ -450,9 +442,6 @@
450
442
  .e-ribbon.e-rbn.e-rtl .e-tab-header {
451
443
  right: var(--fileMenuWidth);
452
444
  }
453
- .e-ribbon.e-rbn.e-rtl .e-ribbon-tab .e-hscroll.e-scroll-device {
454
- padding-left: 30px;
455
- }
456
445
 
457
446
  .e-ribbon.e-rbn,
458
447
  .e-ribbon-group-overflow-ddb {