npm - @syncfusion/blazor-themes - Versions diffs - 24.1.44 → 24.1.46 - Mend

@syncfusion/blazor-themes 24.1.44 → 24.1.46

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

package/SCSS-Themes/querybuilder/query-builder/fluent.scss CHANGED Viewed

@@ -700,6 +700,10 @@ $qrybldr-collapse-brdr-color: $border-light !default;
     border-top: $qrybldr-val-error-border;
   }
+  .e-qb-ddt.e-ddt .e-prevent .e-fullrow {
+    cursor: default !important; /* stylelint-disable-line declaration-no-important */
+  }
   .e-dropdown-popup {
     & .e-addgroup {

package/SCSS-Themes/querybuilder/query-builder/highcontrast.scss CHANGED Viewed

@@ -697,6 +697,10 @@ $qrybldr-btngrp-brdr-radius: 0 !default;
     border-top: $qrybldr-val-error-border;
   }
+  .e-qb-ddt.e-ddt .e-prevent .e-fullrow {
+    cursor: default !important; /* stylelint-disable-line declaration-no-important */
+  }
   .e-dropdown-popup {
     & .e-addgroup {

package/SCSS-Themes/querybuilder/query-builder/material-dark.scss CHANGED Viewed

@@ -698,6 +698,10 @@ $qrybldr-btngrp-brdr-radius: 2px !default;
     border-top: $qrybldr-val-error-border;
   }
+  .e-qb-ddt.e-ddt .e-prevent .e-fullrow {
+    cursor: default !important; /* stylelint-disable-line declaration-no-important */
+  }
   .e-dropdown-popup {
     & .e-addgroup {

package/SCSS-Themes/querybuilder/query-builder/material.scss CHANGED Viewed

@@ -697,6 +697,10 @@ $qrybldr-btngrp-brdr-radius: 2px !default;
     border-top: $qrybldr-val-error-border;
   }
+  .e-qb-ddt.e-ddt .e-prevent .e-fullrow {
+    cursor: default !important; /* stylelint-disable-line declaration-no-important */
+  }
   .e-dropdown-popup {
     & .e-addgroup {

package/SCSS-Themes/querybuilder/query-builder/material3-dark.scss CHANGED Viewed

@@ -703,6 +703,10 @@ $qrybldr-icon-color: rgba($icon-color) !default;
     border-top: $qrybldr-val-error-border;
   }
+  .e-qb-ddt.e-ddt .e-prevent .e-fullrow {
+    cursor: default !important; /* stylelint-disable-line declaration-no-important */
+  }
   .e-dropdown-popup {
     & .e-addgroup {

package/SCSS-Themes/querybuilder/query-builder/material3.scss CHANGED Viewed

@@ -703,6 +703,10 @@ $qrybldr-icon-color: rgba($icon-color) !default;
     border-top: $qrybldr-val-error-border;
   }
+  .e-qb-ddt.e-ddt .e-prevent .e-fullrow {
+    cursor: default !important; /* stylelint-disable-line declaration-no-important */
+  }
   .e-dropdown-popup {
     & .e-addgroup {

package/SCSS-Themes/querybuilder/query-builder/tailwind-dark.scss CHANGED Viewed

@@ -700,6 +700,10 @@ $qrybldr-collapse-brdr-color: $border-light !default;
     border-top: $qrybldr-val-error-border;
   }
+  .e-qb-ddt.e-ddt .e-prevent .e-fullrow {
+    cursor: default !important; /* stylelint-disable-line declaration-no-important */
+  }
   .e-dropdown-popup {
     & .e-addgroup {

package/SCSS-Themes/querybuilder/query-builder/tailwind.scss CHANGED Viewed

@@ -700,6 +700,10 @@ $qrybldr-collapse-brdr-color: $border-light !default;
     border-top: $qrybldr-val-error-border;
   }
+  .e-qb-ddt.e-ddt .e-prevent .e-fullrow {
+    cursor: default !important; /* stylelint-disable-line declaration-no-important */
+  }
   .e-dropdown-popup {
     & .e-addgroup {

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

@@ -57,6 +57,7 @@ $ribbon-large-items-btn-height: 18px !default;
 $ribbon-large-items-icon-size: 32px !default;
 $ribbon-large-items-max-width: 10ch !default;
 $ribbon-large-items-icon-padding: 8px 6px 6px !default;
+$ribbon-large-items-btn-gap: 5px !default;
 $ribbon-items-border: none !default;
 $ribbon-items-border-radius: 2px !default;
 $ribbon-items-font-weight: 400 !default;
@@ -153,6 +154,7 @@ $ribbon-bigger-large-items-icon-size: 40px !default;
 $ribbon-bigger-large-items-btn-padding: 0 6px !default;
 $ribbon-bigger-large-items-btn-size: 14px !default;
 $ribbon-bigger-large-items-btn-height: 22px !default;
+$ribbon-bigger-large-items-btn-gap: 8px !default;
 $ribbon-bigger-items-padding: 2px !default;
 $ribbon-bigger-items-btn-size: 14px !default;
 $ribbon-bigger-items-height: 22px !default;
@@ -932,6 +934,10 @@ $ribbon-filemenu-popup-border-radius: 4px !default;
           .e-icon-top {
             height: 50%;
           }
+          &.e-top-icon-btn {
+            gap: $ribbon-large-items-btn-gap;
+          }
         }
         & > .e-split-btn-wrapper.e-vertical .e-btn {
@@ -1557,6 +1563,10 @@ $ribbon-filemenu-popup-border-radius: 4px !default;
             font-size: $ribbon-bigger-large-items-icon-size;
             padding: $ribbon-bigger-large-items-icon-padding;
           }
+          &.e-top-icon-btn {
+            gap: $ribbon-bigger-large-items-btn-gap;
+          }
         }
         .e-dropdown-btn {

package/SCSS-Themes/ribbon/ribbon/bootstrap.scss CHANGED Viewed

@@ -57,6 +57,7 @@ $ribbon-large-items-btn-height: 18px !default;
 $ribbon-large-items-icon-size: 32px !default;
 $ribbon-large-items-max-width: 10ch !default;
 $ribbon-large-items-icon-padding: 8px 6px 6px !default;
+$ribbon-large-items-btn-gap: 5px !default;
 $ribbon-items-border: none !default;
 $ribbon-items-border-radius: 4px !default;
 $ribbon-items-font-weight: 400 !default;
@@ -153,6 +154,7 @@ $ribbon-bigger-large-items-icon-size: 40px !default;
 $ribbon-bigger-large-items-btn-padding: 0 5px !default;
 $ribbon-bigger-large-items-btn-size: 14px !default;
 $ribbon-bigger-large-items-btn-height: 22px !default;
+$ribbon-bigger-large-items-btn-gap: 9px !default;
 $ribbon-bigger-items-padding: 2px !default;
 $ribbon-bigger-items-btn-size: 14px !default;
 $ribbon-bigger-items-height: 22px !default;
@@ -932,6 +934,10 @@ $ribbon-filemenu-popup-border-radius: unset !default;
           .e-icon-top {
             height: 50%;
           }
+          &.e-top-icon-btn {
+            gap: $ribbon-large-items-btn-gap;
+          }
         }
         & > .e-split-btn-wrapper.e-vertical .e-btn {
@@ -1557,6 +1563,10 @@ $ribbon-filemenu-popup-border-radius: unset !default;
             font-size: $ribbon-bigger-large-items-icon-size;
             padding: $ribbon-bigger-large-items-icon-padding;
           }
+          &.e-top-icon-btn {
+            gap: $ribbon-bigger-large-items-btn-gap;
+          }
         }
         .e-dropdown-btn {

package/SCSS-Themes/ribbon/ribbon/bootstrap4.scss CHANGED Viewed

@@ -57,6 +57,7 @@ $ribbon-large-items-btn-height: 22px !default;
 $ribbon-large-items-icon-size: 32px !default;
 $ribbon-large-items-max-width: 10ch !default;
 $ribbon-large-items-icon-padding: 8px 5px 6px !default;
+$ribbon-large-items-btn-gap: 5px !default;
 $ribbon-items-border: none !default;
 $ribbon-items-border-radius: 4px !default;
 $ribbon-items-font-weight: 400 !default;
@@ -153,6 +154,7 @@ $ribbon-bigger-large-items-icon-size: 40px !default;
 $ribbon-bigger-large-items-btn-padding: 0 3px !default;
 $ribbon-bigger-large-items-btn-size: 16px !default;
 $ribbon-bigger-large-items-btn-height: 24px !default;
+$ribbon-bigger-large-items-btn-gap: 6px !default;
 $ribbon-bigger-items-padding: 1px !default;
 $ribbon-bigger-items-btn-size: 16px !default;
 $ribbon-bigger-items-height: 24px !default;
@@ -932,6 +934,10 @@ $ribbon-filemenu-popup-border-radius: 4px !default;
           .e-icon-top {
             height: 50%;
           }
+          &.e-top-icon-btn {
+            gap: $ribbon-large-items-btn-gap;
+          }
         }
         & > .e-split-btn-wrapper.e-vertical .e-btn {
@@ -1557,6 +1563,10 @@ $ribbon-filemenu-popup-border-radius: 4px !default;
             font-size: $ribbon-bigger-large-items-icon-size;
             padding: $ribbon-bigger-large-items-icon-padding;
           }
+          &.e-top-icon-btn {
+            gap: $ribbon-bigger-large-items-btn-gap;
+          }
         }
         .e-dropdown-btn {

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

@@ -57,6 +57,7 @@ $ribbon-large-items-btn-height: 18px !default;
 $ribbon-large-items-icon-size: $text-2xl !default;
 $ribbon-large-items-max-width: 10ch !default;
 $ribbon-large-items-icon-padding: 8px 6px 4px !default;
+$ribbon-large-items-btn-gap: 5px !default;
 $ribbon-items-border: none !default;
 $ribbon-items-border-radius: 4px !default;
 $ribbon-items-font-weight: 400 !default;
@@ -153,6 +154,7 @@ $ribbon-bigger-large-items-icon-size: 32px !default;
 $ribbon-bigger-large-items-btn-padding: 0 5px !default;
 $ribbon-bigger-large-items-btn-size: $text-sm !default;
 $ribbon-bigger-large-items-btn-height: 18px !default;
+$ribbon-bigger-large-items-btn-gap: 8px !default;
 $ribbon-bigger-items-padding: 2px !default;
 $ribbon-bigger-items-btn-size: $text-sm !default;
 $ribbon-bigger-items-height: 18px !default;
@@ -932,6 +934,10 @@ $ribbon-filemenu-popup-border-radius: 2px !default;
           .e-icon-top {
             height: 50%;
           }
+          &.e-top-icon-btn {
+            gap: $ribbon-large-items-btn-gap;
+          }
         }
         & > .e-split-btn-wrapper.e-vertical .e-btn {
@@ -1557,6 +1563,10 @@ $ribbon-filemenu-popup-border-radius: 2px !default;
             font-size: $ribbon-bigger-large-items-icon-size;
             padding: $ribbon-bigger-large-items-icon-padding;
           }
+          &.e-top-icon-btn {
+            gap: $ribbon-bigger-large-items-btn-gap;
+          }
         }
         .e-dropdown-btn {

package/SCSS-Themes/ribbon/ribbon/bootstrap5.scss CHANGED Viewed

@@ -57,6 +57,7 @@ $ribbon-large-items-btn-height: 18px !default;
 $ribbon-large-items-icon-size: $text-2xl !default;
 $ribbon-large-items-max-width: 10ch !default;
 $ribbon-large-items-icon-padding: 8px 6px 4px !default;
+$ribbon-large-items-btn-gap: 5px !default;
 $ribbon-items-border: none !default;
 $ribbon-items-border-radius: 4px !default;
 $ribbon-items-font-weight: 400 !default;
@@ -153,6 +154,7 @@ $ribbon-bigger-large-items-icon-size: 32px !default;
 $ribbon-bigger-large-items-btn-padding: 0 5px !default;
 $ribbon-bigger-large-items-btn-size: $text-sm !default;
 $ribbon-bigger-large-items-btn-height: 18px !default;
+$ribbon-bigger-large-items-btn-gap: 8px !default;
 $ribbon-bigger-items-padding: 2px !default;
 $ribbon-bigger-items-btn-size: $text-sm !default;
 $ribbon-bigger-items-height: 18px !default;
@@ -932,6 +934,10 @@ $ribbon-filemenu-popup-border-radius: 2px !default;
           .e-icon-top {
             height: 50%;
           }
+          &.e-top-icon-btn {
+            gap: $ribbon-large-items-btn-gap;
+          }
         }
         & > .e-split-btn-wrapper.e-vertical .e-btn {
@@ -1557,6 +1563,10 @@ $ribbon-filemenu-popup-border-radius: 2px !default;
             font-size: $ribbon-bigger-large-items-icon-size;
             padding: $ribbon-bigger-large-items-icon-padding;
           }
+          &.e-top-icon-btn {
+            gap: $ribbon-bigger-large-items-btn-gap;
+          }
         }
         .e-dropdown-btn {

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

@@ -57,6 +57,7 @@ $ribbon-large-items-btn-height: 18px !default;
 $ribbon-large-items-icon-size: 32px !default;
 $ribbon-large-items-max-width: 10ch !default;
 $ribbon-large-items-icon-padding: 12px 7px 4px !default;
+$ribbon-large-items-btn-gap: 6px !default;
 $ribbon-items-border: none !default;
 $ribbon-items-border-radius: unset !default;
 $ribbon-items-font-weight: 400 !default;
@@ -153,6 +154,7 @@ $ribbon-bigger-large-items-icon-size: 36px !default;
 $ribbon-bigger-large-items-btn-padding: 0 5px !default;
 $ribbon-bigger-large-items-btn-size: 14px !default;
 $ribbon-bigger-large-items-btn-height: 22px !default;
+$ribbon-bigger-large-items-btn-gap: 8px !default;
 $ribbon-bigger-items-padding: 2px !default;
 $ribbon-bigger-items-btn-size: 14px !default;
 $ribbon-bigger-items-height: 22px !default;
@@ -932,6 +934,10 @@ $ribbon-filemenu-popup-border-radius: unset !default;
           .e-icon-top {
             height: 50%;
           }
+          &.e-top-icon-btn {
+            gap: $ribbon-large-items-btn-gap;
+          }
         }
         & > .e-split-btn-wrapper.e-vertical .e-btn {
@@ -1557,6 +1563,10 @@ $ribbon-filemenu-popup-border-radius: unset !default;
             font-size: $ribbon-bigger-large-items-icon-size;
             padding: $ribbon-bigger-large-items-icon-padding;
           }
+          &.e-top-icon-btn {
+            gap: $ribbon-bigger-large-items-btn-gap;
+          }
         }
         .e-dropdown-btn {

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

@@ -57,6 +57,7 @@ $ribbon-large-items-btn-height: 22px !default;
 $ribbon-large-items-icon-size: 32px !default;
 $ribbon-large-items-max-width: 10ch !default;
 $ribbon-large-items-icon-padding: 12px 5px 4px !default;
+$ribbon-large-items-btn-gap: 5px !default;
 $ribbon-items-border: none !default;
 $ribbon-items-border-radius: unset !default;
 $ribbon-items-font-weight: 400 !default;
@@ -153,6 +154,7 @@ $ribbon-bigger-large-items-icon-size: 36px !default;
 $ribbon-bigger-large-items-btn-padding: 0 6px !default;
 $ribbon-bigger-large-items-btn-size: 14px !default;
 $ribbon-bigger-large-items-btn-height: 22px !default;
+$ribbon-bigger-large-items-btn-gap: 9px !default;
 $ribbon-bigger-items-padding: 2px !default;
 $ribbon-bigger-items-btn-size: 14px !default;
 $ribbon-bigger-items-height: 22px !default;
@@ -932,6 +934,10 @@ $ribbon-filemenu-popup-border-radius: unset !default;
           .e-icon-top {
             height: 50%;
           }
+          &.e-top-icon-btn {
+            gap: $ribbon-large-items-btn-gap;
+          }
         }
         & > .e-split-btn-wrapper.e-vertical .e-btn {
@@ -1557,6 +1563,10 @@ $ribbon-filemenu-popup-border-radius: unset !default;
             font-size: $ribbon-bigger-large-items-icon-size;
             padding: $ribbon-bigger-large-items-icon-padding;
           }
+          &.e-top-icon-btn {
+            gap: $ribbon-bigger-large-items-btn-gap;
+          }
         }
         .e-dropdown-btn {

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

@@ -57,6 +57,7 @@ $ribbon-large-items-btn-padding: 0 2px !default;
 $ribbon-large-items-btn-height: 18px !default;
 $ribbon-large-items-icon-size: $text-2xl !default;
 $ribbon-large-items-max-width: 10ch !default;
+$ribbon-large-items-btn-gap: 4px !default;
 $ribbon-items-border: none !default;
 $ribbon-items-border-radius: 2px !default;
 $ribbon-items-font-weight: $font-weight-normal !default;
@@ -153,6 +154,7 @@ $ribbon-bigger-large-items-icon-size: $text-4xl !default;
 $ribbon-bigger-large-items-btn-padding: 0 5px !default;
 $ribbon-bigger-large-items-btn-size: $text-sm !default;
 $ribbon-bigger-large-items-btn-height: 125% !default;
+$ribbon-bigger-large-items-btn-gap: 8px !default;
 $ribbon-bigger-items-padding: 2px !default;
 $ribbon-bigger-items-btn-size: $text-sm !default;
 $ribbon-bigger-items-height: 125% !default;
@@ -932,6 +934,10 @@ $ribbon-filemenu-popup-border-radius: 2px !default;
           .e-icon-top {
             height: 50%;
           }
+          &.e-top-icon-btn {
+            gap: $ribbon-large-items-btn-gap;
+          }
         }
         & > .e-split-btn-wrapper.e-vertical .e-btn {
@@ -1557,6 +1563,10 @@ $ribbon-filemenu-popup-border-radius: 2px !default;
             font-size: $ribbon-bigger-large-items-icon-size;
             padding: $ribbon-bigger-large-items-icon-padding;
           }
+          &.e-top-icon-btn {
+            gap: $ribbon-bigger-large-items-btn-gap;
+          }
         }
         .e-dropdown-btn {

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

@@ -57,6 +57,7 @@ $ribbon-large-items-btn-padding: 0 2px !default;
 $ribbon-large-items-btn-height: 18px !default;
 $ribbon-large-items-icon-size: $text-2xl !default;
 $ribbon-large-items-max-width: 10ch !default;
+$ribbon-large-items-btn-gap: 4px !default;
 $ribbon-items-border: none !default;
 $ribbon-items-border-radius: 2px !default;
 $ribbon-items-font-weight: $font-weight-normal !default;
@@ -153,6 +154,7 @@ $ribbon-bigger-large-items-icon-size: $text-4xl !default;
 $ribbon-bigger-large-items-btn-padding: 0 5px !default;
 $ribbon-bigger-large-items-btn-size: $text-sm !default;
 $ribbon-bigger-large-items-btn-height: 125% !default;
+$ribbon-bigger-large-items-btn-gap: 8px !default;
 $ribbon-bigger-items-padding: 2px !default;
 $ribbon-bigger-items-btn-size: $text-sm !default;
 $ribbon-bigger-items-height: 125% !default;
@@ -932,6 +934,10 @@ $ribbon-filemenu-popup-border-radius: 2px !default;
           .e-icon-top {
             height: 50%;
           }
+          &.e-top-icon-btn {
+            gap: $ribbon-large-items-btn-gap;
+          }
         }
         & > .e-split-btn-wrapper.e-vertical .e-btn {
@@ -1557,6 +1563,10 @@ $ribbon-filemenu-popup-border-radius: 2px !default;
             font-size: $ribbon-bigger-large-items-icon-size;
             padding: $ribbon-bigger-large-items-icon-padding;
           }
+          &.e-top-icon-btn {
+            gap: $ribbon-bigger-large-items-btn-gap;
+          }
         }
         .e-dropdown-btn {

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

@@ -57,6 +57,7 @@ $ribbon-large-items-btn-height: 22px !default;
 $ribbon-large-items-icon-size: 32px !default;
 $ribbon-large-items-max-width: 10ch !default;
 $ribbon-large-items-icon-padding: 12px 10px 4px !default;
+$ribbon-large-items-btn-gap: 8px !default;
 $ribbon-items-border: 2px solid !default;
 $ribbon-items-border-radius: unset !default;
 $ribbon-items-font-weight: 400 !default;
@@ -153,6 +154,7 @@ $ribbon-bigger-large-items-icon-size: 36px !default;
 $ribbon-bigger-large-items-btn-padding: 0 5px !default;
 $ribbon-bigger-large-items-btn-size: 16px !default;
 $ribbon-bigger-large-items-btn-height: 24px !default;
+$ribbon-bigger-large-items-btn-gap: 8px !default;
 $ribbon-bigger-items-padding: 2px !default;
 $ribbon-bigger-items-btn-size: 14px !default;
 $ribbon-bigger-items-height: 22px !default;
@@ -932,6 +934,10 @@ $ribbon-filemenu-popup-border-radius: unset !default;
           .e-icon-top {
             height: 50%;
           }
+          &.e-top-icon-btn {
+            gap: $ribbon-large-items-btn-gap;
+          }
         }
         & > .e-split-btn-wrapper.e-vertical .e-btn {
@@ -1557,6 +1563,10 @@ $ribbon-filemenu-popup-border-radius: unset !default;
             font-size: $ribbon-bigger-large-items-icon-size;
             padding: $ribbon-bigger-large-items-icon-padding;
           }
+          &.e-top-icon-btn {
+            gap: $ribbon-bigger-large-items-btn-gap;
+          }
         }
         .e-dropdown-btn {

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

@@ -57,6 +57,7 @@ $ribbon-large-items-btn-height: 18px !default;
 $ribbon-large-items-icon-size: 32px !default;
 $ribbon-large-items-max-width: 10ch !default;
 $ribbon-large-items-icon-padding: 8px 6px 6px !default;
+$ribbon-large-items-btn-gap: 7px !default;
 $ribbon-items-border: none !default;
 $ribbon-items-border-radius: unset !default;
 $ribbon-items-font-weight: 400 !default;
@@ -153,6 +154,7 @@ $ribbon-bigger-large-items-icon-size: 36px !default;
 $ribbon-bigger-large-items-btn-padding: 0 5px !default;
 $ribbon-bigger-large-items-btn-size: 16px !default;
 $ribbon-bigger-large-items-btn-height: 24px !default;
+$ribbon-bigger-large-items-btn-gap: 6px !default;
 $ribbon-bigger-items-padding: 2px !default;
 $ribbon-bigger-items-btn-size: 14px !default;
 $ribbon-bigger-items-height: 22px !default;
@@ -932,6 +934,10 @@ $ribbon-filemenu-popup-border-radius: unset !default;
           .e-icon-top {
             height: 50%;
           }
+          &.e-top-icon-btn {
+            gap: $ribbon-large-items-btn-gap;
+          }
         }
         & > .e-split-btn-wrapper.e-vertical .e-btn {
@@ -1557,6 +1563,10 @@ $ribbon-filemenu-popup-border-radius: unset !default;
             font-size: $ribbon-bigger-large-items-icon-size;
             padding: $ribbon-bigger-large-items-icon-padding;
           }
+          &.e-top-icon-btn {
+            gap: $ribbon-bigger-large-items-btn-gap;
+          }
         }
         .e-dropdown-btn {

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

@@ -57,6 +57,7 @@ $ribbon-large-items-btn-height: 18px !default;
 $ribbon-large-items-icon-size: 32px !default;
 $ribbon-large-items-max-width: 10ch !default;
 $ribbon-large-items-icon-padding: 8px 6px 6px !default;
+$ribbon-large-items-btn-gap: 7px !default;
 $ribbon-items-border: none !default;
 $ribbon-items-border-radius: unset !default;
 $ribbon-items-font-weight: 400 !default;
@@ -153,6 +154,7 @@ $ribbon-bigger-large-items-icon-size: 36px !default;
 $ribbon-bigger-large-items-btn-padding: 0 5px !default;
 $ribbon-bigger-large-items-btn-size: 16px !default;
 $ribbon-bigger-large-items-btn-height: 24px !default;
+$ribbon-bigger-large-items-btn-gap: 6px !default;
 $ribbon-bigger-items-padding: 2px !default;
 $ribbon-bigger-items-btn-size: 14px !default;
 $ribbon-bigger-items-height: 22px !default;
@@ -932,6 +934,10 @@ $ribbon-filemenu-popup-border-radius: unset !default;
           .e-icon-top {
             height: 50%;
           }
+          &.e-top-icon-btn {
+            gap: $ribbon-large-items-btn-gap;
+          }
         }
         & > .e-split-btn-wrapper.e-vertical .e-btn {
@@ -1557,6 +1563,10 @@ $ribbon-filemenu-popup-border-radius: unset !default;
             font-size: $ribbon-bigger-large-items-icon-size;
             padding: $ribbon-bigger-large-items-icon-padding;
           }
+          &.e-top-icon-btn {
+            gap: $ribbon-bigger-large-items-btn-gap;
+          }
         }
         .e-dropdown-btn {

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

@@ -57,6 +57,7 @@ $ribbon-large-items-btn-height: 15px !default;
 $ribbon-large-items-icon-size: $text-4xl !default;
 $ribbon-large-items-max-width: 10ch !default;
 $ribbon-large-items-icon-padding: 4px 3px !default;
+$ribbon-large-items-btn-gap: 4px !default;
 $ribbon-items-border: none !default;
 $ribbon-items-border-radius: 4px !default;
 $ribbon-items-font-weight: $font-weight-normal !default;
@@ -153,6 +154,7 @@ $ribbon-bigger-large-items-icon-size: 36px !default;
 $ribbon-bigger-large-items-btn-padding: 0 3px !default;
 $ribbon-bigger-large-items-btn-size: $text-sm !default;
 $ribbon-bigger-large-items-btn-height: 18px !default;
+$ribbon-bigger-large-items-btn-gap: 9px !default;
 $ribbon-bigger-items-padding: 2px !default;
 $ribbon-bigger-items-btn-size: $text-sm !default;
 $ribbon-bigger-items-height: 18px !default;
@@ -931,6 +933,10 @@ $ribbon-filemenu-popup-border-radius: 4px !default;
           .e-icon-top {
             height: 50%;
           }
+          &.e-top-icon-btn {
+            gap: $ribbon-large-items-btn-gap;
+          }
         }
         & > .e-split-btn-wrapper.e-vertical .e-btn {
@@ -1556,6 +1562,10 @@ $ribbon-filemenu-popup-border-radius: 4px !default;
             font-size: $ribbon-bigger-large-items-icon-size;
             padding: $ribbon-bigger-large-items-icon-padding;
           }
+          &.e-top-icon-btn {
+            gap: $ribbon-bigger-large-items-btn-gap;
+          }
         }
         .e-dropdown-btn {

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

@@ -57,6 +57,7 @@ $ribbon-large-items-btn-height: 15px !default;
 $ribbon-large-items-icon-size: $text-4xl !default;
 $ribbon-large-items-max-width: 10ch !default;
 $ribbon-large-items-icon-padding: 4px 3px !default;
+$ribbon-large-items-btn-gap: 4px !default;
 $ribbon-items-border: none !default;
 $ribbon-items-border-radius: 4px !default;
 $ribbon-items-font-weight: $font-weight-normal !default;
@@ -153,6 +154,7 @@ $ribbon-bigger-large-items-icon-size: 36px !default;
 $ribbon-bigger-large-items-btn-padding: 0 3px !default;
 $ribbon-bigger-large-items-btn-size: $text-sm !default;
 $ribbon-bigger-large-items-btn-height: 18px !default;
+$ribbon-bigger-large-items-btn-gap: 9px !default;
 $ribbon-bigger-items-padding: 2px !default;
 $ribbon-bigger-items-btn-size: $text-sm !default;
 $ribbon-bigger-items-height: 18px !default;
@@ -931,6 +933,10 @@ $ribbon-filemenu-popup-border-radius: 4px !default;
           .e-icon-top {
             height: 50%;
           }
+          &.e-top-icon-btn {
+            gap: $ribbon-large-items-btn-gap;
+          }
         }
         & > .e-split-btn-wrapper.e-vertical .e-btn {
@@ -1556,6 +1562,10 @@ $ribbon-filemenu-popup-border-radius: 4px !default;
             font-size: $ribbon-bigger-large-items-icon-size;
             padding: $ribbon-bigger-large-items-icon-padding;
           }
+          &.e-top-icon-btn {
+            gap: $ribbon-bigger-large-items-btn-gap;
+          }
         }
         .e-dropdown-btn {

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

@@ -57,6 +57,7 @@ $ribbon-large-items-btn-padding: 0 2px !default;
 $ribbon-large-items-btn-height: 18px !default;
 $ribbon-large-items-icon-size: $text-2xl !default;
 $ribbon-large-items-max-width: 10ch !default;
+$ribbon-large-items-btn-gap: 4px !default;
 $ribbon-items-border: none !default;
 $ribbon-items-border-radius: 4px !default;
 $ribbon-items-font-weight: $font-weight-normal !default;
@@ -153,6 +154,7 @@ $ribbon-bigger-large-items-icon-size: 32px !default;
 $ribbon-bigger-large-items-btn-padding: 0 5px !default;
 $ribbon-bigger-large-items-btn-size: $text-sm !default;
 $ribbon-bigger-large-items-btn-height: 125% !default;
+$ribbon-bigger-large-items-btn-gap: 8px !default;
 $ribbon-bigger-items-padding: 2px !default;
 $ribbon-bigger-items-btn-size: $text-sm !default;
 $ribbon-bigger-items-height: 125% !default;
@@ -932,6 +934,10 @@ $ribbon-filemenu-popup-border-radius: 2px !default;
           .e-icon-top {
             height: 50%;
           }
+          &.e-top-icon-btn {
+            gap: $ribbon-large-items-btn-gap;
+          }
         }
         & > .e-split-btn-wrapper.e-vertical .e-btn {
@@ -1557,6 +1563,10 @@ $ribbon-filemenu-popup-border-radius: 2px !default;
             font-size: $ribbon-bigger-large-items-icon-size;
             padding: $ribbon-bigger-large-items-icon-padding;
           }
+          &.e-top-icon-btn {
+            gap: $ribbon-bigger-large-items-btn-gap;
+          }
         }
         .e-dropdown-btn {