@syncfusion/ej2-ribbon 23.1.44 → 23.2.5

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 (48) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/ej2-ribbon.umd.min.js +2 -2
  3. package/dist/ej2-ribbon.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-ribbon.es2015.js +181 -8
  5. package/dist/es6/ej2-ribbon.es2015.js.map +1 -1
  6. package/dist/es6/ej2-ribbon.es5.js +181 -8
  7. package/dist/es6/ej2-ribbon.es5.js.map +1 -1
  8. package/dist/global/ej2-ribbon.min.js +2 -2
  9. package/dist/global/ej2-ribbon.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +12 -12
  12. package/src/ribbon/base/ribbon.d.ts +4 -0
  13. package/src/ribbon/base/ribbon.js +181 -8
  14. package/styles/bootstrap-dark.css +7 -3
  15. package/styles/bootstrap.css +7 -3
  16. package/styles/bootstrap4.css +7 -3
  17. package/styles/bootstrap5-dark.css +7 -3
  18. package/styles/bootstrap5.css +7 -3
  19. package/styles/fabric-dark.css +7 -3
  20. package/styles/fabric.css +7 -3
  21. package/styles/fluent-dark.css +7 -3
  22. package/styles/fluent.css +7 -3
  23. package/styles/highcontrast-light.css +7 -3
  24. package/styles/highcontrast.css +7 -3
  25. package/styles/material-dark.css +7 -3
  26. package/styles/material.css +7 -3
  27. package/styles/material3-dark.css +7 -3
  28. package/styles/material3.css +7 -3
  29. package/styles/ribbon/_layout.scss +10 -3
  30. package/styles/ribbon/bootstrap-dark.css +7 -3
  31. package/styles/ribbon/bootstrap.css +7 -3
  32. package/styles/ribbon/bootstrap4.css +7 -3
  33. package/styles/ribbon/bootstrap5-dark.css +7 -3
  34. package/styles/ribbon/bootstrap5.css +7 -3
  35. package/styles/ribbon/fabric-dark.css +7 -3
  36. package/styles/ribbon/fabric.css +7 -3
  37. package/styles/ribbon/fluent-dark.css +7 -3
  38. package/styles/ribbon/fluent.css +7 -3
  39. package/styles/ribbon/highcontrast-light.css +7 -3
  40. package/styles/ribbon/highcontrast.css +7 -3
  41. package/styles/ribbon/material-dark.css +7 -3
  42. package/styles/ribbon/material.css +7 -3
  43. package/styles/ribbon/material3-dark.css +7 -3
  44. package/styles/ribbon/material3.css +7 -3
  45. package/styles/ribbon/tailwind-dark.css +7 -3
  46. package/styles/ribbon/tailwind.css +7 -3
  47. package/styles/tailwind-dark.css +7 -3
  48. package/styles/tailwind.css +7 -3
package/styles/ribbon/highcontrast.css CHANGED
@@ -290,6 +290,10 @@
290
290
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
291
291
  outline: none;
292
292
  }
293
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
294
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
295
+ display: none;
296
+ }
293
297
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
294
298
  bottom: 0;
295
299
  position: absolute;
@@ -341,7 +345,7 @@
341
345
  padding-top: 6px;
342
346
  height: 147px;
343
347
  }
344
- .e-ribbon.e-rbn .e-ribbon-group.e-hidden {
348
+ .e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
345
349
  display: none;
346
350
  }
347
351
  .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
@@ -842,13 +846,13 @@
842
846
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
843
847
  display: none;
844
848
  }
845
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden {
849
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
846
850
  display: none;
847
851
  }
848
852
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled {
849
853
  pointer-events: none;
850
854
  }
851
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden {
855
+ .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 {
852
856
  display: none;
853
857
  }
854
858
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {
package/styles/ribbon/material-dark.css CHANGED
@@ -343,6 +343,10 @@
343
343
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
344
344
  outline: none;
345
345
  }
346
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
347
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
348
+ display: none;
349
+ }
346
350
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
347
351
  bottom: 5px;
348
352
  position: absolute;
@@ -394,7 +398,7 @@
394
398
  padding-top: 6px;
395
399
  height: 140px;
396
400
  }
397
- .e-ribbon.e-rbn .e-ribbon-group.e-hidden {
401
+ .e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
398
402
  display: none;
399
403
  }
400
404
  .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
@@ -895,13 +899,13 @@
895
899
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
896
900
  display: none;
897
901
  }
898
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden {
902
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
899
903
  display: none;
900
904
  }
901
905
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled {
902
906
  pointer-events: none;
903
907
  }
904
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden {
908
+ .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 {
905
909
  display: none;
906
910
  }
907
911
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {
package/styles/ribbon/material.css CHANGED
@@ -376,6 +376,10 @@
376
376
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
377
377
  outline: none;
378
378
  }
379
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
380
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
381
+ display: none;
382
+ }
379
383
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
380
384
  bottom: 5px;
381
385
  position: absolute;
@@ -427,7 +431,7 @@
427
431
  padding-top: 6px;
428
432
  height: 140px;
429
433
  }
