@syncfusion/blazor-themes 26.1.35 → 26.1.40

package/SCSS-Themes/ribbon/ribbon/fabric.scss

@@ -52,6 +52,7 @@ $ribbon-dropdown-btn-padding: 0 15px !default;
 $ribbon-dropdown-caret-btn-size: 12px !default;
 $ribbon-dropdown-caret-btn-height: 12px !default;
 $ribbon-dropdown-caret-btn-padding: 2px 4px !default;
+$ribbon-colorpicker-caret-btn-padding: $ribbon-dropdown-caret-btn-padding !default;
 $ribbon-items-padding: 2px !default;
 $ribbon-large-items-btn-padding: 0 3px !default;
 $ribbon-large-items-btn-height: 22px !default;
@@ -230,6 +231,7 @@ $ribbon-bigger-menu-blank-icon-padding: 36px !default;
 $ribbon-bigger-dropdown-btn-size: 16px !default;
 $ribbon-bigger-dropdown-btn-line-height: 16px !default;
 $ribbon-bigger-dropdown-caret-btn-padding: 3px 5px !default;
+$ribbon-bigger-colorpicker-caret-btn-padding: $ribbon-bigger-dropdown-caret-btn-padding !default;
 $ribbon-bigger-dropdown-caret-btn-size: 16px !default;
 $ribbon-bigger-dropdown-caret-icon-size: 18px !default;
 $ribbon-bigger-dropdown-caret-btn-height: 16px !default;
@@ -749,6 +751,10 @@ $ribbon-items-focus-box-shadow: none !default;
 
     .e-ribbon-tab-item {
       display: inline-flex;
+
+      &.e-disabled {
+        pointer-events: none;
+      }
     }
 
     .e-ribbon-group {
@@ -1228,6 +1234,10 @@ $ribbon-items-focus-box-shadow: none !default;
           }
         }
 
+        .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
+          padding: $ribbon-colorpicker-caret-btn-padding;
+        }
+
         .e-dropdown-btn .e-caret {
           @include ribbon-font-props($ribbon-dropdown-caret-btn-size, $ribbon-dropdown-caret-btn-height);
           padding: $ribbon-dropdown-caret-btn-padding;
@@ -1919,6 +1929,10 @@ $ribbon-items-focus-box-shadow: none !default;
           }
         }
 
+        .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
+          padding: $ribbon-bigger-colorpicker-caret-btn-padding;
+        }
+
         .e-dropdown-btn .e-caret {
           @include ribbon-font-props($ribbon-bigger-dropdown-caret-btn-size, $ribbon-bigger-dropdown-caret-btn-height);
           padding: $ribbon-bigger-dropdown-caret-btn-padding;

package/SCSS-Themes/ribbon/ribbon/fluent-dark.scss

@@ -52,6 +52,7 @@ $ribbon-dropdown-btn-padding: 0 12px !default;
 $ribbon-dropdown-caret-btn-size: $text-xs !default;
 $ribbon-dropdown-caret-btn-height: 12px !default;
 $ribbon-dropdown-caret-btn-padding: 2px !default;
+$ribbon-colorpicker-caret-btn-padding: $ribbon-dropdown-caret-btn-padding !default;
 $ribbon-items-padding: 2px !default;
 $ribbon-large-items-icon-padding: 8px 6px 4px !default;
 $ribbon-large-items-btn-padding: 0 2px !default;
@@ -230,6 +231,7 @@ $ribbon-bigger-menu-blank-icon-padding: 38px !default;
 $ribbon-bigger-dropdown-btn-size: $text-xs !default;
 $ribbon-bigger-dropdown-btn-line-height: 12px !default;
 $ribbon-bigger-dropdown-caret-btn-padding: 3px 2px !default;
+$ribbon-bigger-colorpicker-caret-btn-padding: $ribbon-bigger-dropdown-caret-btn-padding !default;
 $ribbon-bigger-dropdown-caret-btn-size: $text-sm !default;
 $ribbon-bigger-dropdown-caret-icon-size: $text-lg !default;
 $ribbon-bigger-dropdown-caret-btn-height: 12px !default;
@@ -749,6 +751,10 @@ $ribbon-items-focus-box-shadow: none !default;
 
     .e-ribbon-tab-item {
       display: inline-flex;
+
+      &.e-disabled {
+        pointer-events: none;
+      }
     }
 
     .e-ribbon-group {
@@ -1228,6 +1234,10 @@ $ribbon-items-focus-box-shadow: none !default;
           }
         }
 
