npm - @syncfusion/blazor-themes - Versions diffs - 26.1.35 → 26.1.39 - Mend

@syncfusion/blazor-themes 26.1.35 → 26.1.39

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 (391) hide show

package/SCSS-Themes/ribbon/ribbon/fabric-dark.scss CHANGED Viewed

@@ -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: 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/fabric.scss CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 {