@syncfusion/ej2-ribbon 26.2.5 → 26.2.8

package/dist/ej2-ribbon.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-ribbon.umd.min.js
-*  version : 26.2.5
+*  version : 26.2.8
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/dist/global/ej2-ribbon.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-ribbon.min.js
-*  version : 26.2.5
+*  version : 26.2.8
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 26.2.5
+*  version : 26.2.8
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/hotfix/26.1.35_Vol2.txt

@@ -0,0 +1 @@
+hotfix/26.1.35_Vol2

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-ribbon@*",
-  "_id": "@syncfusion/ej2-ribbon@26.1.42",
+  "_id": "@syncfusion/ej2-ribbon@26.2.7",
   "_inBundle": false,
-  "_integrity": "sha512-H0zukKaWNqiqF3rohLapmjJnW0I2O3THmRPgnUAWBM3dEu9/qTMs7i0ZHK7SAzhHEiqjqyTYgnh4scz4Tz0RXA==",
+  "_integrity": "sha512-rRstG6eGJd4KxrvWP4nmK7SBgppFiFD9cRYNRgy6d8T5tOqA1WBcPRzGnLrbySUXtFDMZ1MzRyoKGOVa6YOWAw==",
   "_location": "/@syncfusion/ej2-ribbon",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-ribbon",
     "/@syncfusion/ej2-vue-ribbon"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-ribbon/-/ej2-ribbon-26.1.42.tgz",
-  "_shasum": "b362423fa82ad68dedb70c66abd4baaf794d33c1",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-ribbon/-/ej2-ribbon-26.2.7.tgz",
+  "_shasum": "40c86fa55b26dcd3f42c17cb46d811a994a348dd",
   "_spec": "@syncfusion/ej2-ribbon@*",
   "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
   "author": {
@@ -36,11 +36,11 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~26.2.5",
-    "@syncfusion/ej2-buttons": "~26.2.5",
-    "@syncfusion/ej2-dropdowns": "~26.2.5",
+    "@syncfusion/ej2-buttons": "~26.2.8",
+    "@syncfusion/ej2-dropdowns": "~26.2.8",
     "@syncfusion/ej2-lists": "~26.2.5",
-    "@syncfusion/ej2-navigations": "~26.2.5",
-    "@syncfusion/ej2-popups": "~26.2.5",
+    "@syncfusion/ej2-navigations": "~26.2.8",
+    "@syncfusion/ej2-popups": "~26.2.8",
     "@syncfusion/ej2-splitbuttons": "~26.2.5"
   },
   "deprecated": false,
@@ -62,6 +62,6 @@
     "url": "git+https://github.com/syncfusion/ej2-ribbon-component.git"
   },
   "typings": "index.d.ts",
-  "version": "26.2.5",
+  "version": "26.2.8",
   "sideEffects": false
 }

package/styles/bootstrap-dark.css

@@ -532,9 +532,14 @@
 .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator) .e-menu-icon, .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator) .e-menu-icon {
   font-size: 16px;
   line-height: 16px;
+  min-height: 16px;
+  min-width: 16px;
+  background-repeat: no-repeat;
+  background-size: contain;
+  background-position: center;
   width: auto;
   margin-right: unset;
-  padding: 16px;
+  margin: 16px 16px 20px;
 }
 .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator).e-blankicon, .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator).e-blankicon {
   padding-left: 48px !important; /* stylelint-disable-line declaration-no-important */
@@ -777,6 +782,11 @@
 .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
 .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
 .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
+  min-height: 32px;
+  min-width: 32px;
+  background-repeat: no-repeat;
+  background-size: contain;
+  background-position: center;
   font-size: 32px;
   font-weight: 400;
   padding: 8px 6px 6px;
@@ -917,6 +927,15 @@
   line-height: 16px;
   margin: 8px;
 }
+.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret), .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
+.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
+.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
+  min-height: 16px;
+  min-width: 16px;
+  background-repeat: no-repeat;
+  background-size: contain;
+  background-position: center;
+}
 .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-colorpicker-wrapper .e-split-btn-wrapper, .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-colorpicker-wrapper .e-split-btn-wrapper,
 .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-colorpicker-wrapper .e-split-btn-wrapper,
 .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-colorpicker-wrapper .e-split-btn-wrapper {
@@ -1067,6 +1086,10 @@
   width: 100%;
   height: 30px;
 }
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
+  min-width: 16px;
+  min-height: 16px;
+}
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
   margin: 0;
 }
@@ -1098,7 +1121,7 @@
   margin-left: 36px;
 }
 .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
-  padding: 7px 8px 7px 12px;
+  margin: 7px 8px 7px 12px;
 }
 .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon.e-icon-left)) {
   padding-left: 36px;
@@ -1122,7 +1145,7 @@
   margin-right: 36px;
 }
 .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
-  padding: 7px 12px 7px 8px;
+  margin: 7px 12px 7px 8px;
 }
 .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon.e-icon-left)) {
   padding-right: 36px;
@@ -1191,6 +1214,11 @@
   font-size: 16px;
   font-weight: 400;
   line-height: 16px;
+  min-height: 16px;
+  min-width: 16px;
+  background-repeat: no-repeat;
+  background-size: contain;
+  background-position: center;
   margin: 8px;
   width: auto;
 }
@@ -1298,6 +1326,10 @@
   line-height: 20px;
   padding: 3px;
   background-size: cover;
+  min-width: 20px;
+  min-height: 20px;
+  background-position: center;
+  background-repeat: no-repeat;
 }
 .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item:hover, .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item.e-ribbon-gallery-selected,
 .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item:hover,
@@ -1349,6 +1381,11 @@
   border-radius: unset;
 }
 .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon, .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon {
+  min-height: 14px;
+  min-width: 14px;
+  background-repeat: no-repeat;
+  background-size: contain;
+  background-position: center;
   width: auto;
 }
 .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon, .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon {
@@ -1365,6 +1402,11 @@
 .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
   font-size: 16px;
   line-height: 16px;
+  min-height: 16px;
+  min-width: 16px;
+  background-repeat: no-repeat;
+  background-size: contain;
+  background-position: center;
 }
 
 .e-ribbon-tooltip .e-tip-content {
@@ -1623,6 +1665,11 @@
 .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
 .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
 .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
+  min-height: 40px;
+  min-width: 40px;
+  background-repeat: no-repeat;
+  background-size: contain;
+  background-position: center;
   font-size: 40px;
   padding: 12px 9px 4px;
 }
@@ -1697,6 +1744,24 @@
   line-height: 20px;
   margin: 10px;
 }
+.e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret), .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
+.e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
+.e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
+.e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
+.e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
+.e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
+.e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
+.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
+.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
+.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
+.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
+.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
+.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
+.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
+.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret) {
+  min-width: 20px;
+  min-height: 20px;
+}
 .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn, .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
 .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
 .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
@@ -1802,6 +1867,11 @@
 .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon {
   font-size: 18px;
 }
+.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon:not(.e-caret),
+.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon:not(.e-caret) {
+  min-width: 18px;
+  min-height: 18px;
+}
 .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left,
 .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left {
   margin: 0;
@@ -1841,7 +1911,7 @@
 }
 .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
 .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
-  padding: 11px 10px 11px 16px;
+  margin: 11px 10px 11px 16px;
 }
 .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon.e-icon-left)),
 .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon.e-icon-left)) {
@@ -1870,7 +1940,7 @@
 }
 .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
 .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
-  padding: 11px 16px 11px 10px;
+  margin: 11px 16px 11px 10px;
 }
 .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon.e-icon-left)),
 .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon.e-icon-left)) {
@@ -1899,6 +1969,8 @@
 .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
   font-size: 20px;
   line-height: 20px;
+  min-height: 20px;
+  min-width: 20px;
 }
 
 .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
@@ -1907,6 +1979,13 @@
 .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon {
   padding-left: 41px !important; /* stylelint-disable-line declaration-no-important */
 }
+.e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
+.e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
+.e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
+.e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon {
+  min-width: 16px;
+  min-height: 16px;
+}
 
 .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn {
   height: 52px;
@@ -1930,7 +2009,9 @@
 .e-bigger.e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator) .e-menu-icon {
   font-size: 20px;
   line-height: 20px;
-  padding: 18px 16px;
+  margin: 18px 16px 22px;
+  min-width: 20px;
+  min-height: 20px;
 }
 .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator).e-blankicon,
 .e-bigger.e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator).e-blankicon,
@@ -1948,6 +2029,8 @@
   font-size: 20px;
   line-height: 20px;
   margin: 10px;
+  min-height: 20px;
+  min-width: 20px;
 }
 .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left,
 .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left {

package/styles/bootstrap.css

@@ -534,9 +534,14 @@
 .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator) .e-menu-icon, .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator) .e-menu-icon {
   font-size: 16px;
   line-height: 16px;
+  min-height: 16px;
+  min-width: 16px;
+  background-repeat: no-repeat;
+  background-size: contain;
+  background-position: center;
   width: auto;
   margin-right: unset;
-  padding: 16px;
+  margin: 16px 16px 20px;
 }
 .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator).e-blankicon, .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator).e-blankicon {
   padding-left: 48px !important; /* stylelint-disable-line declaration-no-important */
@@ -779,6 +784,11 @@
 .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
 .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
 .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
+  min-height: 32px;
+  min-width: 32px;
+  background-repeat: no-repeat;
+  background-size: contain;
+  background-position: center;
   font-size: 32px;
   font-weight: 400;
   padding: 8px 6px 6px;
@@ -919,6 +929,15 @@
   line-height: 16px;
   margin: 8px;
 }
+.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret), .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
+.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
+.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
+  min-height: 16px;
+  min-width: 16px;
+  background-repeat: no-repeat;
+  background-size: contain;
+  background-position: center;
+}
 .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-colorpicker-wrapper .e-split-btn-wrapper, .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-colorpicker-wrapper .e-split-btn-wrapper,
 .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-colorpicker-wrapper .e-split-btn-wrapper,
 .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-colorpicker-wrapper .e-split-btn-wrapper {
@@ -1069,6 +1088,10 @@
   width: 100%;
   height: 30px;
 }
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret) {
+  min-width: 16px;
+  min-height: 16px;
+}
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
   margin: 0;
 }
@@ -1100,7 +1123,7 @@
   margin-left: 36px;
 }
 .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
-  padding: 7px 8px 7px 12px;
+  margin: 7px 8px 7px 12px;
 }
 .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon.e-icon-left)) {
   padding-left: 36px;
@@ -1124,7 +1147,7 @@
   margin-right: 36px;
 }
 .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
-  padding: 7px 12px 7px 8px;
+  margin: 7px 12px 7px 8px;
 }
 .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon.e-icon-left)) {
   padding-right: 36px;
@@ -1193,6 +1216,11 @@
   font-size: 16px;
   font-weight: 400;
   line-height: 16px;
+  min-height: 16px;
+  min-width: 16px;
+  background-repeat: no-repeat;
+  background-size: contain;
+  background-position: center;
   margin: 8px;
   width: auto;
 }
@@ -1300,6 +1328,10 @@
   line-height: 20px;
   padding: 3px;
   background-size: cover;
+  min-width: 20px;
+  min-height: 20px;
+  background-position: center;
+  background-repeat: no-repeat;
 }
 .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item:hover, .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item.e-ribbon-gallery-selected,
 .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item:hover,
@@ -1351,6 +1383,11 @@
   border-radius: unset;
 }
 .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon, .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon {
+  min-height: 14px;
+  min-width: 14px;
+  background-repeat: no-repeat;
+  background-size: contain;
+  background-position: center;
   width: auto;
 }
 .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon, .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon {
@@ -1367,6 +1404,11 @@
 .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
   font-size: 16px;
   line-height: 16px;
+  min-height: 16px;
+  min-width: 16px;
+  background-repeat: no-repeat;
+  background-size: contain;
+  background-position: center;
 }
 
 .e-ribbon-tooltip .e-tip-content {
@@ -1625,6 +1667,11 @@
 .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
 .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret),
 .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-large-item .e-btn .e-btn-icon:not(.e-caret) {
+  min-height: 40px;
+  min-width: 40px;
+  background-repeat: no-repeat;
+  background-size: contain;
+  background-position: center;
   font-size: 40px;
   padding: 12px 8px;
 }
@@ -1699,6 +1746,24 @@
   line-height: 20px;
   margin: 10px;
 }
+.e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret), .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
+.e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
+.e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
+.e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
+.e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
+.e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
+.e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
+.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
+.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
+.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
+.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
+.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
+.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret),
+.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon:not(.e-caret),
+.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-btn .e-btn-icon:not(.e-caret) {
+  min-width: 20px;
+  min-height: 20px;
+}
 .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-colorpicker.e-split-btn, .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
 .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn,
 .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-colorpicker.e-split-btn,
@@ -1804,6 +1869,11 @@
 .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon {
   font-size: 18px;
 }
+.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon:not(.e-caret),
+.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon:not(.e-caret) {
+  min-width: 18px;
+  min-height: 18px;
+}
 .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left,
 .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left {
   margin: 0;
@@ -1843,7 +1913,7 @@
 }
 .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
 .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
-  padding: 11px 10px 11px 16px;
+  margin: 11px 10px 11px 16px;
 }
 .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon.e-icon-left)),
 .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon.e-icon-left)) {
@@ -1872,7 +1942,7 @@
 }
 .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
 .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
-  padding: 11px 16px 11px 10px;
+  margin: 11px 16px 11px 10px;
 }
 .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon.e-icon-left)),
 .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item:not(:has(.e-colorpicker-wrapper)) .e-btn:not(:has(.e-btn-icon.e-icon-left)) {
@@ -1901,6 +1971,8 @@
 .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
   font-size: 20px;
   line-height: 20px;
+  min-height: 20px;
+  min-width: 20px;
 }
 
 .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
@@ -1909,6 +1981,13 @@
 .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon {
   padding-left: 41px !important; /* stylelint-disable-line declaration-no-important */
 }
+.e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
+.e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item .e-menu-icon,
+.e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
+.e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon {
+  min-width: 16px;
+  min-height: 16px;
+}
 
 .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-btn {
   height: 52px;
@@ -1932,7 +2011,9 @@
 .e-bigger.e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-ul .e-menu-item:not(.e-separator) .e-menu-icon {
   font-size: 20px;
   line-height: 20px;
-  padding: 18px 16px;
+  margin: 18px 16px 22px;
+  min-width: 20px;
+  min-height: 20px;
 }
 .e-bigger .e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator).e-blankicon,
 .e-bigger.e-ribbon-backstage-popup .e-ribbon-backstage-wrapper .e-ribbon-backstage-menu.e-menu-wrapper ul.e-vertical .e-menu-item:not(.e-separator).e-blankicon,
@@ -1950,6 +2031,8 @@
   font-size: 20px;
   line-height: 20px;
   margin: 10px;
+  min-height: 20px;
+  min-width: 20px;
 }
 .e-bigger .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left,
 .e-bigger.e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn-icon.e-icon-left {