@syncfusion/ej2-angular-ribbon 23.2.4 → 23.2.5-ngcc

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 (138) hide show
  1. package/@syncfusion/ej2-angular-ribbon.es5.js +584 -0
  2. package/@syncfusion/ej2-angular-ribbon.es5.js.map +1 -0
  3. package/@syncfusion/ej2-angular-ribbon.js +544 -0
  4. package/@syncfusion/ej2-angular-ribbon.js.map +1 -0
  5. package/CHANGELOG.md +61 -0
  6. package/dist/ej2-angular-ribbon.umd.js +759 -0
  7. package/dist/ej2-angular-ribbon.umd.js.map +1 -0
  8. package/dist/ej2-angular-ribbon.umd.min.js +11 -0
  9. package/dist/ej2-angular-ribbon.umd.min.js.map +1 -0
  10. package/ej2-angular-ribbon.d.ts +5 -0
  11. package/ej2-angular-ribbon.metadata.json +1 -0
  12. package/package.json +14 -28
  13. package/postinstall/tagchange.js +18 -0
  14. package/schematics/collection.json +10 -0
  15. package/schematics/ng-add/index.d.ts +3 -0
  16. package/schematics/ng-add/index.js +9 -0
  17. package/schematics/ng-add/index.ts +10 -0
  18. package/schematics/ng-add/schema.d.ts +13 -0
  19. package/schematics/ng-add/schema.js +2 -0
  20. package/schematics/ng-add/schema.json +34 -0
  21. package/schematics/ng-add/schema.ts +30 -0
  22. package/schematics/tsconfig.json +25 -0
  23. package/schematics/utils/lib-details.d.ts +4 -0
  24. package/schematics/utils/lib-details.js +6 -0
  25. package/schematics/utils/lib-details.ts +4 -0
  26. package/src/ribbon/collections.directive.d.ts +0 -5
  27. package/src/ribbon/groups.directive.d.ts +0 -5
  28. package/src/ribbon/items.directive.d.ts +0 -5
  29. package/src/ribbon/ribbon-all.module.d.ts +0 -6
  30. package/src/ribbon/ribbon.component.d.ts +0 -3
  31. package/src/ribbon/ribbon.module.d.ts +0 -10
  32. package/src/ribbon/tabs.directive.d.ts +0 -5
  33. package/styles/bootstrap-dark.css +7 -3
  34. package/styles/bootstrap.css +7 -3
  35. package/styles/bootstrap4.css +7 -3
  36. package/styles/bootstrap5-dark.css +7 -3
  37. package/styles/bootstrap5.css +7 -3
  38. package/styles/fabric-dark.css +7 -3
  39. package/styles/fabric.css +7 -3
  40. package/styles/fluent-dark.css +7 -3
  41. package/styles/fluent.css +7 -3
  42. package/styles/highcontrast-light.css +7 -3
  43. package/styles/highcontrast.css +7 -3
  44. package/styles/material-dark.css +7 -3
  45. package/styles/material.css +7 -3
  46. package/styles/material3-dark.css +7 -3
  47. package/styles/material3-dark.scss +0 -1
  48. package/styles/material3.css +7 -3
  49. package/styles/material3.scss +0 -1
  50. package/styles/ribbon/bootstrap-dark.css +7 -3
  51. package/styles/ribbon/bootstrap-dark.scss +1 -18
  52. package/styles/ribbon/bootstrap.css +7 -3
  53. package/styles/ribbon/bootstrap.scss +1 -18
  54. package/styles/ribbon/bootstrap4.css +7 -3
  55. package/styles/ribbon/bootstrap4.scss +1 -18
  56. package/styles/ribbon/bootstrap5-dark.css +7 -3
  57. package/styles/ribbon/bootstrap5-dark.scss +1 -18
  58. package/styles/ribbon/bootstrap5.css +7 -3
  59. package/styles/ribbon/bootstrap5.scss +1 -18
  60. package/styles/ribbon/fabric-dark.css +7 -3
  61. package/styles/ribbon/fabric-dark.scss +1 -18
  62. package/styles/ribbon/fabric.css +7 -3
  63. package/styles/ribbon/fabric.scss +1 -18
  64. package/styles/ribbon/fluent-dark.css +7 -3
  65. package/styles/ribbon/fluent-dark.scss +1 -18
  66. package/styles/ribbon/fluent.css +7 -3
  67. package/styles/ribbon/fluent.scss +1 -18
  68. package/styles/ribbon/highcontrast-light.css +7 -3
  69. package/styles/ribbon/highcontrast-light.scss +1 -17
  70. package/styles/ribbon/highcontrast.css +7 -3
  71. package/styles/ribbon/highcontrast.scss +1 -18
  72. package/styles/ribbon/material-dark.css +7 -3
  73. package/styles/ribbon/material-dark.scss +1 -18
  74. package/styles/ribbon/material.css +7 -3
  75. package/styles/ribbon/material.scss +1 -18
  76. package/styles/ribbon/material3-dark.css +7 -3
  77. package/styles/ribbon/material3-dark.scss +1 -18
  78. package/styles/ribbon/material3.css +7 -3
  79. package/styles/ribbon/material3.scss +1 -18
  80. package/styles/ribbon/tailwind-dark.css +7 -3
  81. package/styles/ribbon/tailwind-dark.scss +1 -18
  82. package/styles/ribbon/tailwind.css +7 -3
  83. package/styles/ribbon/tailwind.scss +1 -18
  84. package/styles/tailwind-dark.css +7 -3
  85. package/styles/tailwind.css +7 -3
  86. package/esm2020/public_api.mjs +0 -3
  87. package/esm2020/src/index.mjs +0 -9
  88. package/esm2020/src/ribbon/collections.directive.mjs +0 -70
  89. package/esm2020/src/ribbon/groups.directive.mjs +0 -66
  90. package/esm2020/src/ribbon/items.directive.mjs +0 -78
  91. package/esm2020/src/ribbon/ribbon-all.module.mjs +0 -53
  92. package/esm2020/src/ribbon/ribbon.component.mjs +0 -134
  93. package/esm2020/src/ribbon/ribbon.module.mjs +0 -61
  94. package/esm2020/src/ribbon/tabs.directive.mjs +0 -62
  95. package/esm2020/syncfusion-ej2-angular-ribbon.mjs +0 -5
  96. package/fesm2015/syncfusion-ej2-angular-ribbon.mjs +0 -502
  97. package/fesm2015/syncfusion-ej2-angular-ribbon.mjs.map +0 -1
  98. package/fesm2020/syncfusion-ej2-angular-ribbon.mjs +0 -502
  99. package/fesm2020/syncfusion-ej2-angular-ribbon.mjs.map +0 -1
  100. package/styles/ribbon/_all.scss +0 -2
  101. package/styles/ribbon/_bootstrap-dark-definition.scss +0 -275
  102. package/styles/ribbon/_bootstrap-definition.scss +0 -275
  103. package/styles/ribbon/_bootstrap4-definition.scss +0 -275
  104. package/styles/ribbon/_bootstrap5-dark-definition.scss +0 -1
  105. package/styles/ribbon/_bootstrap5-definition.scss +0 -275
  106. package/styles/ribbon/_fabric-dark-definition.scss +0 -275
  107. package/styles/ribbon/_fabric-definition.scss +0 -275
  108. package/styles/ribbon/_fluent-dark-definition.scss +0 -1
  109. package/styles/ribbon/_fluent-definition.scss +0 -275
  110. package/styles/ribbon/_fusionnew-definition.scss +0 -275
  111. package/styles/ribbon/_highcontrast-definition.scss +0 -275
  112. package/styles/ribbon/_highcontrast-light-definition.scss +0 -275
  113. package/styles/ribbon/_layout.scss +0 -1402
  114. package/styles/ribbon/_material-dark-definition.scss +0 -275
  115. package/styles/ribbon/_material-definition.scss +0 -275
  116. package/styles/ribbon/_material3-dark-definition.scss +0 -1
  117. package/styles/ribbon/_material3-definition.scss +0 -276
  118. package/styles/ribbon/_tailwind-dark-definition.scss +0 -1
  119. package/styles/ribbon/_tailwind-definition.scss +0 -275
  120. package/styles/ribbon/_theme.scss +0 -486
  121. package/styles/ribbon/icons/_bootstrap-dark.scss +0 -9
  122. package/styles/ribbon/icons/_bootstrap.scss +0 -9
  123. package/styles/ribbon/icons/_bootstrap4.scss +0 -9
  124. package/styles/ribbon/icons/_bootstrap5-dark.scss +0 -1
  125. package/styles/ribbon/icons/_bootstrap5.scss +0 -9
  126. package/styles/ribbon/icons/_fabric-dark.scss +0 -9
  127. package/styles/ribbon/icons/_fabric.scss +0 -9
  128. package/styles/ribbon/icons/_fluent-dark.scss +0 -1
  129. package/styles/ribbon/icons/_fluent.scss +0 -9
  130. package/styles/ribbon/icons/_fusionnew.scss +0 -9
  131. package/styles/ribbon/icons/_highcontrast.scss +0 -9
  132. package/styles/ribbon/icons/_material-dark.scss +0 -9
  133. package/styles/ribbon/icons/_material.scss +0 -9
  134. package/styles/ribbon/icons/_material3-dark.scss +0 -1
  135. package/styles/ribbon/icons/_material3.scss +0 -9
  136. package/styles/ribbon/icons/_tailwind-dark.scss +0 -9
  137. package/styles/ribbon/icons/_tailwind.scss +0 -9
  138. package/syncfusion-ej2-angular-ribbon.d.ts +0 -5
