npm - @syncfusion/blazor-themes - Versions diffs - 31.1.20 → 31.1.21 - Mend

@syncfusion/blazor-themes 31.1.20 → 31.1.21

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

package/SCSS-Themes/bds-dark.scss CHANGED Viewed

@@ -23869,11 +23869,12 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }
@@ -60638,6 +60639,10 @@ $treeview-item-active-hover-bg:$content-bg-color-hover !default;
               padding-top: 5px;
               padding-bottom: 5px;
             }
+            @if $skin-name == 'bootstrap5' {
+              padding-top: 3px;
+              padding-bottom: 3px;
+            }
           }
         }
       }
@@ -60755,10 +60760,6 @@ $treeview-item-active-hover-bg:$content-bg-color-hover !default;
           margin-top: 4px;
           margin-bottom: 4px;
         }
-        @else if($skin-name == 'bootstrap5') {
-          margin-bottom: 3px;
-          margin-top: 3px;
-        }
         @else {
           margin-bottom: 0;
         }
@@ -61808,8 +61809,7 @@ $treeview-item-active-hover-bg:$content-bg-color-hover !default;
       }
       @if $skin-name == 'highcontrast' {
-        padding-top: 11px;
-        padding-bottom: 11px;
+        padding: $treeview-big-text-padding;
       }
       @if $skin-name == 'material' or $skin-name == 'material-dark' {
@@ -61818,8 +61818,7 @@ $treeview-item-active-hover-bg:$content-bg-color-hover !default;
       }
       @if $skin-name == 'FluentUI' {
-        padding-top: 10px;
-        padding-bottom: 10px;
+        padding: $treeview-big-text-padding;
       }
       @if $skin-name == 'bootstrap4' {
@@ -62584,7 +62583,7 @@ $menu-caret-color: $cmenu-caret-color !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -62627,12 +62626,6 @@ $menu-caret-color: $cmenu-caret-color !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
-              line-height: $menu-icon-li-height;
-            }
-            @else {
-              line-height: $menu-li-height;
-            }
           }
         }
       }

package/SCSS-Themes/bds-lite.scss CHANGED Viewed

@@ -16691,11 +16691,12 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }
@@ -45026,6 +45027,10 @@ $treeview-item-active-hover-bg:$content-bg-color-hover !default;
               padding-top: 5px;
               padding-bottom: 5px;
             }
+            @if $skin-name == 'bootstrap5' {
+              padding-top: 3px;
+              padding-bottom: 3px;
+            }
           }
         }
       }
@@ -45143,10 +45148,6 @@ $treeview-item-active-hover-bg:$content-bg-color-hover !default;
           margin-top: 4px;
           margin-bottom: 4px;
         }
-        @else if($skin-name == 'bootstrap5') {
-          margin-bottom: 3px;
-          margin-top: 3px;
-        }
         @else {
           margin-bottom: 0;
         }
@@ -46470,7 +46471,7 @@ $menu-caret-color: $cmenu-caret-color !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -46513,12 +46514,6 @@ $menu-caret-color: $cmenu-caret-color !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
-              line-height: $menu-icon-li-height;
-            }
-            @else {
-              line-height: $menu-li-height;
-            }
           }
         }
       }

package/SCSS-Themes/bds.scss CHANGED Viewed

@@ -24164,11 +24164,12 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }
@@ -60933,6 +60934,10 @@ $treeview-item-active-hover-bg:$content-bg-color-hover !default;
               padding-top: 5px;
               padding-bottom: 5px;
             }
+            @if $skin-name == 'bootstrap5' {
+              padding-top: 3px;
+              padding-bottom: 3px;
+            }
           }
         }
       }
@@ -61050,10 +61055,6 @@ $treeview-item-active-hover-bg:$content-bg-color-hover !default;
           margin-top: 4px;
           margin-bottom: 4px;
         }
-        @else if($skin-name == 'bootstrap5') {
-          margin-bottom: 3px;
-          margin-top: 3px;
-        }
         @else {
           margin-bottom: 0;
         }
@@ -62103,8 +62104,7 @@ $treeview-item-active-hover-bg:$content-bg-color-hover !default;
       }
       @if $skin-name == 'highcontrast' {
-        padding-top: 11px;
-        padding-bottom: 11px;
+        padding: $treeview-big-text-padding;
       }
       @if $skin-name == 'material' or $skin-name == 'material-dark' {
@@ -62113,8 +62113,7 @@ $treeview-item-active-hover-bg:$content-bg-color-hover !default;
       }
       @if $skin-name == 'FluentUI' {
-        padding-top: 10px;
-        padding-bottom: 10px;
+        padding: $treeview-big-text-padding;
       }
       @if $skin-name == 'bootstrap4' {
@@ -62879,7 +62878,7 @@ $menu-caret-color: $cmenu-caret-color !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -62922,12 +62921,6 @@ $menu-caret-color: $cmenu-caret-color !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
-              line-height: $menu-icon-li-height;
-            }
-            @else {
-              line-height: $menu-li-height;
-            }
           }
         }
       }

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

@@ -15208,11 +15208,12 @@ $btn-focus-box-shadow: none !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }
@@ -43425,6 +43426,10 @@ $ripple-width: 32px !default;
               padding-top: 5px;
               padding-bottom: 5px;
             }
+            @if $skin-name == 'bootstrap5' {
+              padding-top: 3px;
+              padding-bottom: 3px;
+            }
           }
         }
       }
@@ -43542,10 +43547,6 @@ $ripple-width: 32px !default;
           margin-top: 4px;
           margin-bottom: 4px;
         }
-        @else if($skin-name == 'bootstrap5') {
-          margin-bottom: 3px;
-          margin-top: 3px;
-        }
         @else {
           margin-bottom: 0;
         }
@@ -44677,7 +44678,6 @@ $menu-blank-icon: 34px !default;
 $menu-ul-header-padding: $menu-ul-padding !default;
 $menu-separator-padding: 0 !default;
 $menu-li-height: 42px !default;
-$menu-icon-li-height: 30px !default;
 $menu-li-padding: 0 15px !default;
 $menu-li-text-indent: 15px !default;
 $menu-icon-font-size: 14px !default;
@@ -44813,7 +44813,7 @@ $menu-header-icon-padding: 0 16px !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -44856,12 +44856,6 @@ $menu-header-icon-padding: 0 16px !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
-              line-height: $menu-icon-li-height;
-            }
-            @else {
-              line-height: $menu-li-height;
-            }
           }
         }
       }

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

@@ -22681,11 +22681,12 @@ $btn-focus-box-shadow: none !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }
@@ -59332,6 +59333,10 @@ $ripple-width: 32px !default;
               padding-top: 5px;
               padding-bottom: 5px;
             }
+            @if $skin-name == 'bootstrap5' {
+              padding-top: 3px;
+              padding-bottom: 3px;
+            }
           }
         }
       }
@@ -59449,10 +59454,6 @@ $ripple-width: 32px !default;
           margin-top: 4px;
           margin-bottom: 4px;
         }
-        @else if($skin-name == 'bootstrap5') {
-          margin-bottom: 3px;
-          margin-top: 3px;
-        }
         @else {
           margin-bottom: 0;
         }
@@ -60498,8 +60499,7 @@ $ripple-width: 32px !default;
       }
       @if $skin-name == 'highcontrast' {
-        padding-top: 11px;
-        padding-bottom: 11px;
+        padding: $treeview-big-text-padding;
       }
       @if $skin-name == 'material' or $skin-name == 'material-dark' {
@@ -60508,8 +60508,7 @@ $ripple-width: 32px !default;
       }
       @if $skin-name == 'FluentUI' {
-        padding-top: 10px;
-        padding-bottom: 10px;
+        padding: $treeview-big-text-padding;
       }
       @if $skin-name == 'bootstrap4' {
@@ -61086,7 +61085,6 @@ $menu-blank-icon: 34px !default;
 $menu-ul-header-padding: $menu-ul-padding !default;
 $menu-separator-padding: 0 !default;
 $menu-li-height: 42px !default;
-$menu-icon-li-height: 30px !default;
 $menu-li-padding: 0 15px !default;
 $menu-li-text-indent: 15px !default;
 $menu-icon-font-size: 14px !default;
@@ -61222,7 +61220,7 @@ $menu-header-icon-padding: 0 16px !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -61265,12 +61263,6 @@ $menu-header-icon-padding: 0 16px !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
-              line-height: $menu-icon-li-height;
-            }
-            @else {
-              line-height: $menu-li-height;
-            }
           }
         }
       }

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

@@ -15117,11 +15117,12 @@ $btn-focus-box-shadow: none !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }
@@ -43187,6 +43188,10 @@ $ripple-width: 32px !default;
               padding-top: 5px;
               padding-bottom: 5px;
             }
