@syncfusion/ej2-ribbon 30.2.4 → 31.1.22

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 (78) hide show
  1. package/dist/ej2-ribbon.umd.min.js +3 -3
  2. package/dist/ej2-ribbon.umd.min.js.map +1 -1
  3. package/dist/es6/ej2-ribbon.es2015.js +24 -5
  4. package/dist/es6/ej2-ribbon.es2015.js.map +1 -1
  5. package/dist/es6/ej2-ribbon.es5.js +24 -5
  6. package/dist/es6/ej2-ribbon.es5.js.map +1 -1
  7. package/dist/global/ej2-ribbon.min.js +3 -3
  8. package/dist/global/ej2-ribbon.min.js.map +1 -1
  9. package/dist/global/index.d.ts +2 -2
  10. package/package.json +8 -8
  11. package/src/ribbon/base/ribbon-model.d.ts +1 -1
  12. package/src/ribbon/base/ribbon.js +14 -5
  13. package/src/ribbon/items/ribbon-splitbutton.js +11 -0
  14. package/styles/bds-lite.css +9 -0
  15. package/styles/bds.css +9 -0
  16. package/styles/bootstrap-dark-lite.css +9 -0
  17. package/styles/bootstrap-dark.css +9 -0
  18. package/styles/bootstrap-lite.css +9 -0
  19. package/styles/bootstrap.css +9 -0
  20. package/styles/bootstrap4-lite.css +17 -0
  21. package/styles/bootstrap4.css +17 -0
  22. package/styles/bootstrap5-dark-lite.css +9 -0
  23. package/styles/bootstrap5-dark.css +9 -0
  24. package/styles/bootstrap5-lite.css +9 -0
  25. package/styles/bootstrap5.3-lite.css +9 -0
  26. package/styles/bootstrap5.3.css +9 -0
  27. package/styles/bootstrap5.css +9 -0
  28. package/styles/fabric-dark-lite.css +9 -0
  29. package/styles/fabric-dark.css +9 -0
  30. package/styles/fabric-lite.css +9 -0
  31. package/styles/fabric.css +9 -0
  32. package/styles/fluent-dark-lite.css +9 -0
  33. package/styles/fluent-dark.css +9 -0
  34. package/styles/fluent-lite.css +9 -0
  35. package/styles/fluent.css +9 -0
  36. package/styles/fluent2-lite.css +11 -2
  37. package/styles/fluent2.css +11 -2
  38. package/styles/highcontrast-light-lite.css +9 -0
  39. package/styles/highcontrast-light.css +9 -0
  40. package/styles/highcontrast-lite.css +9 -0
  41. package/styles/highcontrast.css +9 -0
  42. package/styles/material-dark-lite.css +9 -0
  43. package/styles/material-dark.css +9 -0
  44. package/styles/material-lite.css +9 -0
  45. package/styles/material.css +9 -0
  46. package/styles/material3-dark-lite.css +9 -0
  47. package/styles/material3-dark.css +9 -0
  48. package/styles/material3-lite.css +9 -0
  49. package/styles/material3.css +9 -0
  50. package/styles/ribbon/_fluent2-definition.scss +2 -2
  51. package/styles/ribbon/_layout.scss +7 -0
  52. package/styles/ribbon/bds.css +9 -0
  53. package/styles/ribbon/bootstrap-dark.css +9 -0
  54. package/styles/ribbon/bootstrap.css +9 -0
  55. package/styles/ribbon/bootstrap4.css +17 -0
  56. package/styles/ribbon/bootstrap5-dark.css +9 -0
  57. package/styles/ribbon/bootstrap5.3.css +9 -0
  58. package/styles/ribbon/bootstrap5.css +9 -0
  59. package/styles/ribbon/fabric-dark.css +9 -0
  60. package/styles/ribbon/fabric.css +9 -0
  61. package/styles/ribbon/fluent-dark.css +9 -0
  62. package/styles/ribbon/fluent.css +9 -0
  63. package/styles/ribbon/fluent2.css +11 -2
  64. package/styles/ribbon/highcontrast-light.css +9 -0
  65. package/styles/ribbon/highcontrast.css +9 -0
  66. package/styles/ribbon/material-dark.css +9 -0
  67. package/styles/ribbon/material.css +9 -0
  68. package/styles/ribbon/material3-dark.css +9 -0
  69. package/styles/ribbon/material3.css +9 -0
  70. package/styles/ribbon/tailwind-dark.css +9 -0
  71. package/styles/ribbon/tailwind.css +9 -0
  72. package/styles/ribbon/tailwind3.css +9 -0
  73. package/styles/tailwind-dark-lite.css +9 -0
  74. package/styles/tailwind-dark.css +9 -0
  75. package/styles/tailwind-lite.css +9 -0
  76. package/styles/tailwind.css +9 -0
  77. package/styles/tailwind3-lite.css +9 -0
  78. package/styles/tailwind3.css +9 -0
@@ -854,6 +854,12 @@
854
854
  .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
855
855
  padding: 0;
856
856
  }
857
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
858
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control,
859
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
860
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control {
861
+ z-index: unset !important; /* stylelint-disable-line declaration-no-important */
862
+ }
857
863
  .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
858
864
  .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
859
865
  border: 1px solid transparent;
@@ -1059,6 +1065,9 @@
1059
1065
  margin: 9px 0 9px 12px;
1060
1066
  padding: 0;
1061
1067
  }
1068
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper .e-frame {
1069
+ margin: unset;
1070
+ }
1062
1071
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
1063
1072
  padding: 0;
1064
1073
  width: 100%;
@@ -944,6 +944,12 @@
944
944
  .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
945
945
  padding: 0;
946
946
  }
947
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
948
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control,
949
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
950
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control {
951
+ z-index: unset !important; /* stylelint-disable-line declaration-no-important */
952
+ }
947
953
  .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
948
954
  .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
949
955
  border: 1px solid transparent;
@@ -1149,6 +1155,9 @@
1149
1155
  margin: 9px 0 9px 12px;
1150
1156
  padding: 0;
1151
1157
  }
1158
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper .e-frame {
1159
+ margin: unset;
1160
+ }
1152
1161
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
1153
1162
  padding: 0;
1154
1163
  width: 100%;
@@ -944,6 +944,12 @@
944
944
  .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
945
945
  padding: 0;
946
946
  }
947
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
948
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control,
949
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
950
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control {
951
+ z-index: unset !important; /* stylelint-disable-line declaration-no-important */
952
+ }
947
953
  .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
948
954
  .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
949
955
  border: 1px solid transparent;
@@ -1149,6 +1155,9 @@
1149
1155
  margin: 9px 0 9px 12px;
1150
1156
  padding: 0;
1151
1157
  }
1158
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper .e-frame {
1159
+ margin: unset;
1160
+ }
1152
1161
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
1153
1162
  padding: 0;
1154
1163
  width: 100%;
@@ -992,6 +992,12 @@
992
992
  .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
993
993
  padding: 0;
994
994
  }
995
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
996
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control,
997
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
998
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control {
999
+ z-index: unset !important; /* stylelint-disable-line declaration-no-important */
1000
+ }
995
1001
  .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
996
1002
  .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
997
1003
  border: 1px solid transparent;
@@ -1218,9 +1224,12 @@
1218
1224
  font-size: 16px;
1219
1225
  }
1220
1226
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
1221
- margin: 8px 0 8px 8px;
1227
+ margin: 8px 0 8px 6px;
1222
1228
  padding: 0;
1223
1229
  }
1230
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper .e-frame {
1231
+ margin: unset;
1232
+ }
1224
1233
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
1225
1234
  padding: 0;
1226
1235
  width: 100%;
@@ -1307,7 +1316,7 @@
1307
1316
  margin: 0 auto 0 0;
1308
1317
  }
1309
1318
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) > .e-checkbox-wrapper {
1310
- margin: 8px 8px 8px 0;
1319
+ margin: 8px 6px 8px 0;
1311
1320
  }
1312
1321
 
1313
1322
  .e-dropdown-popup.e-ribbon-dropdown-group-button {
@@ -872,6 +872,12 @@
872
872
  .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
873
873
  padding: 0;
874
874
  }
875
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
876
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control,
877
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
878
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control {
879
+ z-index: unset !important; /* stylelint-disable-line declaration-no-important */
880
+ }
875
881
  .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
876
882
  .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
877
883
  border: 1px solid transparent;
@@ -1077,6 +1083,9 @@
1077
1083
  margin: 4px;
1078
1084
  padding: 0;
1079
1085
  }
1086
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper .e-frame {
1087
+ margin: unset;
1088
+ }
1080
1089
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
1081
1090
  padding: 0;
1082
1091
  width: 100%;
@@ -877,6 +877,12 @@
877
877
  .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
878
878
  padding: 0;
879
879
  }
880
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
881
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control,
882
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
883
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control {
884
+ z-index: unset !important; /* stylelint-disable-line declaration-no-important */
885
+ }
880
886
  .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
881
887
  .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
882
888
  border: 1px solid transparent;