+        .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
+          padding: $ribbon-colorpicker-caret-btn-padding;
+        }
+
         .e-dropdown-btn .e-caret {
           @include ribbon-font-props($ribbon-dropdown-caret-btn-size, $ribbon-dropdown-caret-btn-height);
           padding: $ribbon-dropdown-caret-btn-padding;
@@ -1919,6 +1929,10 @@ $ribbon-items-focus-box-shadow: none !default;
           }
         }
 
+        .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
+          padding: $ribbon-bigger-colorpicker-caret-btn-padding;
+        }
+
         .e-dropdown-btn .e-caret {
           @include ribbon-font-props($ribbon-bigger-dropdown-caret-btn-size, $ribbon-bigger-dropdown-caret-btn-height);
           padding: $ribbon-bigger-dropdown-caret-btn-padding;

package/SCSS-Themes/ribbon/ribbon/fluent.scss

@@ -52,6 +52,7 @@ $ribbon-dropdown-btn-padding: 0 12px !default;
 $ribbon-dropdown-caret-btn-size: $text-xs !default;
 $ribbon-dropdown-caret-btn-height: 12px !default;
 $ribbon-dropdown-caret-btn-padding: 2px !default;
+$ribbon-colorpicker-caret-btn-padding: $ribbon-dropdown-caret-btn-padding !default;
 $ribbon-items-padding: 2px !default;
 $ribbon-large-items-icon-padding: 8px 6px 4px !default;
 $ribbon-large-items-btn-padding: 0 2px !default;
@@ -230,6 +231,7 @@ $ribbon-bigger-menu-blank-icon-padding: 38px !default;
 $ribbon-bigger-dropdown-btn-size: $text-xs !default;
 $ribbon-bigger-dropdown-btn-line-height: 12px !default;
 $ribbon-bigger-dropdown-caret-btn-padding: 3px 2px !default;
+$ribbon-bigger-colorpicker-caret-btn-padding: $ribbon-bigger-dropdown-caret-btn-padding !default;
 $ribbon-bigger-dropdown-caret-btn-size: $text-sm !default;
 $ribbon-bigger-dropdown-caret-icon-size: $text-lg !default;
 $ribbon-bigger-dropdown-caret-btn-height: 12px !default;
@@ -749,6 +751,10 @@ $ribbon-items-focus-box-shadow: none !default;
 
     .e-ribbon-tab-item {
       display: inline-flex;
+
+      &.e-disabled {
+        pointer-events: none;
+      }
     }
 
     .e-ribbon-group {
@@ -1228,6 +1234,10 @@ $ribbon-items-focus-box-shadow: none !default;
           }
         }
 
+        .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
+          padding: $ribbon-colorpicker-caret-btn-padding;
+        }
+
         .e-dropdown-btn .e-caret {
           @include ribbon-font-props($ribbon-dropdown-caret-btn-size, $ribbon-dropdown-caret-btn-height);
           padding: $ribbon-dropdown-caret-btn-padding;
@@ -1919,6 +1929,10 @@ $ribbon-items-focus-box-shadow: none !default;
           }
         }
 
+        .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
+          padding: $ribbon-bigger-colorpicker-caret-btn-padding;
+        }
+
         .e-dropdown-btn .e-caret {
           @include ribbon-font-props($ribbon-bigger-dropdown-caret-btn-size, $ribbon-bigger-dropdown-caret-btn-height);
           padding: $ribbon-bigger-dropdown-caret-btn-padding;

package/SCSS-Themes/ribbon/ribbon/fluent2-dark.scss

@@ -52,6 +52,7 @@ $ribbon-dropdown-btn-padding: 0 12px !default;
 $ribbon-dropdown-caret-btn-size: $text-xs !default;
 $ribbon-dropdown-caret-btn-height: 12px !default;
 $ribbon-dropdown-caret-btn-padding: 0 12px 0 0 !default;
+$ribbon-colorpicker-caret-btn-padding: 0 4px !default;
 $ribbon-items-padding: 0 !default;
 $ribbon-large-items-icon-padding: 8px 0 4px !default;
 $ribbon-large-items-btn-padding: 0 8px !default;
@@ -79,7 +80,7 @@ $ribbon-input-height: 18px !default;
 $ribbon-input-weight: $font-weight-normal !default;
 $ribbon-input-icon-size: $text-sm !default;
 $ribbon-input-icon-height: 14px !default;
-$ribbon-input-icon-padding: 9px 13px !default;
+$ribbon-input-icon-padding: 8px 9px !default;
 $ribbon-input-icon-weight: $font-weight-normal !default;
 $ribbon-input-group-border-radius: 4px !default;
 $ribbon-input-group-margin: 0 2px 4px !default;
@@ -230,6 +231,7 @@ $ribbon-bigger-menu-blank-icon-padding: 38px !default;
 $ribbon-bigger-dropdown-btn-size: $text-xs !default;
 $ribbon-bigger-dropdown-btn-line-height: 12px !default;
 $ribbon-bigger-dropdown-caret-btn-padding: 0 11px 0 0 !default;
+$ribbon-bigger-colorpicker-caret-btn-padding: 0 6px !default;
 $ribbon-bigger-dropdown-caret-btn-size: $text-sm !default;
 $ribbon-bigger-dropdown-caret-btn-height: 14px !default;
 $ribbon-bigger-dropdown-caret-icon-size: $text-base !default;
@@ -749,6 +751,10 @@ $ribbon-gallery-button-selected-icon-color: $icon-color !default;
 
     .e-ribbon-tab-item {
       display: inline-flex;
+
+      &.e-disabled {
+        pointer-events: none;
+      }
     }
 
     .e-ribbon-group {
@@ -1228,6 +1234,10 @@ $ribbon-gallery-button-selected-icon-color: $icon-color !default;
           }
         }
 
+        .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
+          padding: $ribbon-colorpicker-caret-btn-padding;
+        }
+
         .e-dropdown-btn .e-caret {
           @include ribbon-font-props($ribbon-dropdown-caret-btn-size, $ribbon-dropdown-caret-btn-height);
           padding: $ribbon-dropdown-caret-btn-padding;
@@ -1919,6 +1929,10 @@ $ribbon-gallery-button-selected-icon-color: $icon-color !default;
           }
         }
 
+        .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
+          padding: $ribbon-bigger-colorpicker-caret-btn-padding;
+        }
+
         .e-dropdown-btn .e-caret {
           @include ribbon-font-props($ribbon-bigger-dropdown-caret-btn-size, $ribbon-bigger-dropdown-caret-btn-height);
           padding: $ribbon-bigger-dropdown-caret-btn-padding;

package/SCSS-Themes/ribbon/ribbon/fluent2.scss

@@ -52,6 +52,7 @@ $ribbon-dropdown-btn-padding: 0 12px !default;
 $ribbon-dropdown-caret-btn-size: $text-xs !default;
 $ribbon-dropdown-caret-btn-height: 12px !default;
 $ribbon-dropdown-caret-btn-padding: 0 12px 0 0 !default;
+$ribbon-colorpicker-caret-btn-padding: 0 4px !default;
 $ribbon-items-padding: 0 !default;
 $ribbon-large-items-icon-padding: 8px 0 4px !default;
 $ribbon-large-items-btn-padding: 0 8px !default;
@@ -79,7 +80,7 @@ $ribbon-input-height: 18px !default;
 $ribbon-input-weight: $font-weight-normal !default;
 $ribbon-input-icon-size: $text-sm !default;
 $ribbon-input-icon-height: 14px !default;
-$ribbon-input-icon-padding: 9px 13px !default;
+$ribbon-input-icon-padding: 8px 9px !default;
 $ribbon-input-icon-weight: $font-weight-normal !default;
 $ribbon-input-group-border-radius: 4px !default;
 $ribbon-input-group-margin: 0 2px 4px !default;
@@ -230,6 +231,7 @@ $ribbon-bigger-menu-blank-icon-padding: 38px !default;
 $ribbon-bigger-dropdown-btn-size: $text-xs !default;
 $ribbon-bigger-dropdown-btn-line-height: 12px !default;
 $ribbon-bigger-dropdown-caret-btn-padding: 0 11px 0 0 !default;
+$ribbon-bigger-colorpicker-caret-btn-padding: 0 6px !default;
 $ribbon-bigger-dropdown-caret-btn-size: $text-sm !default;
 $ribbon-bigger-dropdown-caret-btn-height: 14px !default;
 $ribbon-bigger-dropdown-caret-icon-size: $text-base !default;
@@ -749,6 +751,10 @@ $ribbon-gallery-button-selected-icon-color: $icon-color !default;
 
     .e-ribbon-tab-item {
       display: inline-flex;
+
+      &.e-disabled {
+        pointer-events: none;
+      }
     }
 
     .e-ribbon-group {
@@ -1228,6 +1234,10 @@ $ribbon-gallery-button-selected-icon-color: $icon-color !default;
           }
         }
 
+        .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
+          padding: $ribbon-colorpicker-caret-btn-padding;
+        }
+
         .e-dropdown-btn .e-caret {
           @include ribbon-font-props($ribbon-dropdown-caret-btn-size, $ribbon-dropdown-caret-btn-height);
           padding: $ribbon-dropdown-caret-btn-padding;
@@ -1919,6 +1929,10 @@ $ribbon-gallery-button-selected-icon-color: $icon-color !default;
           }
         }
 
+        .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
+          padding: $ribbon-bigger-colorpicker-caret-btn-padding;
+        }
+
         .e-dropdown-btn .e-caret {
           @include ribbon-font-props($ribbon-bigger-dropdown-caret-btn-size, $ribbon-bigger-dropdown-caret-btn-height);
           padding: $ribbon-bigger-dropdown-caret-btn-padding;

package/SCSS-Themes/ribbon/ribbon/highcontrast.scss

@@ -52,6 +52,7 @@ $ribbon-dropdown-btn-padding: 0 20px !default;
 $ribbon-dropdown-caret-btn-size: 12px !default;
 $ribbon-dropdown-caret-btn-height: 12px !default;
 $ribbon-dropdown-caret-btn-padding: 2px 4px !default;
+$ribbon-colorpicker-caret-btn-padding: $ribbon-dropdown-caret-btn-padding !default;
 $ribbon-items-padding: 2px !default;
 $ribbon-large-items-btn-padding: 0 5px !default;
 $ribbon-large-items-btn-height: 22px !default;
@@ -230,6 +231,7 @@ $ribbon-bigger-menu-blank-icon-padding: 36px !default;
 $ribbon-bigger-dropdown-btn-size: 16px !default;
 $ribbon-bigger-dropdown-btn-line-height: 16px !default;
 $ribbon-bigger-dropdown-caret-btn-padding: 3px 5px !default;
+$ribbon-bigger-colorpicker-caret-btn-padding: $ribbon-bigger-dropdown-caret-btn-padding !default;
 $ribbon-bigger-dropdown-caret-btn-size: 16px !default;
 $ribbon-bigger-dropdown-caret-icon-size: 18px !default;
 $ribbon-bigger-dropdown-caret-btn-height: 16px !default;
@@ -749,6 +751,10 @@ $ribbon-items-focus-box-shadow: none !default;
 
     .e-ribbon-tab-item {
       display: inline-flex;
+
+      &.e-disabled {
+        pointer-events: none;
+      }
     }
 
     .e-ribbon-group {
@@ -1228,6 +1234,10 @@ $ribbon-items-focus-box-shadow: none !default;
           }
         }
 
+        .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
+          padding: $ribbon-colorpicker-caret-btn-padding;
+        }
+
         .e-dropdown-btn .e-caret {
           @include ribbon-font-props($ribbon-dropdown-caret-btn-size, $ribbon-dropdown-caret-btn-height);
           padding: $ribbon-dropdown-caret-btn-padding;
@@ -1919,6 +1929,10 @@ $ribbon-items-focus-box-shadow: none !default;
           }
         }
 
+        .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
+          padding: $ribbon-bigger-colorpicker-caret-btn-padding;
+        }
+
         .e-dropdown-btn .e-caret {
           @include ribbon-font-props($ribbon-bigger-dropdown-caret-btn-size, $ribbon-bigger-dropdown-caret-btn-height);
           padding: $ribbon-bigger-dropdown-caret-btn-padding;

package/SCSS-Themes/ribbon/ribbon/material-dark.scss

@@ -52,6 +52,7 @@ $ribbon-dropdown-btn-padding: 0 15px !default;
 $ribbon-dropdown-caret-btn-size: 12px !default;
 $ribbon-dropdown-caret-btn-height: 12px !default;
 $ribbon-dropdown-caret-btn-padding: 2px 4px !default;
+$ribbon-colorpicker-caret-btn-padding: $ribbon-dropdown-caret-btn-padding !default;
 $ribbon-items-padding: 2px !default;
 $ribbon-large-items-btn-padding: 0 3px !default;
 $ribbon-large-items-btn-height: 18px !default;
@@ -230,6 +231,7 @@ $ribbon-bigger-menu-blank-icon-padding: 42px !default;
 $ribbon-bigger-dropdown-btn-size: 16px !default;
 $ribbon-bigger-dropdown-btn-line-height: 16px !default;
 $ribbon-bigger-dropdown-caret-btn-padding: 3px 5px !default;
+$ribbon-bigger-colorpicker-caret-btn-padding: $ribbon-bigger-dropdown-caret-btn-padding !default;
 $ribbon-bigger-dropdown-caret-btn-size: 16px !default;
 $ribbon-bigger-dropdown-caret-icon-size: 12px !default;
 $ribbon-bigger-dropdown-caret-btn-height: 16px !default;
@@ -749,6 +751,10 @@ $ribbon-items-focus-box-shadow: none !default;
 
     .e-ribbon-tab-item {
       display: inline-flex;
+
+      &.e-disabled {
+        pointer-events: none;
+      }
     }
 
     .e-ribbon-group {
@@ -1228,6 +1234,10 @@ $ribbon-items-focus-box-shadow: none !default;
           }
         }
 
+        .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
+          padding: $ribbon-colorpicker-caret-btn-padding;
+        }
+
         .e-dropdown-btn .e-caret {
           @include ribbon-font-props($ribbon-dropdown-caret-btn-size, $ribbon-dropdown-caret-btn-height);
           padding: $ribbon-dropdown-caret-btn-padding;
@@ -1919,6 +1929,10 @@ $ribbon-items-focus-box-shadow: none !default;
           }
         }
 
+        .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
+          padding: $ribbon-bigger-colorpicker-caret-btn-padding;
+        }
+
         .e-dropdown-btn .e-caret {
           @include ribbon-font-props($ribbon-bigger-dropdown-caret-btn-size, $ribbon-bigger-dropdown-caret-btn-height);
           padding: $ribbon-bigger-dropdown-caret-btn-padding;

package/SCSS-Themes/ribbon/ribbon/material.scss

@@ -52,6 +52,7 @@ $ribbon-dropdown-btn-padding: 0 15px !default;
 $ribbon-dropdown-caret-btn-size: 12px !default;
 $ribbon-dropdown-caret-btn-height: 12px !default;
 $ribbon-dropdown-caret-btn-padding: 2px 4px !default;
+$ribbon-colorpicker-caret-btn-padding: $ribbon-dropdown-caret-btn-padding !default;
 $ribbon-items-padding: 2px !default;
 $ribbon-large-items-btn-padding: 0 3px !default;
 $ribbon-large-items-btn-height: 18px !default;
@@ -230,6 +231,7 @@ $ribbon-bigger-menu-blank-icon-padding: 42px !default;
 $ribbon-bigger-dropdown-btn-size: 16px !default;
 $ribbon-bigger-dropdown-btn-line-height: 16px !default;
 $ribbon-bigger-dropdown-caret-btn-padding: 3px 5px !default;
+$ribbon-bigger-colorpicker-caret-btn-padding: $ribbon-bigger-dropdown-caret-btn-padding !default;
 $ribbon-bigger-dropdown-caret-btn-size: 16px !default;
 $ribbon-bigger-dropdown-caret-icon-size: 12px !default;
 $ribbon-bigger-dropdown-caret-btn-height: 16px !default;
@@ -749,6 +751,10 @@ $ribbon-items-focus-box-shadow: none !default;
 
     .e-ribbon-tab-item {
       display: inline-flex;
+
+      &.e-disabled {
+        pointer-events: none;
+      }
     }
 
     .e-ribbon-group {
@@ -1228,6 +1234,10 @@ $ribbon-items-focus-box-shadow: none !default;
           }
         }
 
