@syncfusion/ej2-ribbon 21.2.3 → 22.1.34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (86) hide show
  1. package/.eslintrc.json +1 -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 +1249 -161
  5. package/dist/es6/ej2-ribbon.es2015.js.map +1 -1
  6. package/dist/es6/ej2-ribbon.es5.js +1270 -176
  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 +16 -13
  12. package/src/ribbon/base/interface.d.ts +6 -6
  13. package/src/ribbon/base/interface.js +6 -6
  14. package/src/ribbon/base/ribbon-model.d.ts +2 -2
  15. package/src/ribbon/base/ribbon.d.ts +43 -1
  16. package/src/ribbon/base/ribbon.js +1074 -163
  17. package/src/ribbon/base/utils.d.ts +2 -2
  18. package/src/ribbon/base/utils.js +11 -6
  19. package/src/ribbon/items/ribbon-button.js +1 -0
  20. package/src/ribbon/items/ribbon-checkbox.js +1 -0
  21. package/src/ribbon/items/ribbon-colorpicker.js +1 -0
  22. package/src/ribbon/items/ribbon-combobox.js +1 -0
  23. package/src/ribbon/items/ribbon-dropdown.d.ts +7 -1
  24. package/src/ribbon/items/ribbon-dropdown.js +152 -1
  25. package/src/ribbon/items/ribbon-splitbutton.js +24 -0
  26. package/src/ribbon/models/ribbon-combobox-settings-model.d.ts +10 -5
  27. package/src/ribbon/models/ribbon-combobox-settings.d.ts +10 -5
  28. package/src/ribbon/models/ribbon-file-menu-settings-model.d.ts +3 -1
  29. package/src/ribbon/models/ribbon-file-menu-settings.d.ts +3 -1
  30. package/src/ribbon/models/ribbon-item-model.d.ts +1 -1
  31. package/src/ribbon/models/ribbon-item.d.ts +1 -1
  32. package/styles/bootstrap-dark.css +26 -0
  33. package/styles/bootstrap.css +26 -0
  34. package/styles/bootstrap4.css +26 -0
  35. package/styles/bootstrap5-dark.css +26 -0
  36. package/styles/bootstrap5.css +26 -0
  37. package/styles/fabric-dark.css +26 -0
  38. package/styles/fabric.css +26 -0
  39. package/styles/fluent-dark.css +26 -0
  40. package/styles/fluent.css +26 -0
  41. package/styles/highcontrast-light.css +26 -0
  42. package/styles/highcontrast.css +30 -4
  43. package/styles/material-dark.css +26 -0
  44. package/styles/material.css +26 -0
  45. package/styles/material3-dark.css +1671 -0
  46. package/styles/material3-dark.scss +3 -0
  47. package/styles/material3.css +1727 -0
  48. package/styles/material3.scss +3 -0
  49. package/styles/ribbon/_bootstrap-dark-definition.scss +4 -0
  50. package/styles/ribbon/_bootstrap-definition.scss +4 -0
  51. package/styles/ribbon/_bootstrap4-definition.scss +4 -0
  52. package/styles/ribbon/_bootstrap5-definition.scss +4 -0
  53. package/styles/ribbon/_fabric-dark-definition.scss +4 -0
  54. package/styles/ribbon/_fabric-definition.scss +4 -0
  55. package/styles/ribbon/_fluent-definition.scss +4 -0
  56. package/styles/ribbon/_fusionnew-definition.scss +4 -0
  57. package/styles/ribbon/_highcontrast-definition.scss +6 -2
  58. package/styles/ribbon/_highcontrast-light-definition.scss +4 -0
  59. package/styles/ribbon/_layout.scss +27 -0
  60. package/styles/ribbon/_material-dark-definition.scss +4 -0
  61. package/styles/ribbon/_material-definition.scss +4 -0
  62. package/styles/ribbon/_material3-dark-definition.scss +1 -0
  63. package/styles/ribbon/_material3-definition.scss +210 -0
  64. package/styles/ribbon/_tailwind-definition.scss +4 -0
  65. package/styles/ribbon/bootstrap-dark.css +26 -0
  66. package/styles/ribbon/bootstrap.css +26 -0
  67. package/styles/ribbon/bootstrap4.css +26 -0
  68. package/styles/ribbon/bootstrap5-dark.css +26 -0
  69. package/styles/ribbon/bootstrap5.css +26 -0
  70. package/styles/ribbon/fabric-dark.css +26 -0
  71. package/styles/ribbon/fabric.css +26 -0
  72. package/styles/ribbon/fluent-dark.css +26 -0
  73. package/styles/ribbon/fluent.css +26 -0
  74. package/styles/ribbon/highcontrast-light.css +26 -0
  75. package/styles/ribbon/highcontrast.css +30 -4
  76. package/styles/ribbon/icons/_material3-dark.scss +1 -0
  77. package/styles/ribbon/material-dark.css +26 -0
  78. package/styles/ribbon/material.css +26 -0
  79. package/styles/ribbon/material3-dark.css +1671 -0
  80. package/styles/ribbon/material3-dark.scss +18 -0
  81. package/styles/ribbon/material3.css +1727 -0
  82. package/styles/ribbon/material3.scss +18 -0
  83. package/styles/ribbon/tailwind-dark.css +26 -0
  84. package/styles/ribbon/tailwind.css +26 -0
  85. package/styles/tailwind-dark.css +26 -0
  86. package/styles/tailwind.css +26 -0
package/styles/material-dark.css CHANGED
@@ -184,6 +184,7 @@
184
184
  border-width: 0 0 1px 0;
185
185
  font-size: 14px;
186
186
  font-weight: 400;
187
+ box-shadow: none;
187
188
  }
188
189
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu.e-active {
189
190
  border-radius: unset;
@@ -321,6 +322,7 @@
321
322
  border: none;
322
323
  height: 32px;
323
324
  margin: auto;
325
+ box-shadow: none;
324
326
  }
325
327
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
326
328
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon {
@@ -460,6 +462,8 @@
460
462
  .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-clear-icon,
461
463
  .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-clear-icon {
462
464
  min-width: auto;
465
+ min-height: auto;
466
+ border-radius: unset;
463
467
  }
464
468
  .e-ribbon.e-rbn .e-input-group .e-clear-icon,
465
469
  .e-ribbon-group-overflow-ddb .e-input-group .e-clear-icon {
@@ -543,6 +547,7 @@
543
547
  font-weight: 400;
544
548
  font-size: 12px;
545
549
  text-transform: none;
550
+ box-shadow: none;
546
551
  }
547
552
  .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:focus,
548
553
  .e-ribbon.e-rbn .e-ribbon-item .e-btn:focus,
@@ -651,6 +656,7 @@
651
656
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper {
652
657
  border: 1px solid transparent;
653
658
  border-radius: unset;
659
+ box-shadow: none;
654
660
  }
655
661
  .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-btn,
656
662
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-btn {
@@ -822,6 +828,17 @@
822
828
  padding-left: 34px !important; /* stylelint-disable-line declaration-no-important */
823
829
  }
824
830
 
831
+ .e-ribbon-control.e-dropdown-popup ul .e-item {
832
+ font-size: 14px;
833
+ height: 36px;
834
+ -ms-flex-align: center;
835
+ align-items: center;
836
+ }
837
+ .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
838
+ font-size: 16px;
839
+ line-height: 16px;
840
+ }
841
+
825
842
  .e-ribbon-tooltip .e-tip-content {
826
843
  padding: 4px;
827
844
  }
@@ -1198,6 +1215,15 @@
1198
1215
  padding: 8px;
1199
1216
  }
1200
1217
 
1218
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item {
1219
+ font-size: 16px;
1220
+ height: 48px;
1221
+ }
1222
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1223
+ font-size: 20px;
1224
+ line-height: 20px;
1225
+ }
1226
+
1201
1227
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1202
1228
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1203
1229
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
package/styles/material.css CHANGED
@@ -217,6 +217,7 @@
217
217
  border-width: 0 0 1px 0;
218
218
  font-size: 14px;
219
219
  font-weight: 400;
220
+ box-shadow: none;
220
221
  }
221
222
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu.e-active {
222
223
  border-radius: unset;
@@ -354,6 +355,7 @@
354
355
  border: none;
355
356
  height: 32px;
356
357
  margin: auto;
358
+ box-shadow: none;
357
359
  }
358
360
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
359
361
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon {
@@ -493,6 +495,8 @@
493
495
  .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-clear-icon,
494
496
  .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-clear-icon {
495
497
  min-width: auto;
498
+ min-height: auto;
499
+ border-radius: unset;
496
500
  }
497
501
  .e-ribbon.e-rbn .e-input-group .e-clear-icon,
498
502
  .e-ribbon-group-overflow-ddb .e-input-group .e-clear-icon {
@@ -576,6 +580,7 @@
576
580
  font-weight: 400;
577
581
  font-size: 12px;
578
582
  text-transform: none;
583
+ box-shadow: none;
579
584
  }
580
585
  .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:focus,
581
586
  .e-ribbon.e-rbn .e-ribbon-item .e-btn:focus,
@@ -684,6 +689,7 @@
684
689
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper {
685
690
  border: 1px solid transparent;
686
691
  border-radius: unset;
692
+ box-shadow: none;
687
693
  }
688
694
  .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-btn,
689
695
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-btn {
@@ -855,6 +861,17 @@
855
861
  padding-left: 34px !important; /* stylelint-disable-line declaration-no-important */
856
862
  }
857
863
 
864
+ .e-ribbon-control.e-dropdown-popup ul .e-item {
865
+ font-size: 14px;
866
+ height: 36px;
867
+ -ms-flex-align: center;
868
+ align-items: center;
869
+ }
870
+ .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
871
+ font-size: 16px;
872
+ line-height: 16px;
873
+ }
874
+
858
875
  .e-ribbon-tooltip .e-tip-content {
859
876
  padding: 4px;
860
877
  }
@@ -1231,6 +1248,15 @@
1231
1248
  padding: 8px;
1232
1249
  }
1233
1250
 
1251
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item {
1252
+ font-size: 16px;
1253
+ height: 48px;
1254
+ }
1255
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1256
+ font-size: 20px;
1257
+ line-height: 20px;
1258
+ }
1259
+
1234
1260
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1235
1261
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1236
1262
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,