package/styles/material3-dark.scss CHANGED
@@ -1,3 +1,2 @@
1
1
 
2
-
3
2
  @import 'ribbon/material3-dark.scss';
package/styles/material3.css CHANGED
@@ -461,6 +461,10 @@
461
461
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
462
462
  outline: none;
463
463
  }
464
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
465
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
466
+ display: none;
467
+ }
464
468
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
465
469
  bottom: 4px;
466
470
  position: absolute;
@@ -512,7 +516,7 @@
512
516
  padding-top: 4px;
513
517
  height: 107px;
514
518
  }
515
- .e-ribbon.e-rbn .e-ribbon-group.e-hidden {
519
+ .e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
516
520
  display: none;
517
521
  }
518
522
  .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
@@ -1013,13 +1017,13 @@
1013
1017
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
1014
1018
  display: none;
1015
1019
  }
1016
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden {
1020
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
1017
1021
  display: none;
1018
1022
  }
1019
1023
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled {
1020
1024
  pointer-events: none;
1021
1025
  }
1022
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden {
1026
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hide-group {
1023
1027
  display: none;
1024
1028
  }
1025
1029
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {
package/styles/material3.scss CHANGED
@@ -1,3 +1,2 @@
1
1
 
2
-
3
2
  @import 'ribbon/material3.scss';
package/styles/ribbon/bootstrap-dark.css CHANGED
@@ -298,6 +298,10 @@
298
298
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
299
299
  outline: none;
300
300
  }
301
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
302
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
303
+ display: none;
304
+ }
301
305
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
302
306
  bottom: 4px;
