@syncfusion/ej2-react-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 (41) hide show
  1. package/dist/ej2-react-ribbon.min.js +2 -2
  2. package/dist/ej2-react-ribbon.umd.min.js +1 -1
  3. package/package.json +8 -8
  4. package/styles/bootstrap-dark.css +26 -0
  5. package/styles/bootstrap.css +26 -0
  6. package/styles/bootstrap4.css +26 -0
  7. package/styles/bootstrap5-dark.css +26 -0
  8. package/styles/bootstrap5.css +26 -0
  9. package/styles/fabric-dark.css +26 -0
  10. package/styles/fabric.css +26 -0
  11. package/styles/fluent-dark.css +26 -0
  12. package/styles/fluent.css +26 -0
  13. package/styles/highcontrast-light.css +26 -0
  14. package/styles/highcontrast.css +30 -4
  15. package/styles/material-dark.css +26 -0
  16. package/styles/material.css +26 -0
  17. package/styles/material3-dark.css +1671 -0
  18. package/styles/material3-dark.scss +2 -0
  19. package/styles/material3.css +1727 -0
  20. package/styles/material3.scss +2 -0
  21. package/styles/ribbon/bootstrap-dark.css +26 -0
  22. package/styles/ribbon/bootstrap.css +26 -0
  23. package/styles/ribbon/bootstrap4.css +26 -0
  24. package/styles/ribbon/bootstrap5-dark.css +26 -0
  25. package/styles/ribbon/bootstrap5.css +26 -0
  26. package/styles/ribbon/fabric-dark.css +26 -0
  27. package/styles/ribbon/fabric.css +26 -0
  28. package/styles/ribbon/fluent-dark.css +26 -0
  29. package/styles/ribbon/fluent.css +26 -0
  30. package/styles/ribbon/highcontrast-light.css +26 -0
  31. package/styles/ribbon/highcontrast.css +30 -4
  32. package/styles/ribbon/material-dark.css +26 -0
  33. package/styles/ribbon/material.css +26 -0
  34. package/styles/ribbon/material3-dark.css +1671 -0
  35. package/styles/ribbon/material3-dark.scss +2 -0
  36. package/styles/ribbon/material3.css +1727 -0
  37. package/styles/ribbon/material3.scss +2 -0
  38. package/styles/ribbon/tailwind-dark.css +26 -0
  39. package/styles/ribbon/tailwind.css +26 -0
  40. package/styles/tailwind-dark.css +26 -0
  41. package/styles/tailwind.css +26 -0
package/styles/ribbon/material3.scss ADDED
@@ -0,0 +1,2 @@
1
+ @import 'ej2-base/styles/material3-definition.scss';
2
+ @import 'ej2-ribbon/styles/ribbon/material3.scss';
package/styles/ribbon/tailwind-dark.css CHANGED
@@ -196,6 +196,7 @@
196
196
  border-width: unset;
197
197
  font-size: 14px;
198
198
  font-weight: 400;
199
+ box-shadow: none;
199
200
  }
200
201
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu.e-active {
201
202
  border-radius: unset;
@@ -333,6 +334,7 @@
333
334
  border: none;
334
335
  height: 26px;
335
336
  margin: auto;
337
+ box-shadow: none;
336
338
  }
337
339
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
338
340
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon {
@@ -472,6 +474,8 @@
472
474
  .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-clear-icon,
473
475
  .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-clear-icon {
474
476
  min-width: auto;
477
+ min-height: auto;
478
+ border-radius: unset;
475
479
  }
476
480
  .e-ribbon.e-rbn .e-input-group .e-clear-icon,
477
481
  .e-ribbon-group-overflow-ddb .e-input-group .e-clear-icon {
@@ -555,6 +559,7 @@
555
559
  font-weight: 400;
556
560
  font-size: 12px;
557
561
  text-transform: none;
562
+ box-shadow: none;
558
563
  }
559
564
  .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:focus,
560
565
  .e-ribbon.e-rbn .e-ribbon-item .e-btn:focus,
@@ -663,6 +668,7 @@
663
668
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper {
664
669
  border: 1px solid transparent;
665
670
  border-radius: 4px;
671
+ box-shadow: none;
666
672
  }
667
673
  .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-btn,
668
674
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-btn {
@@ -834,6 +840,17 @@
834
840
  padding-left: 38px !important; /* stylelint-disable-line declaration-no-important */
835
841
  }
836
842
 
843
+ .e-ribbon-control.e-dropdown-popup ul .e-item {
844
+ font-size: 12px;
845
+ height: 24px;
846
+ -ms-flex-align: center;
847
+ align-items: center;
848
+ }
849
+ .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
850
+ font-size: 16px;
851
+ line-height: 16px;
852
+ }
853
+
837
854
  .e-ribbon-tooltip .e-tip-content {
838
855
  padding: 4px;
839
856
  }
@@ -1210,6 +1227,15 @@
1210
1227
  padding: 7px;
1211
1228
  }
1212
1229
 
1230
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item {
1231
+ font-size: 14px;
1232
+ height: 32px;
1233
+ }
1234
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1235
+ font-size: 20px;
1236
+ line-height: 20px;
1237
+ }
1238
+
1213
1239
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1214
1240
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1215
1241
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
package/styles/ribbon/tailwind.css CHANGED
@@ -196,6 +196,7 @@
196
196
  border-width: unset;
197
197
  font-size: 14px;
198
198
  font-weight: 400;
199
+ box-shadow: none;
199
200
  }
200
201
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu.e-active {
201
202
  border-radius: unset;
@@ -333,6 +334,7 @@
333
334
  border: none;
334
335
  height: 26px;
335
336
  margin: auto;
337
+ box-shadow: none;
336
338
  }
337
339
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
338
340
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon {
@@ -472,6 +474,8 @@
472
474
  .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-clear-icon,
473
475
  .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-clear-icon {
474
476
  min-width: auto;
477
+ min-height: auto;
478
+ border-radius: unset;
475
479
  }
476
480
  .e-ribbon.e-rbn .e-input-group .e-clear-icon,
477
481
  .e-ribbon-group-overflow-ddb .e-input-group .e-clear-icon {
@@ -555,6 +559,7 @@
555
559
  font-weight: 400;
556
560
  font-size: 12px;
557
561
  text-transform: none;
562
+ box-shadow: none;
558
563
  }
559
564
  .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:focus,
560
565
  .e-ribbon.e-rbn .e-ribbon-item .e-btn:focus,
@@ -663,6 +668,7 @@
663
668
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper {
664
669
  border: 1px solid transparent;
665
670
  border-radius: 4px;
671
+ box-shadow: none;
666
672
  }
667
673
  .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-btn,
668
674
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-btn {
@@ -834,6 +840,17 @@
834
840
  padding-left: 38px !important; /* stylelint-disable-line declaration-no-important */
835
841
  }
836
842
 
843
+ .e-ribbon-control.e-dropdown-popup ul .e-item {
844
+ font-size: 12px;
845
+ height: 24px;
846
+ -ms-flex-align: center;
847
+ align-items: center;
848
+ }
849
+ .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
850
+ font-size: 16px;
851
+ line-height: 16px;
852
+ }
853
+
837
854
  .e-ribbon-tooltip .e-tip-content {
838
855
  padding: 4px;
839
856
  }
@@ -1210,6 +1227,15 @@
1210
1227
  padding: 7px;
1211
1228
  }
1212
1229
 
1230
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item {
1231
+ font-size: 14px;
1232
+ height: 32px;
1233
+ }
1234
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1235
+ font-size: 20px;
1236
+ line-height: 20px;
1237
+ }
1238
+
1213
1239
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1214
1240
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1215
1241
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
package/styles/tailwind-dark.css CHANGED
@@ -196,6 +196,7 @@
196
196
  border-width: unset;
197
197
  font-size: 14px;
198
198
  font-weight: 400;
199
+ box-shadow: none;
199
200
  }
200
201
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu.e-active {
201
202
  border-radius: unset;
@@ -333,6 +334,7 @@
333
334
  border: none;
334
335
  height: 26px;
335
336
  margin: auto;
337
+ box-shadow: none;
336
338
  }
337
339
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
338
340
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon {
@@ -472,6 +474,8 @@
472
474
  .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-clear-icon,
473
475
  .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-clear-icon {
474
476
  min-width: auto;
477
+ min-height: auto;
478
+ border-radius: unset;
475
479
  }
476
480
  .e-ribbon.e-rbn .e-input-group .e-clear-icon,
477
481
  .e-ribbon-group-overflow-ddb .e-input-group .e-clear-icon {
@@ -555,6 +559,7 @@
555
559
  font-weight: 400;
556
560
  font-size: 12px;
557
561
  text-transform: none;
562
+ box-shadow: none;
558
563
  }
559
564
  .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:focus,
560
565
  .e-ribbon.e-rbn .e-ribbon-item .e-btn:focus,
@@ -663,6 +668,7 @@
663
668
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper {
664
669
  border: 1px solid transparent;
665
670
  border-radius: 4px;
671
+ box-shadow: none;
666
672
  }
667
673
  .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-btn,
668
674
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-btn {
@@ -834,6 +840,17 @@
834
840
  padding-left: 38px !important; /* stylelint-disable-line declaration-no-important */
835
841
  }
836
842
 
843
+ .e-ribbon-control.e-dropdown-popup ul .e-item {
844
+ font-size: 12px;
845
+ height: 24px;
846
+ -ms-flex-align: center;
847
+ align-items: center;
848
+ }
849
+ .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
850
+ font-size: 16px;
851
+ line-height: 16px;
852
+ }
853
+
837
854
  .e-ribbon-tooltip .e-tip-content {
838
855
  padding: 4px;
839
856
  }
@@ -1210,6 +1227,15 @@
1210
1227
  padding: 7px;
1211
1228
  }
1212
1229
 
1230
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item {
1231
+ font-size: 14px;
1232
+ height: 32px;
1233
+ }
1234
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1235
+ font-size: 20px;
1236
+ line-height: 20px;
1237
+ }
1238
+
1213
1239
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1214
1240
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1215
1241
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
package/styles/tailwind.css CHANGED
@@ -196,6 +196,7 @@
196
196
  border-width: unset;
197
197
  font-size: 14px;
198
198
  font-weight: 400;
199
+ box-shadow: none;
199
200
  }
200
201
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu.e-active {
201
202
  border-radius: unset;
@@ -333,6 +334,7 @@
333
334
  border: none;
334
335
  height: 26px;
335
336
  margin: auto;
337
+ box-shadow: none;
336
338
  }
337
339
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
338
340
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon {
@@ -472,6 +474,8 @@
472
474
  .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-clear-icon,
473
475
  .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-clear-icon {
474
476
  min-width: auto;
477
+ min-height: auto;
478
+ border-radius: unset;
475
479
  }
476
480
  .e-ribbon.e-rbn .e-input-group .e-clear-icon,
477
481
  .e-ribbon-group-overflow-ddb .e-input-group .e-clear-icon {
@@ -555,6 +559,7 @@
555
559
  font-weight: 400;
556
560
  font-size: 12px;
557
561
  text-transform: none;
562
+ box-shadow: none;
558
563
  }
559
564
  .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:focus,
560
565
  .e-ribbon.e-rbn .e-ribbon-item .e-btn:focus,
@@ -663,6 +668,7 @@
663
668
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper {
664
669
  border: 1px solid transparent;
665
670
  border-radius: 4px;
671
+ box-shadow: none;
666
672
  }
667
673
  .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-btn,
668
674
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-btn {
@@ -834,6 +840,17 @@
834
840
  padding-left: 38px !important; /* stylelint-disable-line declaration-no-important */
835
841
  }
836
842
 
843
+ .e-ribbon-control.e-dropdown-popup ul .e-item {
844
+ font-size: 12px;
845
+ height: 24px;
846
+ -ms-flex-align: center;
847
+ align-items: center;
848
+ }
849
+ .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
850
+ font-size: 16px;
851
+ line-height: 16px;
852
+ }
853
+
837
854
  .e-ribbon-tooltip .e-tip-content {
838
855
  padding: 4px;
839
856
  }
@@ -1210,6 +1227,15 @@
1210
1227
  padding: 7px;
1211
1228
  }
1212
1229
 
1230
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item {
1231
+ font-size: 14px;
1232
+ height: 32px;
1233
+ }
1234
+ .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1235
+ font-size: 20px;
1236
+ line-height: 20px;
1237
+ }
1238
+
1213
1239
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1214
1240
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1215
1241
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,