@syncfusion/ej2-ribbon 25.1.35 → 25.2.3

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 (51) hide show
  1. package/CHANGELOG.md +9 -1
  2. package/README.md +3 -3
  3. package/dist/ej2-ribbon.umd.min.js +2 -2
  4. package/dist/ej2-ribbon.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-ribbon.es2015.js +114 -81
  6. package/dist/es6/ej2-ribbon.es2015.js.map +1 -1
  7. package/dist/es6/ej2-ribbon.es5.js +114 -81
  8. package/dist/es6/ej2-ribbon.es5.js.map +1 -1
  9. package/dist/global/ej2-ribbon.min.js +2 -2
  10. package/dist/global/ej2-ribbon.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +12 -12
  13. package/src/ribbon/base/ribbon.d.ts +3 -0
  14. package/src/ribbon/base/ribbon.js +115 -82
  15. package/styles/bootstrap-dark.css +1 -1
  16. package/styles/bootstrap.css +1 -1
  17. package/styles/bootstrap4.css +1 -1
  18. package/styles/bootstrap5-dark.css +1 -1
  19. package/styles/bootstrap5.css +1 -1
  20. package/styles/fabric-dark.css +4 -4
  21. package/styles/fabric.css +1 -1
  22. package/styles/fluent-dark.css +1 -1
  23. package/styles/fluent.css +1 -1
  24. package/styles/highcontrast-light.css +1 -1
  25. package/styles/highcontrast.css +1 -1
  26. package/styles/material-dark.css +1 -1
  27. package/styles/material.css +1 -1
  28. package/styles/material3-dark.css +2 -2
  29. package/styles/material3.css +2 -2
  30. package/styles/ribbon/_fabric-dark-definition.scss +1 -1
  31. package/styles/ribbon/_layout.scss +1 -1
  32. package/styles/ribbon/_material3-definition.scss +2 -2
  33. package/styles/ribbon/bootstrap-dark.css +1 -1
  34. package/styles/ribbon/bootstrap.css +1 -1
  35. package/styles/ribbon/bootstrap4.css +1 -1
  36. package/styles/ribbon/bootstrap5-dark.css +1 -1
  37. package/styles/ribbon/bootstrap5.css +1 -1
  38. package/styles/ribbon/fabric-dark.css +4 -4
  39. package/styles/ribbon/fabric.css +1 -1
  40. package/styles/ribbon/fluent-dark.css +1 -1
  41. package/styles/ribbon/fluent.css +1 -1
  42. package/styles/ribbon/highcontrast-light.css +1 -1
  43. package/styles/ribbon/highcontrast.css +1 -1
  44. package/styles/ribbon/material-dark.css +1 -1
  45. package/styles/ribbon/material.css +1 -1
  46. package/styles/ribbon/material3-dark.css +2 -2
  47. package/styles/ribbon/material3.css +2 -2
  48. package/styles/ribbon/tailwind-dark.css +1 -1
  49. package/styles/ribbon/tailwind.css +1 -1
  50. package/styles/tailwind-dark.css +1 -1
  51. package/styles/tailwind.css +1 -1
package/styles/ribbon/fluent.css CHANGED
@@ -969,7 +969,7 @@
969
969
  padding: 0 0 0 2px;
970
970
  }
971
971
 
972
- .e-ribbon-group-overflow-ddb.e-dropdown-popup {
972
+ .e-ribbon-group-overflow-ddb.e-dropdown-popup:has(.e-ribbon-overflow-target) {
973
973
  min-width: 190px;
974
974
  }
975
975
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
package/styles/ribbon/highcontrast-light.css CHANGED
@@ -892,7 +892,7 @@
892
892
  padding: 0 0 0 2px;
893
893
  }
894
894
 
895
- .e-ribbon-group-overflow-ddb.e-dropdown-popup {
895
+ .e-ribbon-group-overflow-ddb.e-dropdown-popup:has(.e-ribbon-overflow-target) {
896
896
  min-width: 190px;
897
897
  }
898
898
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
package/styles/ribbon/highcontrast.css CHANGED
@@ -901,7 +901,7 @@
901
901
  padding: 0 0 0 2px;
902
902
  }
903
903
 
904
- .e-ribbon-group-overflow-ddb.e-dropdown-popup {
904
+ .e-ribbon-group-overflow-ddb.e-dropdown-popup:has(.e-ribbon-overflow-target) {
905
905
  min-width: 190px;
906
906
  }
907
907
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
package/styles/ribbon/material-dark.css CHANGED
@@ -954,7 +954,7 @@
954
954
  padding: 0 0 0 2px;
955
955
  }