+            @if $skin-name == 'bootstrap5' {
+              padding-top: 3px;
+              padding-bottom: 3px;
+            }
           }
         }
       }
@@ -43304,10 +43309,6 @@ $ripple-width: 32px !default;
           margin-top: 4px;
           margin-bottom: 4px;
         }
-        @else if($skin-name == 'bootstrap5') {
-          margin-bottom: 3px;
-          margin-top: 3px;
-        }
         @else {
           margin-bottom: 0;
         }
@@ -44457,7 +44458,6 @@ $menu-li-hover-outline-offset: 0 !default;
 $menu-li-border-style: solid !default;
 $menu-li-border-width: 1px !default;
 $menu-li-height: 40px !default;
-$menu-icon-li-height: 30px !default;
 $menu-li-padding: 0 12px !default;
 $menu-li-text-indent: 12px !default;
 $menu-li-right-padding: 12px !default;
@@ -44579,7 +44579,7 @@ $menu-header-icon-padding: 0 16px !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -44622,12 +44622,6 @@ $menu-header-icon-padding: 0 16px !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
-              line-height: $menu-icon-li-height;
-            }
-            @else {
-              line-height: $menu-li-height;
-            }
           }
         }
       }

package/SCSS-Themes/bootstrap.scss CHANGED Viewed

@@ -22590,11 +22590,12 @@ $btn-focus-box-shadow: none !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }
@@ -59094,6 +59095,10 @@ $ripple-width: 32px !default;
               padding-top: 5px;
               padding-bottom: 5px;
             }
+            @if $skin-name == 'bootstrap5' {
+              padding-top: 3px;
+              padding-bottom: 3px;
+            }
           }
         }
       }
@@ -59211,10 +59216,6 @@ $ripple-width: 32px !default;
           margin-top: 4px;
           margin-bottom: 4px;
         }
-        @else if($skin-name == 'bootstrap5') {
-          margin-bottom: 3px;
-          margin-top: 3px;
-        }
         @else {
           margin-bottom: 0;
         }
@@ -60260,8 +60261,7 @@ $ripple-width: 32px !default;
       }
       @if $skin-name == 'highcontrast' {
-        padding-top: 11px;
-        padding-bottom: 11px;
+        padding: $treeview-big-text-padding;
       }
       @if $skin-name == 'material' or $skin-name == 'material-dark' {
@@ -60270,8 +60270,7 @@ $ripple-width: 32px !default;
       }
       @if $skin-name == 'FluentUI' {
-        padding-top: 10px;
-        padding-bottom: 10px;
+        padding: $treeview-big-text-padding;
       }
       @if $skin-name == 'bootstrap4' {
@@ -60866,7 +60865,6 @@ $menu-li-hover-outline-offset: 0 !default;
 $menu-li-border-style: solid !default;
 $menu-li-border-width: 1px !default;
 $menu-li-height: 40px !default;
-$menu-icon-li-height: 30px !default;
 $menu-li-padding: 0 12px !default;
 $menu-li-text-indent: 12px !default;
 $menu-li-right-padding: 12px !default;
@@ -60988,7 +60986,7 @@ $menu-header-icon-padding: 0 16px !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -61031,12 +61029,6 @@ $menu-header-icon-padding: 0 16px !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
-              line-height: $menu-icon-li-height;
-            }
-            @else {
-              line-height: $menu-li-height;
-            }
           }
         }
       }

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

@@ -15034,11 +15034,12 @@ $btn-focus-box-shadow: none !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }
@@ -42919,7 +42920,7 @@ $treeview-navigable-icon-image-anchor-margin-reverse: 0 4px 0 8px !default;
 $treeview-navigable-rtl-margin-reverse: 0 12px 0 0 !default;
 $treeview-rtl-image-margin: 2px 4px 0 0 !default;
 $treeview-input-padding: 0 7px !default;
-$treeview-image-text-padding: 0 8px !default;
+$treeview-image-text-padding: 9px 8px !default;
 $treeview-icon-image-margin: 0 0 0 10px !default;
 $treeview-rtl-icon-image-margin: 0 10px 0 0 !default;
 $treeview-check-margin: 0 0 0 5px !default;
@@ -42950,7 +42951,7 @@ $treeview-big-drag-item-text-padding-left: 12px !default;
 $treeview-drag-text-padding: 0px 8px 0px 4px !default;
 $treeview-big-input-padding: 0 9px !default;
 $treeview-big-icon-padding: 7px !default;
-$treeview-big-image-text-padding: 0 12px !default;
+$treeview-big-image-text-padding: 13px 12px !default;
 $treeview-big-image-margin: 4px 0 0 10px !default;
 $treeview-big-rtl-icon-margin: 0 -24px 1px 0;
 $treeview-big-rtl-image-margin: 2px 10px 0 0 !default;
@@ -43231,6 +43232,10 @@ $ripple-width: 32px !default;
               padding-top: 5px;
               padding-bottom: 5px;
             }
+            @if $skin-name == 'bootstrap5' {
+              padding-top: 3px;
+              padding-bottom: 3px;
+            }
           }
         }
       }
@@ -43348,10 +43353,6 @@ $ripple-width: 32px !default;
           margin-top: 4px;
           margin-bottom: 4px;
         }
-        @else if($skin-name == 'bootstrap5') {
-          margin-bottom: 3px;
-          margin-top: 3px;
-        }
         @else {
           margin-bottom: 0;
         }
@@ -44623,7 +44624,7 @@ $menu-header-icon-padding: 0 16px !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -44666,12 +44667,6 @@ $menu-header-icon-padding: 0 16px !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
-              line-height: $menu-icon-li-height;
-            }
-            @else {
-              line-height: $menu-li-height;
-            }
           }
         }
       }

package/SCSS-Themes/bootstrap4.scss CHANGED Viewed

@@ -22507,11 +22507,12 @@ $btn-focus-box-shadow: none !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }
@@ -58826,7 +58827,7 @@ $treeview-navigable-icon-image-anchor-margin-reverse: 0 4px 0 8px !default;
 $treeview-navigable-rtl-margin-reverse: 0 12px 0 0 !default;
 $treeview-rtl-image-margin: 2px 4px 0 0 !default;
 $treeview-input-padding: 0 7px !default;
-$treeview-image-text-padding: 0 8px !default;
+$treeview-image-text-padding: 9px 8px !default;
 $treeview-icon-image-margin: 0 0 0 10px !default;
 $treeview-rtl-icon-image-margin: 0 10px 0 0 !default;
 $treeview-check-margin: 0 0 0 5px !default;
@@ -58857,7 +58858,7 @@ $treeview-big-drag-item-text-padding-left: 12px !default;
 $treeview-drag-text-padding: 0px 8px 0px 4px !default;
 $treeview-big-input-padding: 0 9px !default;
 $treeview-big-icon-padding: 7px !default;
-$treeview-big-image-text-padding: 0 12px !default;
+$treeview-big-image-text-padding: 13px 12px !default;
 $treeview-big-image-margin: 4px 0 0 10px !default;
 $treeview-big-rtl-icon-margin: 0 -24px 1px 0;
 $treeview-big-rtl-image-margin: 2px 10px 0 0 !default;
@@ -59138,6 +59139,10 @@ $ripple-width: 32px !default;
               padding-top: 5px;
               padding-bottom: 5px;
             }
+            @if $skin-name == 'bootstrap5' {
+              padding-top: 3px;
+              padding-bottom: 3px;
+            }
           }
         }
       }
@@ -59255,10 +59260,6 @@ $ripple-width: 32px !default;
           margin-top: 4px;
           margin-bottom: 4px;
         }
-        @else if($skin-name == 'bootstrap5') {
-          margin-bottom: 3px;
-          margin-top: 3px;
-        }
         @else {
           margin-bottom: 0;
         }
@@ -60304,8 +60305,7 @@ $ripple-width: 32px !default;
       }
       @if $skin-name == 'highcontrast' {
-        padding-top: 11px;
-        padding-bottom: 11px;
+        padding: $treeview-big-text-padding;
       }
       @if $skin-name == 'material' or $skin-name == 'material-dark' {
@@ -60314,8 +60314,7 @@ $ripple-width: 32px !default;
       }
       @if $skin-name == 'FluentUI' {
-        padding-top: 10px;
-        padding-bottom: 10px;
+        padding: $treeview-big-text-padding;
       }
       @if $skin-name == 'bootstrap4' {
@@ -61032,7 +61031,7 @@ $menu-header-icon-padding: 0 16px !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -61075,12 +61074,6 @@ $menu-header-icon-padding: 0 16px !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
-              line-height: $menu-icon-li-height;
-            }
-            @else {
-              line-height: $menu-li-height;
-            }
           }
         }
       }