303
307
  position: absolute;
@@ -349,7 +353,7 @@
349
353
  padding-top: 6px;
350
354
  height: 140px;
351
355
  }
352
- .e-ribbon.e-rbn .e-ribbon-group.e-hidden {
356
+ .e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
353
357
  display: none;
354
358
  }
355
359
  .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
@@ -850,13 +854,13 @@
850
854
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
851
855
  display: none;
852
856
  }
853
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden {
857
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
854
858
  display: none;
855
859
  }
856
860
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled {
857
861
  pointer-events: none;
858
862
  }
859
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden {
863
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hide-group {
860
864
  display: none;
861
865
  }
862
866
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {
package/styles/ribbon/bootstrap-dark.scss CHANGED
@@ -1,18 +1 @@
1
- @import 'ej2-base/styles/definition/bootstrap-dark.scss';
2
- @import 'ej2-popups/styles/tooltip/bootstrap-dark-definition.scss';
3
- @import 'ej2-buttons/styles/button/bootstrap-dark-definition.scss';
4
- @import 'ej2-buttons/styles/check-box/bootstrap-dark-definition.scss';
5
- @import 'ej2-splitbuttons/styles/drop-down-button/bootstrap-dark-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-base/bootstrap-dark-definition.scss';
7
- @import 'ej2-dropdowns/styles/drop-down-list/bootstrap-dark-definition.scss';
8
- @import 'ej2-dropdowns/styles/combo-box/bootstrap-dark-definition.scss';
9
- @import 'ej2-navigations/styles/h-scroll/bootstrap-dark-definition.scss';
10
- @import 'ej2-navigations/styles/v-scroll/bootstrap-dark-definition.scss';
11
- @import 'ej2-navigations/styles/context-menu/bootstrap-dark-definition.scss';
12
- @import 'ej2-navigations/styles/toolbar/bootstrap-dark-definition.scss';
13
- @import 'ej2-navigations/styles/menu/bootstrap-dark-definition.scss';
14
- @import 'ej2-navigations/styles/tab/bootstrap-dark-definition.scss';
15
- @import 'ej2-inputs/styles/color-picker/bootstrap-dark-definition.scss';
16
- @import 'bootstrap-dark-definition.scss';
17
- @import 'icons/bootstrap-dark.scss';
18
- @import 'all.scss';
1
+ @import 'ej2-ribbon/styles/ribbon/bootstrap-dark.scss';
package/styles/ribbon/bootstrap.css CHANGED
@@ -303,6 +303,10 @@
303
303
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
304
304
  outline: none;
305
305
  }
306
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
307
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
308
+ display: none;
309
+ }
306
310
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
307
311
  bottom: 4px;
308
312
  position: absolute;
@@ -354,7 +358,7 @@
354
358
  padding-top: 6px;
355
359
  height: 140px;
356
360
  }
357
- .e-ribbon.e-rbn .e-ribbon-group.e-hidden {
361
+ .e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
358
362
  display: none;
359
363
  }
360
364
  .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
@@ -855,13 +859,13 @@
855
859
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
856
860
  display: none;
857
861
  }
858
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden {
862
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
859
863
  display: none;
860
864
  }
861
865
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled {
862
866
  pointer-events: none;
863
867
  }
864
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden {
868
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hide-group {
865
869
  display: none;
866
870
  }
867
871
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {
package/styles/ribbon/bootstrap.scss CHANGED
@@ -1,18 +1 @@
1
- @import 'ej2-base/styles/definition/bootstrap.scss';
2
- @import 'ej2-popups/styles/tooltip/bootstrap-definition.scss';
3
- @import 'ej2-buttons/styles/button/bootstrap-definition.scss';
4
- @import 'ej2-buttons/styles/check-box/bootstrap-definition.scss';
5
- @import 'ej2-splitbuttons/styles/drop-down-button/bootstrap-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-base/bootstrap-definition.scss';
7
- @import 'ej2-dropdowns/styles/drop-down-list/bootstrap-definition.scss';
8
- @import 'ej2-dropdowns/styles/combo-box/bootstrap-definition.scss';
9
- @import 'ej2-navigations/styles/h-scroll/bootstrap-definition.scss';
10
- @import 'ej2-navigations/styles/v-scroll/bootstrap-definition.scss';
11
- @import 'ej2-navigations/styles/context-menu/bootstrap-definition.scss';
12
- @import 'ej2-navigations/styles/toolbar/bootstrap-definition.scss';
13
- @import 'ej2-navigations/styles/menu/bootstrap-definition.scss';
14
- @import 'ej2-navigations/styles/tab/bootstrap-definition.scss';
15
- @import 'ej2-inputs/styles/color-picker/bootstrap-definition.scss';
16
- @import 'bootstrap-definition.scss';
17
- @import 'icons/bootstrap.scss';
18
- @import 'all.scss';
1
+ @import 'ej2-ribbon/styles/ribbon/bootstrap.scss';
package/styles/ribbon/bootstrap4.css CHANGED
@@ -364,6 +364,10 @@
364
364
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
365
365
  outline: none;
366
366
  }
367
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
368
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
369
+ display: none;
370
+ }
367
371
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
368
372
  bottom: 4px;
369
373
  position: absolute;
@@ -415,7 +419,7 @@
415
419
  padding-top: 6px;
416
420
  height: 134px;
417
421
  }
418
- .e-ribbon.e-rbn .e-ribbon-group.e-hidden {
422
+ .e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
419
423
  display: none;
420
424
  }
421
425
  .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
@@ -916,13 +920,13 @@
916
920
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
917
921
  display: none;
918
922
  }
919
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden {
923
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
920
924
  display: none;
921
925
  }
922
926
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled {
923
927
  pointer-events: none;
924
928
  }
925
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden {
929
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hide-group {
926
930
  display: none;
927
931
  }
928
932
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {
package/styles/ribbon/bootstrap4.scss CHANGED
@@ -1,18 +1 @@
1
- @import 'ej2-base/styles/definition/bootstrap4.scss';
2
- @import 'ej2-popups/styles/tooltip/bootstrap4-definition.scss';
3
- @import 'ej2-buttons/styles/button/bootstrap4-definition.scss';
4
- @import 'ej2-buttons/styles/check-box/bootstrap4-definition.scss';
5
- @import 'ej2-splitbuttons/styles/drop-down-button/bootstrap4-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-base/bootstrap4-definition.scss';
7
- @import 'ej2-dropdowns/styles/drop-down-list/bootstrap4-definition.scss';
8
- @import 'ej2-dropdowns/styles/combo-box/bootstrap4-definition.scss';
9
- @import 'ej2-navigations/styles/h-scroll/bootstrap4-definition.scss';
10
- @import 'ej2-navigations/styles/v-scroll/bootstrap4-definition.scss';
11
- @import 'ej2-navigations/styles/context-menu/bootstrap4-definition.scss';
12
- @import 'ej2-navigations/styles/toolbar/bootstrap4-definition.scss';
13
- @import 'ej2-navigations/styles/menu/bootstrap4-definition.scss';
14
- @import 'ej2-navigations/styles/tab/bootstrap4-definition.scss';
15
- @import 'ej2-inputs/styles/color-picker/bootstrap4-definition.scss';
16
- @import 'bootstrap4-definition.scss';
17
- @import 'icons/bootstrap4.scss';
18
- @import 'all.scss';
1
+ @import 'ej2-ribbon/styles/ribbon/bootstrap4.scss';
package/styles/ribbon/bootstrap5-dark.css CHANGED
@@ -382,6 +382,10 @@
382
382
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
383
383
  outline: none;
384
384
  }
385
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
386
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
387
+ display: none;
388
+ }
385
389
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
386
390
  bottom: 3px;
387
391
  position: absolute;
@@ -433,7 +437,7 @@
433
437
  padding-top: 6px;
434
438
  height: 120px;
435
439
  }
436
- .e-ribbon.e-rbn .e-ribbon-group.e-hidden {
440
+ .e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
437
441
  display: none;
438
442
  }
439
443
  .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
@@ -934,13 +938,13 @@
934
938
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
935
939
  display: none;
936
940
  }
937
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden {
941
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
938
942
  display: none;
939
943
  }
940
944
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled {
941
945
  pointer-events: none;
942
946
  }
943
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden {
947
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hide-group {
944
948
  display: none;
945
949
  }
946
950
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {
package/styles/ribbon/bootstrap5-dark.scss CHANGED
@@ -1,18 +1 @@
1
- @import 'ej2-base/styles/definition/bootstrap5-dark.scss';
2
- @import 'ej2-popups/styles/tooltip/bootstrap5-dark-definition.scss';
3
- @import 'ej2-buttons/styles/button/bootstrap5-dark-definition.scss';
4
- @import 'ej2-buttons/styles/check-box/bootstrap5-dark-definition.scss';
5
- @import 'ej2-splitbuttons/styles/drop-down-button/bootstrap5-dark-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-base/bootstrap5-dark-definition.scss';
7
- @import 'ej2-dropdowns/styles/drop-down-list/bootstrap5-dark-definition.scss';
8
- @import 'ej2-dropdowns/styles/combo-box/bootstrap5-dark-definition.scss';
9
- @import 'ej2-navigations/styles/h-scroll/bootstrap5-dark-definition.scss';
10
- @import 'ej2-navigations/styles/v-scroll/bootstrap5-dark-definition.scss';
11
- @import 'ej2-navigations/styles/context-menu/bootstrap5-dark-definition.scss';
12
- @import 'ej2-navigations/styles/toolbar/bootstrap5-dark-definition.scss';
13
- @import 'ej2-navigations/styles/menu/bootstrap5-dark-definition.scss';
14
- @import 'ej2-navigations/styles/tab/bootstrap5-dark-definition.scss';
15
- @import 'ej2-inputs/styles/color-picker/bootstrap5-dark-definition.scss';
16
- @import 'bootstrap5-dark-definition.scss';
17
- @import 'icons/bootstrap5-dark.scss';
18
- @import 'all.scss';
1
+ @import 'ej2-ribbon/styles/ribbon/bootstrap5-dark.scss';
package/styles/ribbon/bootstrap5.css CHANGED
@@ -382,6 +382,10 @@
382
382
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
383
383
  outline: none;
384
384
  }
385
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
386
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
387
+ display: none;
388
+ }
385
389
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
386
390
  bottom: 3px;
387
391
  position: absolute;
@@ -433,7 +437,7 @@
433
437
  padding-top: 6px;
434
438
  height: 120px;
435
439
  }
436
- .e-ribbon.e-rbn .e-ribbon-group.e-hidden {
440
+ .e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
437
441
  display: none;
438
442
  }
439
443
  .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
@@ -934,13 +938,13 @@
934
938
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
935
939
  display: none;
936
940
  }
937
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden {
941
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
938
942
  display: none;
939
943
  }
940
944
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled {
941
945
  pointer-events: none;
942
946
  }
943
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden {
947
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hide-group {
944
948
  display: none;
945
949
  }
946
950
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {
package/styles/ribbon/bootstrap5.scss CHANGED
@@ -1,18 +1 @@
1
- @import 'ej2-base/styles/definition/bootstrap5.scss';
2
- @import 'ej2-popups/styles/tooltip/bootstrap5-definition.scss';
3
- @import 'ej2-buttons/styles/button/bootstrap5-definition.scss';
4
- @import 'ej2-buttons/styles/check-box/bootstrap5-definition.scss';
5
- @import 'ej2-splitbuttons/styles/drop-down-button/bootstrap5-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-base/bootstrap5-definition.scss';
7
- @import 'ej2-dropdowns/styles/drop-down-list/bootstrap5-definition.scss';
8
- @import 'ej2-dropdowns/styles/combo-box/bootstrap5-definition.scss';
9
- @import 'ej2-navigations/styles/h-scroll/bootstrap5-definition.scss';
10
- @import 'ej2-navigations/styles/v-scroll/bootstrap5-definition.scss';
11
- @import 'ej2-navigations/styles/context-menu/bootstrap5-definition.scss';
12
- @import 'ej2-navigations/styles/toolbar/bootstrap5-definition.scss';
13
- @import 'ej2-navigations/styles/menu/bootstrap5-definition.scss';
14
- @import 'ej2-navigations/styles/tab/bootstrap5-definition.scss';
15
- @import 'ej2-inputs/styles/color-picker/bootstrap5-definition.scss';
16
- @import 'bootstrap5-definition.scss';
17
- @import 'icons/bootstrap5.scss';
18
- @import 'all.scss';
1
+ @import 'ej2-ribbon/styles/ribbon/bootstrap5.scss';
package/styles/ribbon/fabric-dark.css CHANGED
@@ -274,6 +274,10 @@
274
274
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
275
275
  outline: none;
276
276
  }
277
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
278
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
279
+ display: none;
280
+ }
277
281
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
278
282
  bottom: 0;
279
283
  position: absolute;
@@ -325,7 +329,7 @@
325
329
  padding-top: 6px;
326
330
  height: 135px;
327
331
  }
328
- .e-ribbon.e-rbn .e-ribbon-group.e-hidden {
332
+ .e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
329
333
  display: none;
330
334
  }
331
335
  .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
@@ -826,13 +830,13 @@
826
830
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
827
831
  display: none;
828
832
  }
829
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden {
833
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
830
834
  display: none;
831
835
  }
832
836
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled {
833
837
  pointer-events: none;
834
838
  }
835
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden {
839
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hide-group {
836
840
  display: none;
837
841
  }
838
842
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {
package/styles/ribbon/fabric-dark.scss CHANGED
@@ -1,18 +1 @@
1
- @import 'ej2-base/styles/definition/fabric-dark.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 'ej2-inputs/styles/color-picker/fabric-dark-definition.scss';
16
- @import 'fabric-dark-definition.scss';
17
- @import 'icons/fabric-dark.scss';
18
- @import 'all.scss';
1
+ @import 'ej2-ribbon/styles/ribbon/fabric-dark.scss';
package/styles/ribbon/fabric.css CHANGED
@@ -272,6 +272,10 @@
272
272
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
273
273
  outline: none;
274
274
  }
275
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
276
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
277
+ display: none;
278
+ }
275
279
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
276
280
  bottom: 0;
277
281
  position: absolute;
@@ -323,7 +327,7 @@
323
327
  padding-top: 4px;
324
328
  height: 133px;
325
329
  }
326
- .e-ribbon.e-rbn .e-ribbon-group.e-hidden {
330
+ .e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
327
331
  display: none;
328
332
  }
329
333
  .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
@@ -824,13 +828,13 @@
824
828
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
825
829
  display: none;
826
830
  }
827
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden {
831
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
828
832
  display: none;
829
833
  }
830
834
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled {
831
835
  pointer-events: none;
832
836
  }
833
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden {
837
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hide-group {
834
838
  display: none;
835
839
  }
836
840
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {
package/styles/ribbon/fabric.scss CHANGED
@@ -1,18 +1 @@
1
- @import 'ej2-base/styles/definition/fabric.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 'ej2-inputs/styles/color-picker/fabric-definition.scss';
16
- @import 'fabric-definition.scss';
17
- @import 'icons/fabric.scss';
18
- @import 'all.scss';
1
+ @import 'ej2-ribbon/styles/ribbon/fabric.scss';
package/styles/ribbon/fluent-dark.css CHANGED
@@ -358,6 +358,10 @@
358
358
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
359
359
  outline: none;
360
360
  }
361
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
362
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
363
+ display: none;
364
+ }
361
365
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
362
366
  bottom: 3px;