956
956
 
957
- .e-ribbon-group-overflow-ddb.e-dropdown-popup {
957
+ .e-ribbon-group-overflow-ddb.e-dropdown-popup:has(.e-ribbon-overflow-target) {
958
958
  min-width: 190px;
959
959
  }
960
960
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
package/styles/ribbon/material.css CHANGED
@@ -987,7 +987,7 @@
987
987
  padding: 0 0 0 2px;
988
988
  }
989
989
 
990
- .e-ribbon-group-overflow-ddb.e-dropdown-popup {
990
+ .e-ribbon-group-overflow-ddb.e-dropdown-popup:has(.e-ribbon-overflow-target) {
991
991
  min-width: 190px;
992
992
  }
993
993
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
package/styles/ribbon/material3-dark.css CHANGED
@@ -1016,7 +1016,7 @@
1016
1016
  padding: 0 0 0 2px;
1017
1017
  }
1018
1018
 
1019
- .e-ribbon-group-overflow-ddb.e-dropdown-popup {
1019
+ .e-ribbon-group-overflow-ddb.e-dropdown-popup:has(.e-ribbon-overflow-target) {
1020
1020
  min-width: 190px;
1021
1021
  }
1022
1022
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
@@ -2622,7 +2622,7 @@
2622
2622
  }
2623
2623
 
2624
2624
  .e-ribbon-keytip {
2625
- background-color: rgba(var(--color-sf-black));
2625
+ background-color: rgba(var(--color-sf-inverse-surface));
2626
2626
  color: rgba(var(--color-sf-inverse-on-surface));
2627
2627
  }
2628
2628
 
package/styles/ribbon/material3.css CHANGED
@@ -1072,7 +1072,7 @@
1072
1072
  padding: 0 0 0 2px;
1073
1073
  }
1074
1074
 
1075
- .e-ribbon-group-overflow-ddb.e-dropdown-popup {
1075
+ .e-ribbon-group-overflow-ddb.e-dropdown-popup:has(.e-ribbon-overflow-target) {
1076
1076
  min-width: 190px;
1077
1077
  }
1078
1078
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
@@ -2678,7 +2678,7 @@
2678
2678
  }
2679
2679
 
2680
2680
  .e-ribbon-keytip {
2681
- background-color: rgba(var(--color-sf-black));
2681
+ background-color: rgba(var(--color-sf-inverse-surface));
2682
2682
  color: rgba(var(--color-sf-inverse-on-surface));
2683
2683
  }
2684
2684
 
package/styles/ribbon/tailwind-dark.css CHANGED
@@ -966,7 +966,7 @@
966
966
  padding: 0 0 0 2px;
967
967
  }
968
968
 
969
- .e-ribbon-group-overflow-ddb.e-dropdown-popup {
969
+ .e-ribbon-group-overflow-ddb.e-dropdown-popup:has(.e-ribbon-overflow-target) {
970
970
  min-width: 190px;
971
971
  }
972
972
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
package/styles/ribbon/tailwind.css CHANGED
@@ -966,7 +966,7 @@
966
966
  padding: 0 0 0 2px;
967
967
  }
968
968
 
969
- .e-ribbon-group-overflow-ddb.e-dropdown-popup {
969
+ .e-ribbon-group-overflow-ddb.e-dropdown-popup:has(.e-ribbon-overflow-target) {
970
970
  min-width: 190px;
971
971
  }
972
972
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
package/styles/tailwind-dark.css CHANGED
@@ -966,7 +966,7 @@
966
966
  padding: 0 0 0 2px;
967
967
  }
968
968
 
969
- .e-ribbon-group-overflow-ddb.e-dropdown-popup {
969
+ .e-ribbon-group-overflow-ddb.e-dropdown-popup:has(.e-ribbon-overflow-target) {
970
970
  min-width: 190px;
971
971
  }
972
972
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
package/styles/tailwind.css CHANGED
@@ -966,7 +966,7 @@
966
966
  padding: 0 0 0 2px;
967
967
  }
968
968
 
969
- .e-ribbon-group-overflow-ddb.e-dropdown-popup {
969
+ .e-ribbon-group-overflow-ddb.e-dropdown-popup:has(.e-ribbon-overflow-target) {
970
970
  min-width: 190px;
971
971
  }
972
972
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {