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/fluent-dark.scss CHANGED Viewed

@@ -22786,11 +22786,12 @@ $btn-warning-focus-box-shadow: $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;
 }
@@ -59153,7 +59154,7 @@ $treeview-navigable-icon-image-anchor-margin: 0 12px 0 0 !default;
 $treeview-navigable-icon-image-anchor-margin-reverse: 0 0 0 12px !default;
 $treeview-navigable-rtl-margin-reverse: 0 16px 0 0 !default;
 $treeview-rtl-image-margin: 0 12px 0 0 !default;
-$treeview-image-text-padding: 0 12px !default;
+$treeview-image-text-padding: 8px 12px !default;
 $treeview-icon-image-margin: 0 0 0 12px !default;
 $treeview-rtl-icon-image-margin: 0 12px 0 0 !default;
 $treeview-check-margin: 0 0 0 12px !default;
@@ -59175,7 +59176,7 @@ $treeview-big-icon-font-size: $text-2xl !default;
 $treeview-big-item-height: 44px !default;
 $treeview-big-text-height: 24px !default;
 $treeview-big-input-height: 40px !default;
-$treeview-big-text-padding: 0 16px !default;
+$treeview-big-text-padding: 10px 16px !default;
 $treeview-big-input-padding: 0 9px !default;
 $treeview-big-icon-padding: 0px !default;
 $treeview-big-image-margin: 0 0 0 16px !default;
@@ -59190,7 +59191,7 @@ $treeview-big-root-ul-padding: 0 0 0 16px !default;
 $treeview-big-rtl-root-ul-padding: 0 16px 0 0 !default;
 $treeview-big-child-ul-padding: 0 0 0 24px !default;
 $treeview-big-rtl-child-ul-padding: 0 24px 0 0 !default;
-$treeview-big-image-text-padding: 0 16px !default;
+$treeview-big-image-text-padding: 10px 16px !default;
 $treeview-big-icon-margin: 0 0 0 -24px !default;
 $treeview-big-rtl-icon-margin: 0 -24px 0 0 !default;
 $treeview-big-text-wrap-padding: 0 0 0 24px !default;
@@ -59497,6 +59498,10 @@ $treeview-item-active-check-color: $primary !default;
               padding-top: 5px;
               padding-bottom: 5px;
             }
+            @if $skin-name == 'bootstrap5' {
+              padding-top: 3px;
+              padding-bottom: 3px;
+            }
           }
         }
       }
@@ -59614,10 +59619,6 @@ $treeview-item-active-check-color: $primary !default;
           margin-top: 4px;
           margin-bottom: 4px;
         }
-        @else if($skin-name == 'bootstrap5') {
-          margin-bottom: 3px;
-          margin-top: 3px;
-        }
         @else {
           margin-bottom: 0;
         }
@@ -60667,8 +60668,7 @@ $treeview-item-active-check-color: $primary !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' {
@@ -60677,8 +60677,7 @@ $treeview-item-active-check-color: $primary !default;
       }
       @if $skin-name == 'FluentUI' {
-        padding-top: 10px;
-        padding-bottom: 10px;
+        padding: $treeview-big-text-padding;
       }
       @if $skin-name == 'bootstrap4' {
@@ -61287,7 +61286,7 @@ $menu-bigger-hscroll-nav-size: 46px !default;
 $menu-bigger-vscroll-nav-size: 32px !default;
 $menu-bigger-scroll-nav-icon-size: $text-lg !default;
 $menu-header-icon-padding: 0 16px !default;
-$menu-icon-li-height: 40px !default;
+$menu-icon-li-height: 44px !default;
 $menu-li-bgcolor: $content-bg-color-alt3 !default;
 $menu-li-border-color: $border-light !default;
 $menu-li-selection-bgcolor: $content-bg-color-alt3 !default;
@@ -61397,7 +61396,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 {
@@ -61440,12 +61439,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/fluent-lite.scss CHANGED Viewed

@@ -15313,11 +15313,12 @@ $btn-warning-focus-box-shadow: $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;
 }
@@ -43246,7 +43247,7 @@ $treeview-navigable-icon-image-anchor-margin: 0 12px 0 0 !default;
 $treeview-navigable-icon-image-anchor-margin-reverse: 0 0 0 12px !default;
 $treeview-navigable-rtl-margin-reverse: 0 16px 0 0 !default;
 $treeview-rtl-image-margin: 0 12px 0 0 !default;
-$treeview-image-text-padding: 0 12px !default;
+$treeview-image-text-padding: 8px 12px !default;
 $treeview-icon-image-margin: 0 0 0 12px !default;
 $treeview-rtl-icon-image-margin: 0 12px 0 0 !default;
 $treeview-check-margin: 0 0 0 12px !default;
@@ -43268,7 +43269,7 @@ $treeview-big-icon-font-size: $text-2xl !default;
 $treeview-big-item-height: 44px !default;
 $treeview-big-text-height: 24px !default;
 $treeview-big-input-height: 40px !default;
-$treeview-big-text-padding: 0 16px !default;
+$treeview-big-text-padding: 10px 16px !default;
 $treeview-big-input-padding: 0 9px !default;
 $treeview-big-icon-padding: 0px !default;
 $treeview-big-image-margin: 0 0 0 16px !default;
@@ -43283,7 +43284,7 @@ $treeview-big-root-ul-padding: 0 0 0 16px !default;
 $treeview-big-rtl-root-ul-padding: 0 16px 0 0 !default;
 $treeview-big-child-ul-padding: 0 0 0 24px !default;
 $treeview-big-rtl-child-ul-padding: 0 24px 0 0 !default;
-$treeview-big-image-text-padding: 0 16px !default;
+$treeview-big-image-text-padding: 10px 16px !default;
 $treeview-big-icon-margin: 0 0 0 -24px !default;
 $treeview-big-rtl-icon-margin: 0 -24px 0 0 !default;
 $treeview-big-text-wrap-padding: 0 0 0 24px !default;
@@ -43590,6 +43591,10 @@ $treeview-item-active-check-color: $primary !default;
               padding-top: 5px;
               padding-bottom: 5px;
             }
+            @if $skin-name == 'bootstrap5' {
+              padding-top: 3px;
+              padding-bottom: 3px;
+            }
           }
         }
       }
@@ -43707,10 +43712,6 @@ $treeview-item-active-check-color: $primary !default;
           margin-top: 4px;
           margin-bottom: 4px;
         }
-        @else if($skin-name == 'bootstrap5') {
-          margin-bottom: 3px;
-          margin-top: 3px;
-        }
         @else {
           margin-bottom: 0;
         }
@@ -44878,7 +44879,7 @@ $menu-bigger-hscroll-nav-size: 46px !default;
 $menu-bigger-vscroll-nav-size: 32px !default;
 $menu-bigger-scroll-nav-icon-size: $text-lg !default;
 $menu-header-icon-padding: 0 16px !default;
-$menu-icon-li-height: 40px !default;
+$menu-icon-li-height: 44px !default;
 $menu-li-bgcolor: $content-bg-color-alt3 !default;
 $menu-li-border-color: $border-light !default;
 $menu-li-selection-bgcolor: $content-bg-color-alt3 !default;
@@ -44988,7 +44989,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 {
@@ -45031,12 +45032,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/fluent.scss CHANGED Viewed

@@ -22786,11 +22786,12 @@ $btn-warning-focus-box-shadow: $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;
 }
@@ -59153,7 +59154,7 @@ $treeview-navigable-icon-image-anchor-margin: 0 12px 0 0 !default;
 $treeview-navigable-icon-image-anchor-margin-reverse: 0 0 0 12px !default;
 $treeview-navigable-rtl-margin-reverse: 0 16px 0 0 !default;
 $treeview-rtl-image-margin: 0 12px 0 0 !default;
-$treeview-image-text-padding: 0 12px !default;
+$treeview-image-text-padding: 8px 12px !default;
 $treeview-icon-image-margin: 0 0 0 12px !default;
 $treeview-rtl-icon-image-margin: 0 12px 0 0 !default;
 $treeview-check-margin: 0 0 0 12px !default;
@@ -59175,7 +59176,7 @@ $treeview-big-icon-font-size: $text-2xl !default;
 $treeview-big-item-height: 44px !default;
 $treeview-big-text-height: 24px !default;
 $treeview-big-input-height: 40px !default;
-$treeview-big-text-padding: 0 16px !default;
+$treeview-big-text-padding: 10px 16px !default;
 $treeview-big-input-padding: 0 9px !default;
 $treeview-big-icon-padding: 0px !default;
 $treeview-big-image-margin: 0 0 0 16px !default;
@@ -59190,7 +59191,7 @@ $treeview-big-root-ul-padding: 0 0 0 16px !default;
 $treeview-big-rtl-root-ul-padding: 0 16px 0 0 !default;
 $treeview-big-child-ul-padding: 0 0 0 24px !default;
 $treeview-big-rtl-child-ul-padding: 0 24px 0 0 !default;
-$treeview-big-image-text-padding: 0 16px !default;
+$treeview-big-image-text-padding: 10px 16px !default;
 $treeview-big-icon-margin: 0 0 0 -24px !default;
 $treeview-big-rtl-icon-margin: 0 -24px 0 0 !default;
 $treeview-big-text-wrap-padding: 0 0 0 24px !default;
@@ -59497,6 +59498,10 @@ $treeview-item-active-check-color: $primary !default;
               padding-top: 5px;
               padding-bottom: 5px;
             }
+            @if $skin-name == 'bootstrap5' {
+              padding-top: 3px;
+              padding-bottom: 3px;
+            }
           }
         }
       }
@@ -59614,10 +59619,6 @@ $treeview-item-active-check-color: $primary !default;
           margin-top: 4px;
           margin-bottom: 4px;
         }
-        @else if($skin-name == 'bootstrap5') {
-          margin-bottom: 3px;
-          margin-top: 3px;
-        }
         @else {
           margin-bottom: 0;
         }
@@ -60667,8 +60668,7 @@ $treeview-item-active-check-color: $primary !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' {
@@ -60677,8 +60677,7 @@ $treeview-item-active-check-color: $primary !default;
       }
       @if $skin-name == 'FluentUI' {
-        padding-top: 10px;
-        padding-bottom: 10px;
+        padding: $treeview-big-text-padding;
       }
       @if $skin-name == 'bootstrap4' {
@@ -61287,7 +61286,7 @@ $menu-bigger-hscroll-nav-size: 46px !default;
 $menu-bigger-vscroll-nav-size: 32px !default;
 $menu-bigger-scroll-nav-icon-size: $text-lg !default;
 $menu-header-icon-padding: 0 16px !default;
-$menu-icon-li-height: 40px !default;
+$menu-icon-li-height: 44px !default;
 $menu-li-bgcolor: $content-bg-color-alt3 !default;
 $menu-li-border-color: $border-light !default;
 $menu-li-selection-bgcolor: $content-bg-color-alt3 !default;
@@ -61397,7 +61396,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 {
@@ -61440,12 +61439,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/fluent2-dark-lite.scss CHANGED Viewed

@@ -16796,11 +16796,12 @@ $btn-keyboard-focus-border-color: $shadow-color !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;
 }
@@ -45177,6 +45178,10 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
               padding-top: 5px;
               padding-bottom: 5px;
             }
+            @if $skin-name == 'bootstrap5' {
+              padding-top: 3px;
+              padding-bottom: 3px;
+            }
           }
         }
       }
@@ -45294,10 +45299,6 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
           margin-top: 4px;
           margin-bottom: 4px;
         }
-        @else if($skin-name == 'bootstrap5') {
-          margin-bottom: 3px;
-          margin-top: 3px;
-        }
         @else {
           margin-bottom: 0;
         }
@@ -46489,7 +46490,7 @@ $menu-icon-color: $icon-color !default;
 $menu-icon-hover-color: $content-text-color-hover !default;
 $menu-icon-focussed-color: $cmenu-caret-color !default;
 $menu-caret-color: $icon-color-pressed !default;
-$menu-icon-li-height: 18px !default;
+$menu-icon-li-height: 42px !default;
 $menu-bigger-li-icon-height: 55px !default;
@@ -46578,7 +46579,7 @@ $menu-bigger-li-icon-height: 55px !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 {
@@ -46621,12 +46622,6 @@ $menu-bigger-li-icon-height: 55px !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/fluent2-dark.scss CHANGED Viewed

@@ -24269,11 +24269,12 @@ $btn-keyboard-focus-border-color: $shadow-color !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;
 }
@@ -61084,6 +61085,10 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
               padding-top: 5px;
               padding-bottom: 5px;
             }
+            @if $skin-name == 'bootstrap5' {
+              padding-top: 3px;
+              padding-bottom: 3px;
+            }
           }
         }
       }
@@ -61201,10 +61206,6 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
           margin-top: 4px;
           margin-bottom: 4px;
         }