@@ -1082,6 +1088,9 @@
1082
1088
  margin: 9px 0 9px 12px;
1083
1089
  padding: 0;
1084
1090
  }
1091
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper .e-frame {
1092
+ margin: unset;
1093
+ }
1085
1094
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
1086
1095
  padding: 0;
1087
1096
  width: 100%;
@@ -1013,6 +1013,12 @@
1013
1013
  .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
1014
1014
  padding: 0;
1015
1015
  }
1016
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
1017
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control,
1018
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
1019
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control {
1020
+ z-index: unset !important; /* stylelint-disable-line declaration-no-important */
1021
+ }
1016
1022
  .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
1017
1023
  .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
1018
1024
  border: 1px solid transparent;
@@ -1218,6 +1224,9 @@
1218
1224
  margin: 10px 0 10px 12px;
1219
1225
  padding: 0;
1220
1226
  }
1227
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper .e-frame {
1228
+ margin: unset;
1229
+ }
1221
1230
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
1222
1231
  padding: 0;
1223
1232
  width: 100%;
@@ -1018,6 +1018,12 @@
1018
1018
  .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
1019
1019
  padding: 0;
1020
1020
  }
1021
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
1022
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control,
1023
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
1024
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control {
1025
+ z-index: unset !important; /* stylelint-disable-line declaration-no-important */
1026
+ }
1021
1027
  .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
1022
1028
  .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
1023
1029
  border: 1px solid transparent;
@@ -1223,6 +1229,9 @@
1223
1229
  margin: 10px 0 10px 12px;
1224
1230
  padding: 0;
1225
1231
  }
1232
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper .e-frame {
1233
+ margin: unset;
1234
+ }
1226
1235
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
1227
1236
  padding: 0;
1228
1237
  width: 100%;
@@ -939,6 +939,12 @@
939
939
  .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
940
940
  padding: 0;
941
941
  }
942
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
943
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control,
944
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
945
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control {
946
+ z-index: unset !important; /* stylelint-disable-line declaration-no-important */
947
+ }
942
948
  .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
943
949
  .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
944
950
  border: 1px solid transparent;
@@ -1144,6 +1150,9 @@
1144
1150
  margin: 8px 0 8px 12px;
1145
1151
  padding: 0;
1146
1152
  }
1153
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper .e-frame {
1154
+ margin: unset;
1155
+ }
1147
1156
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
1148
1157
  padding: 0;
1149
1158
  width: 100%;
@@ -941,6 +941,12 @@
941
941
  .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
942
942
  padding: 0;
943
943
  }
944
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
945
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control,
946
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
947
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control {
948
+ z-index: unset !important; /* stylelint-disable-line declaration-no-important */
949
+ }
944
950
  .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
945
951
  .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
946
952
  border: 1px solid transparent;
@@ -1146,6 +1152,9 @@
1146
1152
  margin: 8px 0 8px 12px;
1147
1153
  padding: 0;
1148
1154
  }
1155
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper .e-frame {
1156
+ margin: unset;
1157
+ }
1149
1158
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
1150
1159
  padding: 0;
1151
1160
  width: 100%;
@@ -987,6 +987,12 @@
987
987
  .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
988
988
  padding: 0;
989
989
  }
990
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
991
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control,
992
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
993
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control {
994
+ z-index: unset !important; /* stylelint-disable-line declaration-no-important */
995
+ }
990
996
  .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
991
997
  .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
992
998
  border: 1px solid transparent;
@@ -1192,6 +1198,9 @@
1192
1198
  margin: 7px 0 7px 12px;
1193
1199
  padding: 0;
1194
1200
  }
1201
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper .e-frame {
1202
+ margin: unset;
1203
+ }
1195
1204
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
1196
1205
  padding: 0;
1197
1206
  width: 100%;
@@ -987,6 +987,12 @@
987
987
  .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
988
988
  padding: 0;
989
989
  }
990
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
991
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control,
992
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
993
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control {
994
+ z-index: unset !important; /* stylelint-disable-line declaration-no-important */
995
+ }
990
996
  .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
991
997
  .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
992
998
  border: 1px solid transparent;
@@ -1192,6 +1198,9 @@
1192
1198
  margin: 7px 0 7px 12px;
1193
1199
  padding: 0;
1194
1200
  }
1201
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper .e-frame {
1202
+ margin: unset;
1203
+ }
1195
1204
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
1196
1205
  padding: 0;
1197
1206
  width: 100%;
@@ -968,6 +968,12 @@
968
968
  .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
969
969
  padding: 0;
970
970
  }
971
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
972
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control,
973
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
974
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control {
975
+ z-index: unset !important; /* stylelint-disable-line declaration-no-important */
976
+ }
971
977
  .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
972
978
  .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
973
979
  border: 1px solid transparent;
@@ -1173,6 +1179,9 @@
1173
1179
  margin: 8px 0 8px 12px;
1174
1180
  padding: 0;
1175
1181
  }
1182
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper .e-frame {
1183
+ margin: unset;
1184
+ }
1176
1185
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
1177
1186
  padding: 0;
1178
1187
  width: 100%;
@@ -987,6 +987,12 @@
987
987
  .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
988
988
  padding: 0;
989
989
  }
990
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
991
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control,
992
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
993
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control {
994
+ z-index: unset !important; /* stylelint-disable-line declaration-no-important */
995
+ }
990
996
  .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
991
997
  .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
992
998
  border: 1px solid transparent;
@@ -1192,6 +1198,9 @@
1192
1198
  margin: 7px 0 7px 12px;
1193
1199
  padding: 0;
1194
1200
  }
1201
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper .e-frame {
1202
+ margin: unset;
1203
+ }
1195
1204
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
1196
1205
  padding: 0;
1197
1206
  width: 100%;
@@ -987,6 +987,12 @@
987
987
  .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
988
988
  padding: 0;
989
989
  }
990
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
991
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control,
992
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
993
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control {
994
+ z-index: unset !important; /* stylelint-disable-line declaration-no-important */
995
+ }
990
996
  .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
991
997
  .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
992
998
  border: 1px solid transparent;
@@ -1192,6 +1198,9 @@
1192
1198
  margin: 7px 0 7px 12px;
1193
1199
  padding: 0;
1194
1200
  }
1201
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper .e-frame {
1202
+ margin: unset;
1203
+ }
1195
1204
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
1196
1205
  padding: 0;
1197
1206
  width: 100%;
@@ -987,6 +987,12 @@
987
987
  .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
988
988
  padding: 0;
989
989
  }
990
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
991
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control,
992
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
993
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control {
994
+ z-index: unset !important; /* stylelint-disable-line declaration-no-important */
995
+ }
990
996
  .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
991
997
  .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
992
998
  border: 1px solid transparent;
@@ -1192,6 +1198,9 @@
1192
1198
  margin: 7px 0 7px 12px;
1193
1199
  padding: 0;
1194
1200
  }
1201
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper .e-frame {
1202
+ margin: unset;
1203
+ }
1195
1204
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
1196
1205
  padding: 0;
1197
1206
  width: 100%;
@@ -987,6 +987,12 @@
987
987
  .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
988
988
  padding: 0;
989
989
  }
990
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
991
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control,
992
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
993
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control {
994
+ z-index: unset !important; /* stylelint-disable-line declaration-no-important */
995
+ }
990
996
  .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
991
997
  .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
992
998
  border: 1px solid transparent;
@@ -1192,6 +1198,9 @@
1192
1198
  margin: 7px 0 7px 12px;
1193
1199
  padding: 0;
1194
1200
  }
1201
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper .e-frame {
1202
+ margin: unset;
1203
+ }
1195
1204
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
1196
1205
  padding: 0;
1197
1206
  width: 100%;
@@ -968,6 +968,12 @@
968
968
  .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
969
969
  padding: 0;
970
970
  }
971
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
972
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control,
973
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
974
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control {
975
+ z-index: unset !important; /* stylelint-disable-line declaration-no-important */
976
+ }
971
977
  .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
972
978
  .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
973
979
  border: 1px solid transparent;
@@ -1173,6 +1179,9 @@
1173
1179
  margin: 8px 0 8px 12px;
1174
1180
  padding: 0;
1175
1181
  }
1182
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper .e-frame {
1183
+ margin: unset;
1184
+ }
1176
1185
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
1177
1186
  padding: 0;
1178
1187
  width: 100%;
@@ -968,6 +968,12 @@
968
968
  .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
969
969
  padding: 0;
970
970
  }
971
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
972
+ .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control,
973
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
974
+ .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control {
975
+ z-index: unset !important; /* stylelint-disable-line declaration-no-important */
976
+ }
971
977
  .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
972
978
  .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
973
979
  border: 1px solid transparent;
@@ -1173,6 +1179,9 @@
1173
1179
  margin: 8px 0 8px 12px;
1174
1180
  padding: 0;
1175
1181
  }
1182
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper .e-frame {
1183
+ margin: unset;
1184
+ }
1176
1185
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
1177
1186
  padding: 0;
1178
1187
  width: 100%;