+        .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
+          padding: $ribbon-colorpicker-caret-btn-padding;
+        }
+
         .e-dropdown-btn .e-caret {
           @include ribbon-font-props($ribbon-dropdown-caret-btn-size, $ribbon-dropdown-caret-btn-height);
           padding: $ribbon-dropdown-caret-btn-padding;
@@ -1919,6 +1929,10 @@ $ribbon-items-focus-box-shadow: none !default;
           }
         }
 
+        .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
+          padding: $ribbon-bigger-colorpicker-caret-btn-padding;
+        }
+
         .e-dropdown-btn .e-caret {
           @include ribbon-font-props($ribbon-bigger-dropdown-caret-btn-size, $ribbon-bigger-dropdown-caret-btn-height);
           padding: $ribbon-bigger-dropdown-caret-btn-padding;

package/SCSS-Themes/ribbon/ribbon/material3-dark.scss

@@ -52,6 +52,7 @@ $ribbon-dropdown-btn-padding: 0 5px !default;
 $ribbon-dropdown-caret-btn-size: $text-xs !default;
 $ribbon-dropdown-caret-btn-height: 12px !default;
 $ribbon-dropdown-caret-btn-padding: 2px 5px !default;
+$ribbon-colorpicker-caret-btn-padding: $ribbon-dropdown-caret-btn-padding !default;
 $ribbon-items-padding: 2px !default;
 $ribbon-large-items-btn-padding: 0 2px !default;
 $ribbon-large-items-btn-height: 15px !default;
@@ -230,6 +231,7 @@ $ribbon-bigger-menu-blank-icon-padding: 50px !default;
 $ribbon-bigger-dropdown-btn-size: $text-xs !default;
 $ribbon-bigger-dropdown-btn-line-height: 12px !default;
 $ribbon-bigger-dropdown-caret-btn-padding: 2px 4px !default;
+$ribbon-bigger-colorpicker-caret-btn-padding: $ribbon-bigger-dropdown-caret-btn-padding !default;
 $ribbon-bigger-dropdown-caret-btn-size: $text-xs !default;
 $ribbon-bigger-dropdown-caret-icon-size: $text-base !default;
 $ribbon-bigger-dropdown-caret-btn-height: 12px !default;
@@ -749,6 +751,10 @@ $ribbon-items-focus-box-shadow: none !default;
 
     .e-ribbon-tab-item {
       display: inline-flex;
+
+      &.e-disabled {
+        pointer-events: none;
+      }
     }
 
     .e-ribbon-group {
@@ -1228,6 +1234,10 @@ $ribbon-items-focus-box-shadow: none !default;
           }
         }
 
+        .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
+          padding: $ribbon-colorpicker-caret-btn-padding;
+        }
+
         .e-dropdown-btn .e-caret {
           @include ribbon-font-props($ribbon-dropdown-caret-btn-size, $ribbon-dropdown-caret-btn-height);
           padding: $ribbon-dropdown-caret-btn-padding;
@@ -1919,6 +1929,10 @@ $ribbon-items-focus-box-shadow: none !default;
           }
         }
 
+        .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
+          padding: $ribbon-bigger-colorpicker-caret-btn-padding;
+        }
+
         .e-dropdown-btn .e-caret {
           @include ribbon-font-props($ribbon-bigger-dropdown-caret-btn-size, $ribbon-bigger-dropdown-caret-btn-height);
           padding: $ribbon-bigger-dropdown-caret-btn-padding;

package/SCSS-Themes/ribbon/ribbon/material3.scss

@@ -52,6 +52,7 @@ $ribbon-dropdown-btn-padding: 0 5px !default;
 $ribbon-dropdown-caret-btn-size: $text-xs !default;
 $ribbon-dropdown-caret-btn-height: 12px !default;
 $ribbon-dropdown-caret-btn-padding: 2px 5px !default;
+$ribbon-colorpicker-caret-btn-padding: $ribbon-dropdown-caret-btn-padding !default;
 $ribbon-items-padding: 2px !default;
 $ribbon-large-items-btn-padding: 0 2px !default;
 $ribbon-large-items-btn-height: 15px !default;
@@ -230,6 +231,7 @@ $ribbon-bigger-menu-blank-icon-padding: 50px !default;
 $ribbon-bigger-dropdown-btn-size: $text-xs !default;
 $ribbon-bigger-dropdown-btn-line-height: 12px !default;
 $ribbon-bigger-dropdown-caret-btn-padding: 2px 4px !default;
+$ribbon-bigger-colorpicker-caret-btn-padding: $ribbon-bigger-dropdown-caret-btn-padding !default;
 $ribbon-bigger-dropdown-caret-btn-size: $text-xs !default;
 $ribbon-bigger-dropdown-caret-icon-size: $text-base !default;
 $ribbon-bigger-dropdown-caret-btn-height: 12px !default;
@@ -749,6 +751,10 @@ $ribbon-items-focus-box-shadow: none !default;
 
     .e-ribbon-tab-item {
       display: inline-flex;
+
+      &.e-disabled {
+        pointer-events: none;
+      }
     }
 
     .e-ribbon-group {
@@ -1228,6 +1234,10 @@ $ribbon-items-focus-box-shadow: none !default;
           }
         }
 
+        .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
+          padding: $ribbon-colorpicker-caret-btn-padding;
+        }
+
         .e-dropdown-btn .e-caret {
           @include ribbon-font-props($ribbon-dropdown-caret-btn-size, $ribbon-dropdown-caret-btn-height);
           padding: $ribbon-dropdown-caret-btn-padding;
@@ -1919,6 +1929,10 @@ $ribbon-items-focus-box-shadow: none !default;
           }
         }
 
+        .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
+          padding: $ribbon-bigger-colorpicker-caret-btn-padding;
+        }
+
         .e-dropdown-btn .e-caret {
           @include ribbon-font-props($ribbon-bigger-dropdown-caret-btn-size, $ribbon-bigger-dropdown-caret-btn-height);
           padding: $ribbon-bigger-dropdown-caret-btn-padding;

package/SCSS-Themes/ribbon/ribbon/tailwind-dark.scss

@@ -52,6 +52,7 @@ $ribbon-dropdown-btn-padding: 0 12px !default;
 $ribbon-dropdown-caret-btn-size: $text-xs !default;
 $ribbon-dropdown-caret-btn-height: 12px !default;
 $ribbon-dropdown-caret-btn-padding: 2px !default;
+$ribbon-colorpicker-caret-btn-padding: $ribbon-dropdown-caret-btn-padding !default;
 $ribbon-items-padding: 2px !default;
 $ribbon-large-items-icon-padding: 8px 6px 4px !default;
 $ribbon-large-items-btn-padding: 0 2px !default;
@@ -230,6 +231,7 @@ $ribbon-bigger-menu-blank-icon-padding: 50px !default;
 $ribbon-bigger-dropdown-btn-size: $text-xs !default;
 $ribbon-bigger-dropdown-btn-line-height: 12px !default;
 $ribbon-bigger-dropdown-caret-btn-padding: 3px 2px !default;
+$ribbon-bigger-colorpicker-caret-btn-padding: $ribbon-bigger-dropdown-caret-btn-padding !default;
 $ribbon-bigger-dropdown-caret-btn-size: $text-sm !default;
 $ribbon-bigger-dropdown-caret-icon-size: $text-lg !default;
 $ribbon-bigger-dropdown-caret-btn-height: 12px !default;
@@ -749,6 +751,10 @@ $ribbon-items-focus-box-shadow: none !default;
 
     .e-ribbon-tab-item {
       display: inline-flex;
+
+      &.e-disabled {
+        pointer-events: none;
+      }
     }
 
     .e-ribbon-group {
@@ -1228,6 +1234,10 @@ $ribbon-items-focus-box-shadow: none !default;
           }
         }
 
+        .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
+          padding: $ribbon-colorpicker-caret-btn-padding;
+        }
+
         .e-dropdown-btn .e-caret {
           @include ribbon-font-props($ribbon-dropdown-caret-btn-size, $ribbon-dropdown-caret-btn-height);
           padding: $ribbon-dropdown-caret-btn-padding;
@@ -1919,6 +1929,10 @@ $ribbon-items-focus-box-shadow: none !default;
           }
         }
 
+        .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
+          padding: $ribbon-bigger-colorpicker-caret-btn-padding;
+        }
+
         .e-dropdown-btn .e-caret {
           @include ribbon-font-props($ribbon-bigger-dropdown-caret-btn-size, $ribbon-bigger-dropdown-caret-btn-height);
           padding: $ribbon-bigger-dropdown-caret-btn-padding;

package/SCSS-Themes/ribbon/ribbon/tailwind.scss

@@ -52,6 +52,7 @@ $ribbon-dropdown-btn-padding: 0 12px !default;
 $ribbon-dropdown-caret-btn-size: $text-xs !default;
 $ribbon-dropdown-caret-btn-height: 12px !default;
 $ribbon-dropdown-caret-btn-padding: 2px !default;
+$ribbon-colorpicker-caret-btn-padding: $ribbon-dropdown-caret-btn-padding !default;
 $ribbon-items-padding: 2px !default;
 $ribbon-large-items-icon-padding: 8px 6px 4px !default;
 $ribbon-large-items-btn-padding: 0 2px !default;
@@ -230,6 +231,7 @@ $ribbon-bigger-menu-blank-icon-padding: 50px !default;
 $ribbon-bigger-dropdown-btn-size: $text-xs !default;
 $ribbon-bigger-dropdown-btn-line-height: 12px !default;
 $ribbon-bigger-dropdown-caret-btn-padding: 3px 2px !default;
+$ribbon-bigger-colorpicker-caret-btn-padding: $ribbon-bigger-dropdown-caret-btn-padding !default;
 $ribbon-bigger-dropdown-caret-btn-size: $text-sm !default;
 $ribbon-bigger-dropdown-caret-icon-size: $text-lg !default;
 $ribbon-bigger-dropdown-caret-btn-height: 12px !default;
@@ -749,6 +751,10 @@ $ribbon-items-focus-box-shadow: none !default;
 
     .e-ribbon-tab-item {
       display: inline-flex;
+
+      &.e-disabled {
+        pointer-events: none;
+      }
     }
 
     .e-ribbon-group {
@@ -1228,6 +1234,10 @@ $ribbon-items-focus-box-shadow: none !default;
           }
         }
 
+        .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
+          padding: $ribbon-colorpicker-caret-btn-padding;
+        }
+
         .e-dropdown-btn .e-caret {
           @include ribbon-font-props($ribbon-dropdown-caret-btn-size, $ribbon-dropdown-caret-btn-height);
           padding: $ribbon-dropdown-caret-btn-padding;
@@ -1919,6 +1929,10 @@ $ribbon-items-focus-box-shadow: none !default;
           }
         }
 
+        .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
+          padding: $ribbon-bigger-colorpicker-caret-btn-padding;
+        }
+
         .e-dropdown-btn .e-caret {
           @include ribbon-font-props($ribbon-bigger-dropdown-caret-btn-size, $ribbon-bigger-dropdown-caret-btn-height);
           padding: $ribbon-bigger-dropdown-caret-btn-padding;

package/SCSS-Themes/richtexteditor/rich-text-editor/bds-dark.scss

@@ -1524,14 +1524,24 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
           font-size: 2em;
           font-weight: bold;
           height: 40px;
-          line-height: 40px;
+          @if $skin-name =='fluent2' {
+            line-height: 25px;
+          }
+          @else {
+            line-height: 40px;
+          }
         }
 
         &.e-h2 {
           font-size: 1.5em;
           font-weight: bold;
           height: 40px;
-          line-height: 40px;
+          @if $skin-name =='fluent2' {
+            line-height: 25px;
+          }
+          @else {
+            line-height: 40px;
+          }
         }
 
         &.e-h3 {
@@ -2873,7 +2883,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       .e-rte-dropdown-btn-text,
       .e-background-color,
       .e-rte-font-color {
-        font-size: 14px;
+        font-size: 16px;
       }
     }
     .e-bigger {
@@ -2882,27 +2892,27 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         .e-rte-dropdown-btn-text,
         .e-background-color,
         .e-rte-font-color {
-          font-size: 16px;
+          font-size: 18px;
         }
       }
     }
     .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn {
       .e-background-color,
-      .e-rte-font-color{
-        font-size: 14px;
+      .e-rte-font-color {
+        font-size: 16px;
       }
     }
     .e-bigger {
       .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn {
         .e-background-color,
-        .e-rte-font-color{
-          font-size: 16px;
+        .e-rte-font-color {
+          font-size: 18px;
         }
       }
-      .e-rte-container{
+      .e-rte-container {
         border-radius: 4px;
       }
-      .e-richtexteditor{
+      .e-richtexteditor {
         border-radius: 4px;
         .e-toolbar {
           border-radius: 4px 4px 0 0;