-        @else if($skin-name == 'bootstrap5') {
-          margin-bottom: 3px;
-          margin-top: 3px;
-        }
         @else {
           margin-bottom: 0;
         }
@@ -62254,8 +62255,7 @@ $treeview-drag-icon-color: $treeview-icon-color !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' {
@@ -62264,8 +62264,7 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
       }
       @if $skin-name == 'FluentUI' {
-        padding-top: 10px;
-        padding-bottom: 10px;
+        padding: $treeview-big-text-padding;
       }
       @if $skin-name == 'bootstrap4' {
@@ -62898,7 +62897,7 @@ $menu-icon-color: $icon-color !default;
 $menu-icon-hover-color: $content-text-color-hover !default;
 $menu-icon-focussed-color: $cmenu-caret-color !default;
 $menu-caret-color: $icon-color-pressed !default;
-$menu-icon-li-height: 18px !default;
+$menu-icon-li-height: 42px !default;
 $menu-bigger-li-icon-height: 55px !default;
@@ -62987,7 +62986,7 @@ $menu-bigger-li-icon-height: 55px !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 {
@@ -63030,12 +63029,6 @@ $menu-bigger-li-icon-height: 55px !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/fluent2-highcontrast-lite.scss CHANGED Viewed

@@ -16796,11 +16796,12 @@ $btn-keyboard-focus-border-color: $shadow-color !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;
 }
@@ -45177,6 +45178,10 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
               padding-top: 5px;
               padding-bottom: 5px;
             }
+            @if $skin-name == 'bootstrap5' {
+              padding-top: 3px;
+              padding-bottom: 3px;
+            }
           }
         }
       }
@@ -45294,10 +45299,6 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
           margin-top: 4px;
           margin-bottom: 4px;
         }
-        @else if($skin-name == 'bootstrap5') {
-          margin-bottom: 3px;
-          margin-top: 3px;
-        }
         @else {
           margin-bottom: 0;
         }
@@ -46489,7 +46490,7 @@ $menu-icon-color: $icon-color !default;
 $menu-icon-hover-color: $content-text-color-hover !default;
 $menu-icon-focussed-color: $cmenu-caret-color !default;
 $menu-caret-color: $icon-color-pressed !default;
-$menu-icon-li-height: 18px !default;
+$menu-icon-li-height: 42px !default;
 $menu-bigger-li-icon-height: 55px !default;
@@ -46578,7 +46579,7 @@ $menu-bigger-li-icon-height: 55px !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 {
@@ -46621,12 +46622,6 @@ $menu-bigger-li-icon-height: 55px !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/fluent2-highcontrast.scss CHANGED Viewed

@@ -24269,11 +24269,12 @@ $btn-keyboard-focus-border-color: $shadow-color !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;
 }
@@ -61084,6 +61085,10 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
               padding-top: 5px;
               padding-bottom: 5px;
             }
+            @if $skin-name == 'bootstrap5' {
+              padding-top: 3px;
+              padding-bottom: 3px;
+            }
           }
         }
       }
@@ -61201,10 +61206,6 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
           margin-top: 4px;
           margin-bottom: 4px;
         }
-        @else if($skin-name == 'bootstrap5') {
-          margin-bottom: 3px;
-          margin-top: 3px;
-        }
         @else {
           margin-bottom: 0;
         }
@@ -62254,8 +62255,7 @@ $treeview-drag-icon-color: $treeview-icon-color !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' {
@@ -62264,8 +62264,7 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
       }
       @if $skin-name == 'FluentUI' {
-        padding-top: 10px;
-        padding-bottom: 10px;
+        padding: $treeview-big-text-padding;
       }
       @if $skin-name == 'bootstrap4' {
@@ -62898,7 +62897,7 @@ $menu-icon-color: $icon-color !default;
 $menu-icon-hover-color: $content-text-color-hover !default;
 $menu-icon-focussed-color: $cmenu-caret-color !default;
 $menu-caret-color: $icon-color-pressed !default;
-$menu-icon-li-height: 18px !default;
+$menu-icon-li-height: 42px !default;
 $menu-bigger-li-icon-height: 55px !default;
@@ -62987,7 +62986,7 @@ $menu-bigger-li-icon-height: 55px !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 {
@@ -63030,12 +63029,6 @@ $menu-bigger-li-icon-height: 55px !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;
-            }
           }
         }
       }