363
367
  position: absolute;
@@ -409,7 +413,7 @@
409
413
  padding-top: 6px;
410
414
  height: 120px;
411
415
  }
412
- .e-ribbon.e-rbn .e-ribbon-group.e-hidden {
416
+ .e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
413
417
  display: none;
414
418
  }
415
419
  .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
@@ -910,13 +914,13 @@
910
914
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
911
915
  display: none;
912
916
  }
913
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden {
917
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
914
918
  display: none;
915
919
  }
916
920
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled {
917
921
  pointer-events: none;
918
922
  }
919
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden {
923
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hide-group {
920
924
  display: none;
921
925
  }
922
926
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {
package/styles/ribbon/fluent-dark.scss CHANGED
@@ -1,18 +1 @@
1
- @import 'ej2-base/styles/definition/fluent-dark.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 'ej2-inputs/styles/color-picker/fluent-dark-definition.scss';
16
- @import 'fluent-dark-definition.scss';
17
- @import 'icons/fluent-dark.scss';
18
- @import 'all.scss';
1
+ @import 'ej2-ribbon/styles/ribbon/fluent-dark.scss';
package/styles/ribbon/fluent.css CHANGED
@@ -358,6 +358,10 @@
358
358
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
359
359
  outline: none;
360
360
  }
361
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
362
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
363
+ display: none;
364
+ }
361
365
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
362
366
  bottom: 3px;
363
367
  position: absolute;
@@ -409,7 +413,7 @@
409
413
  padding-top: 6px;
410
414
  height: 120px;
411
415
  }
412
- .e-ribbon.e-rbn .e-ribbon-group.e-hidden {
416
+ .e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
413
417
  display: none;
414
418
  }
415
419
  .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
@@ -910,13 +914,13 @@
910
914
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
911
915
  display: none;
912
916
  }
913
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden {
917
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
914
918
  display: none;
915
919
  }
916
920
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled {
917
921
  pointer-events: none;
918
922
  }
919
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden {
923
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hide-group {
920
924
  display: none;
921
925
  }
922
926
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {
package/styles/ribbon/fluent.scss CHANGED
@@ -1,18 +1 @@
1
- @import 'ej2-base/styles/definition/fluent.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 'ej2-inputs/styles/color-picker/fluent-definition.scss';
16
- @import 'fluent-definition.scss';
17
- @import 'icons/fluent.scss';
18
- @import 'all.scss';
1
+ @import 'ej2-ribbon/styles/ribbon/fluent.scss';
package/styles/ribbon/highcontrast-light.css CHANGED
@@ -281,6 +281,10 @@
281
281
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
282
282
  outline: none;
283
283
  }
284
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
285
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
286
+ display: none;
287
+ }
284
288
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
285
289
  bottom: 0;
286
290
  position: absolute;
@@ -332,7 +336,7 @@
332
336
  padding-top: 6px;
333
337
  height: 147px;
334
338
  }
335
- .e-ribbon.e-rbn .e-ribbon-group.e-hidden {
339
+ .e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
336
340
  display: none;
337
341
  }
338
342
  .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
@@ -833,13 +837,13 @@
833
837
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
834
838
  display: none;
835
839
  }
836
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden {
840
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
837
841
  display: none;
838
842
  }
839
843
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled {
840
844
  pointer-events: none;
841
845
  }
842
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden {
846
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hide-group {
843
847
  display: none;
844
848
  }
845
849
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {
package/styles/ribbon/highcontrast-light.scss CHANGED
@@ -1,17 +1 @@
1
- @import 'ej2-base/styles/definition/highcontrast-light.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 'ej2-inputs/styles/color-picker/highcontrast-light-definition.scss';
16
- @import 'highcontrast-light-definition.scss';
17
- @import 'all.scss';
1
+ @import 'ej2-ribbon/styles/ribbon/highcontrast-light.scss';