430
- .e-ribbon.e-rbn .e-ribbon-group.e-hidden {
434
+ .e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
431
435
  display: none;
432
436
  }
433
437
  .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
@@ -928,13 +932,13 @@
928
932
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
929
933
  display: none;
930
934
  }
931
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden {
935
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
932
936
  display: none;
933
937
  }
934
938
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled {
935
939
  pointer-events: none;
936
940
  }
937
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden {
941
+ .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 {
938
942
  display: none;
939
943
  }
940
944
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {
package/styles/ribbon/material3-dark.css CHANGED
@@ -405,6 +405,10 @@
405
405
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
406
406
  outline: none;
407
407
  }
408
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
409
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
410
+ display: none;
411
+ }
408
412
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
409
413
  bottom: 4px;
410
414
  position: absolute;
@@ -456,7 +460,7 @@
456
460
  padding-top: 4px;
457
461
  height: 107px;
458
462
  }
459
- .e-ribbon.e-rbn .e-ribbon-group.e-hidden {
463
+ .e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
460
464
  display: none;
461
465
  }
462
466
  .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
@@ -957,13 +961,13 @@
957
961
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
958
962
  display: none;
959
963
  }
960
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden {
964
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
961
965
  display: none;
962
966
  }
963
967
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled {
964
968
  pointer-events: none;
965
969
  }
966
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden {
970
+ .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 {
967
971
  display: none;
968
972
  }
969
973
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {
package/styles/ribbon/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/ribbon/tailwind-dark.css CHANGED
@@ -355,6 +355,10 @@
355
355
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
356
356
  outline: none;
357
357
  }
358
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
359
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
360
+ display: none;
361
+ }
358
362
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
359
363
  bottom: 3px;
360
364
  position: absolute;
@@ -406,7 +410,7 @@
406
410
  padding-top: 6px;
407
411
  height: 120px;
408
412
  }
409
- .e-ribbon.e-rbn .e-ribbon-group.e-hidden {
413
+ .e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
410
414
  display: none;
411
415
  }
412
416
  .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
@@ -907,13 +911,13 @@
907
911
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
908
912
  display: none;
909
913
  }
910
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden {
914
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
911
915
  display: none;
912
916
  }
913
917
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled {
914
918
  pointer-events: none;
915
919
  }
916
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden {
920
+ .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 {
917
921
  display: none;
918
922
  }
919
923
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {
package/styles/ribbon/tailwind.css CHANGED
@@ -355,6 +355,10 @@
355
355
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
356
356
  outline: none;
357
357
  }
358
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
359
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
360
+ display: none;
361
+ }
358
362
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
359
363
  bottom: 3px;
360
364
  position: absolute;
@@ -406,7 +410,7 @@
406
410
  padding-top: 6px;
407
411
  height: 120px;
408
412
  }
409
- .e-ribbon.e-rbn .e-ribbon-group.e-hidden {
413
+ .e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
410
414
  display: none;
411
415
  }
412
416
  .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
@@ -907,13 +911,13 @@
907
911
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
908
912
  display: none;
909
913
  }
910
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden {
914
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
911
915
  display: none;
912
916
  }
913
917
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled {
914
918
  pointer-events: none;
915
919
  }
916
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden {
920
+ .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 {
917
921
  display: none;
918
922
  }
919
923
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {
package/styles/tailwind-dark.css CHANGED
@@ -355,6 +355,10 @@
355
355
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
356
356
  outline: none;
357
357
  }
358
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
359
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
360
+ display: none;
361
+ }
358
362
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
359
363
  bottom: 3px;
360
364
  position: absolute;
@@ -406,7 +410,7 @@
406
410
  padding-top: 6px;
407
411
  height: 120px;
408
412
  }
409
- .e-ribbon.e-rbn .e-ribbon-group.e-hidden {
413
+ .e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
410
414
  display: none;
411
415
  }
412
416
  .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
@@ -907,13 +911,13 @@
907
911
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
908
912
  display: none;
909
913
  }
910
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden {
914
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
911
915
  display: none;
912
916
  }
913
917
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled {
914
918
  pointer-events: none;
915
919
  }
916
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden {
920
+ .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 {
917
921
  display: none;
918
922
  }
919
923
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {
package/styles/tailwind.css CHANGED
@@ -355,6 +355,10 @@
355
355
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
356
356
  outline: none;
357
357
  }
358
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
359
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
360
+ display: none;
361
+ }
358
362
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
359
363
  bottom: 3px;
360
364
  position: absolute;
@@ -406,7 +410,7 @@
406
410
  padding-top: 6px;
407
411
  height: 120px;
408
412
  }
409
- .e-ribbon.e-rbn .e-ribbon-group.e-hidden {
413
+ .e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
410
414
  display: none;
411
415
  }
412
416
  .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
@@ -907,13 +911,13 @@
907
911
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
908
912
  display: none;
909
913
  }
910
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden {
914
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
911
915
  display: none;
912
916
  }
913
917
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled {
914
918
  pointer-events: none;
915
919
  }
916
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden {
920
+ .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 {
917
921
  display: none;
918
922
  }
919
923
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {