@syncfusion/ej2-ribbon 31.1.17 → 31.1.22

package/styles/ribbon/bootstrap5.css

@@ -952,6 +952,12 @@
 .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 {
   padding: 0;
 }
+.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control {
+  z-index: unset !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
 .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
   border: 1px solid transparent;
@@ -1157,6 +1163,9 @@
   margin: 7px 0 7px 12px;
   padding: 0;
 }
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper .e-frame {
+  margin: unset;
+}
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
   padding: 0;
   width: 100%;

package/styles/ribbon/fabric-dark.css

@@ -853,6 +853,12 @@
 .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 {
   padding: 0;
 }
+.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control {
+  z-index: unset !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
 .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
   border: 1px solid transparent;
@@ -1058,6 +1064,9 @@
   margin: 9px 0 9px 12px;
   padding: 0;
 }
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper .e-frame {
+  margin: unset;
+}
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
   padding: 0;
   width: 100%;

package/styles/ribbon/fabric.css

@@ -854,6 +854,12 @@
 .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 {
   padding: 0;
 }
+.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control {
+  z-index: unset !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
 .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
   border: 1px solid transparent;
@@ -1059,6 +1065,9 @@
   margin: 9px 0 9px 12px;
   padding: 0;
 }
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper .e-frame {
+  margin: unset;
+}
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
   padding: 0;
   width: 100%;

package/styles/ribbon/fluent-dark.css

@@ -944,6 +944,12 @@
 .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 {
   padding: 0;
 }
+.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control {
+  z-index: unset !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
 .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
   border: 1px solid transparent;
@@ -1149,6 +1155,9 @@
   margin: 9px 0 9px 12px;
   padding: 0;
 }
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper .e-frame {
+  margin: unset;
+}
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
   padding: 0;
   width: 100%;

package/styles/ribbon/fluent.css

@@ -944,6 +944,12 @@
 .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 {
   padding: 0;
 }
+.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control {
+  z-index: unset !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
 .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
   border: 1px solid transparent;
@@ -1149,6 +1155,9 @@
   margin: 9px 0 9px 12px;
   padding: 0;
 }
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper .e-frame {
+  margin: unset;
+}
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
   padding: 0;
   width: 100%;

package/styles/ribbon/fluent2.css

@@ -992,6 +992,12 @@
 .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 {
   padding: 0;
 }
+.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control {
+  z-index: unset !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
 .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
   border: 1px solid transparent;
@@ -1218,9 +1224,12 @@
   font-size: 16px;
 }
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
-  margin: 8px 0 8px 8px;
+  margin: 8px 0 8px 6px;
   padding: 0;
 }
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper .e-frame {
+  margin: unset;
+}
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
   padding: 0;
   width: 100%;
@@ -1307,7 +1316,7 @@
   margin: 0 auto 0 0;
 }
 .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-template)) > .e-checkbox-wrapper {
-  margin: 8px 8px 8px 0;
+  margin: 8px 6px 8px 0;
 }
 
 .e-dropdown-popup.e-ribbon-dropdown-group-button {

package/styles/ribbon/highcontrast-light.css

@@ -872,6 +872,12 @@
 .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 {
   padding: 0;
 }
+.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control {
+  z-index: unset !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
 .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
   border: 1px solid transparent;
@@ -1077,6 +1083,9 @@
   margin: 4px;
   padding: 0;
 }
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper .e-frame {
+  margin: unset;
+}
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
   padding: 0;
   width: 100%;

package/styles/ribbon/highcontrast.css

@@ -877,6 +877,12 @@
 .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 {
   padding: 0;
 }
+.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control {
+  z-index: unset !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
 .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
   border: 1px solid transparent;
@@ -1082,6 +1088,9 @@
   margin: 9px 0 9px 12px;
   padding: 0;
 }
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper .e-frame {
+  margin: unset;
+}
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
   padding: 0;
   width: 100%;

package/styles/ribbon/material-dark.css

@@ -1013,6 +1013,12 @@
 .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 {
   padding: 0;
 }
+.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control {
+  z-index: unset !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
 .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
   border: 1px solid transparent;
@@ -1218,6 +1224,9 @@
   margin: 10px 0 10px 12px;
   padding: 0;
 }
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper .e-frame {
+  margin: unset;
+}
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
   padding: 0;
   width: 100%;

package/styles/ribbon/material.css

@@ -1018,6 +1018,12 @@
 .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 {
   padding: 0;
 }
+.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control {
+  z-index: unset !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
 .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
   border: 1px solid transparent;
@@ -1223,6 +1229,9 @@
   margin: 10px 0 10px 12px;
   padding: 0;
 }
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper .e-frame {
+  margin: unset;
+}
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
   padding: 0;
   width: 100%;

package/styles/ribbon/material3-dark.css

@@ -939,6 +939,12 @@
 .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 {
   padding: 0;
 }
+.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control {
+  z-index: unset !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
 .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
   border: 1px solid transparent;
@@ -1144,6 +1150,9 @@
   margin: 8px 0 8px 12px;
   padding: 0;
 }
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper .e-frame {
+  margin: unset;
+}
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
   padding: 0;
   width: 100%;

package/styles/ribbon/material3.css

@@ -941,6 +941,12 @@
 .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 {
   padding: 0;
 }
+.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control {
+  z-index: unset !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
 .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
   border: 1px solid transparent;
@@ -1146,6 +1152,9 @@
   margin: 8px 0 8px 12px;
   padding: 0;
 }
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper .e-frame {
+  margin: unset;
+}
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
   padding: 0;
   width: 100%;

package/styles/ribbon/tailwind-dark.css

@@ -987,6 +987,12 @@
 .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 {
   padding: 0;
 }
+.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control {
+  z-index: unset !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
 .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
   border: 1px solid transparent;
@@ -1192,6 +1198,9 @@
   margin: 7px 0 7px 12px;
   padding: 0;
 }
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper .e-frame {
+  margin: unset;
+}
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
   padding: 0;
   width: 100%;

package/styles/ribbon/tailwind.css

@@ -987,6 +987,12 @@
 .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 {
   padding: 0;
 }
+.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control {
+  z-index: unset !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
 .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
   border: 1px solid transparent;
@@ -1192,6 +1198,9 @@
   margin: 7px 0 7px 12px;
   padding: 0;
 }
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper .e-frame {
+  margin: unset;
+}
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
   padding: 0;
   width: 100%;

package/styles/ribbon/tailwind3.css

@@ -968,6 +968,12 @@
 .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 {
   padding: 0;
 }
+.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control {
+  z-index: unset !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
 .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
   border: 1px solid transparent;
@@ -1173,6 +1179,9 @@
   margin: 8px 0 8px 12px;
   padding: 0;
 }
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper .e-frame {
+  margin: unset;
+}
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
   padding: 0;
   width: 100%;

package/styles/tailwind-dark-lite.css

@@ -987,6 +987,12 @@
 .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 {
   padding: 0;
 }
+.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control {
+  z-index: unset !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
 .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
   border: 1px solid transparent;
@@ -1192,6 +1198,9 @@
   margin: 7px 0 7px 12px;
   padding: 0;
 }
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper .e-frame {
+  margin: unset;
+}
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
   padding: 0;
   width: 100%;

package/styles/tailwind-dark.css

@@ -987,6 +987,12 @@
 .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 {
   padding: 0;
 }
+.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control {
+  z-index: unset !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
 .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
   border: 1px solid transparent;
@@ -1192,6 +1198,9 @@
   margin: 7px 0 7px 12px;
   padding: 0;
 }
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper .e-frame {
+  margin: unset;
+}
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
   padding: 0;
   width: 100%;

package/styles/tailwind-lite.css

@@ -987,6 +987,12 @@
 .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 {
   padding: 0;
 }
+.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control {
+  z-index: unset !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
 .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
   border: 1px solid transparent;
@@ -1192,6 +1198,9 @@
   margin: 7px 0 7px 12px;
   padding: 0;
 }
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper .e-frame {
+  margin: unset;
+}
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
   padding: 0;
   width: 100%;

package/styles/tailwind.css

@@ -987,6 +987,12 @@
 .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 {
   padding: 0;
 }
+.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control {
+  z-index: unset !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
 .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
   border: 1px solid transparent;
@@ -1192,6 +1198,9 @@
   margin: 7px 0 7px 12px;
   padding: 0;
 }
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper .e-frame {
+  margin: unset;
+}
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
   padding: 0;
   width: 100%;

package/styles/tailwind3-lite.css

@@ -968,6 +968,12 @@
 .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 {
   padding: 0;
 }
+.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control {
+  z-index: unset !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
 .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
   border: 1px solid transparent;
@@ -1173,6 +1179,9 @@
   margin: 8px 0 8px 12px;
   padding: 0;
 }
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper .e-frame {
+  margin: unset;
+}
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
   padding: 0;
   width: 100%;

package/styles/tailwind3.css

@@ -968,6 +968,12 @@
 .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 {
   padding: 0;
 }
+.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-wrapper .e-colorpicker-popup.e-ribbon-control,
+.e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-colorpicker-container .e-colorpicker-popup.e-ribbon-control {
+  z-index: unset !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-ribbon.e-rbn .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper,
 .e-ribbon-group-overflow-ddb .e-ribbon-item:not(:has(.e-ribbon-template)) .e-split-btn-wrapper {
   border: 1px solid transparent;
@@ -1173,6 +1179,9 @@
   margin: 8px 0 8px 12px;
   padding: 0;
 }
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper .e-frame {
+  margin: unset;
+}
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
   padding: 0;
   width: 100%;

package/dist/ts/index.d.ts

@@ -1 +0,0 @@
-export * from './ribbon/index';

package/dist/ts/index.ts

@@ -1,3 +0,0 @@
-// export all modules from current location
-// example: export * from './module'
-export * from './ribbon/index';