@syncfusion/blazor-themes 27.2.3 → 27.2.5

package/SCSS-Themes/navigations/treeview/bootstrap.scss

@@ -252,6 +252,12 @@ $ripple-width: 32px !default;
       }
     }
 
+    @if ($skin-name == 'fluent2') {
+      .e-checkbox-wrapper .e-frame {
+        margin-right: 0;
+      }
+    }
+
     .e-ul {
       margin: 0;
       padding: $treeview-root-ul-padding;
@@ -446,6 +452,15 @@ $ripple-width: 32px !default;
       }
     }
 
+    .e-navigable-text {
+      @if ($skin-name != 'Material3') {
+        padding: $treeview-text-padding;
+      }
+      @else {
+        padding: 0;
+      }
+    }
+
     .e-list-icon,
     .e-list-img {
       display: inline-block;
@@ -462,6 +477,10 @@ $ripple-width: 32px !default;
       & + .e-list-text {
         padding: $treeview-image-text-padding;
       }
+
+      & + .e-navigable-text {
+        padding: $treeview-image-text-padding;
+      }
     }
 
     .e-icon-collapsible,
@@ -605,6 +624,14 @@ $ripple-width: 32px !default;
         padding: $treeview-check-margin;
       }
 
+      .e-nav-wrapper {
+        padding: 0;
+      }
+
+      .e-checkbox-wrapper + .e-list-text .e-nav-wrapper:not(:has(.e-list-icon)) {
+        padding: 0;
+      }
+
       .e-list-icon,
       .e-list-img {
         @if $skin-name == 'bootstrap4' {
@@ -734,6 +761,10 @@ $ripple-width: 32px !default;
           padding: $treeview-rtl-check-margin;
         }
 
+        .e-nav-wrapper {
+          padding: 0;
+        }
+
         .e-list-icon,
         .e-list-img,
         .e-list-icon + .e-list-img {

package/SCSS-Themes/navigations/treeview/bootstrap4-lite.scss

@@ -280,6 +280,12 @@ $ripple-width: 32px !default;
       }
     }
 
+    @if ($skin-name == 'fluent2') {
+      .e-checkbox-wrapper .e-frame {
+        margin-right: 0;
+      }
+    }
+
     .e-ul {
       margin: 0;
       padding: $treeview-root-ul-padding;
@@ -474,6 +480,15 @@ $ripple-width: 32px !default;
       }
     }
 
+    .e-navigable-text {
+      @if ($skin-name != 'Material3') {
+        padding: $treeview-text-padding;
+      }
+      @else {
+        padding: 0;
+      }
+    }
+
     .e-list-icon,
     .e-list-img {
       display: inline-block;
@@ -490,6 +505,10 @@ $ripple-width: 32px !default;
       & + .e-list-text {
         padding: $treeview-image-text-padding;
       }
+
+      & + .e-navigable-text {
+        padding: $treeview-image-text-padding;
+      }
     }
 
     .e-icon-collapsible,
@@ -633,6 +652,14 @@ $ripple-width: 32px !default;
         padding: $treeview-check-margin;
       }
 
+      .e-nav-wrapper {
+        padding: 0;
+      }
+
+      .e-checkbox-wrapper + .e-list-text .e-nav-wrapper:not(:has(.e-list-icon)) {
+        padding: 0;
+      }
+
       .e-list-icon,
       .e-list-img {
         @if $skin-name == 'bootstrap4' {
@@ -762,6 +789,10 @@ $ripple-width: 32px !default;
           padding: $treeview-rtl-check-margin;
         }
 
+        .e-nav-wrapper {
+          padding: 0;
+        }
+
         .e-list-icon,
         .e-list-img,
         .e-list-icon + .e-list-img {

package/SCSS-Themes/navigations/treeview/bootstrap4.scss

@@ -280,6 +280,12 @@ $ripple-width: 32px !default;
       }
     }
 
+    @if ($skin-name == 'fluent2') {
+      .e-checkbox-wrapper .e-frame {
+        margin-right: 0;
+      }
+    }
+
     .e-ul {
       margin: 0;
       padding: $treeview-root-ul-padding;
@@ -474,6 +480,15 @@ $ripple-width: 32px !default;
       }
     }
 
+    .e-navigable-text {
+      @if ($skin-name != 'Material3') {
+        padding: $treeview-text-padding;
+      }
+      @else {
+        padding: 0;
+      }
+    }
+
     .e-list-icon,
     .e-list-img {
       display: inline-block;
@@ -490,6 +505,10 @@ $ripple-width: 32px !default;
       & + .e-list-text {
         padding: $treeview-image-text-padding;
       }
+
+      & + .e-navigable-text {
+        padding: $treeview-image-text-padding;
+      }
     }
 
     .e-icon-collapsible,
@@ -633,6 +652,14 @@ $ripple-width: 32px !default;
         padding: $treeview-check-margin;
       }
 
+      .e-nav-wrapper {
+        padding: 0;
+      }
+
+      .e-checkbox-wrapper + .e-list-text .e-nav-wrapper:not(:has(.e-list-icon)) {
+        padding: 0;
+      }
+
       .e-list-icon,
       .e-list-img {
         @if $skin-name == 'bootstrap4' {
@@ -762,6 +789,10 @@ $ripple-width: 32px !default;
           padding: $treeview-rtl-check-margin;
         }
 
+        .e-nav-wrapper {
+          padding: 0;
+        }
+
         .e-list-icon,
         .e-list-img,
         .e-list-icon + .e-list-img {

package/SCSS-Themes/navigations/treeview/bootstrap5-dark-lite.scss

@@ -259,6 +259,12 @@ $treeview-item-active-check-color: $primary !default;
       }
     }
 
+    @if ($skin-name == 'fluent2') {
+      .e-checkbox-wrapper .e-frame {
+        margin-right: 0;
+      }
+    }
+
     .e-ul {
       margin: 0;
       padding: $treeview-root-ul-padding;
@@ -453,6 +459,15 @@ $treeview-item-active-check-color: $primary !default;
       }
     }
 
+    .e-navigable-text {
+      @if ($skin-name != 'Material3') {
+        padding: $treeview-text-padding;
+      }
+      @else {
+        padding: 0;
+      }
+    }
+
     .e-list-icon,
     .e-list-img {
       display: inline-block;
@@ -469,6 +484,10 @@ $treeview-item-active-check-color: $primary !default;
       & + .e-list-text {
         padding: $treeview-image-text-padding;
       }
+
+      & + .e-navigable-text {
+        padding: $treeview-image-text-padding;
+      }
     }
 
     .e-icon-collapsible,
@@ -612,6 +631,14 @@ $treeview-item-active-check-color: $primary !default;
         padding: $treeview-check-margin;
       }
 
+      .e-nav-wrapper {
+        padding: 0;
+      }
+
+      .e-checkbox-wrapper + .e-list-text .e-nav-wrapper:not(:has(.e-list-icon)) {
+        padding: 0;
+      }
+
       .e-list-icon,
       .e-list-img {
         @if $skin-name == 'bootstrap4' {
@@ -741,6 +768,10 @@ $treeview-item-active-check-color: $primary !default;
           padding: $treeview-rtl-check-margin;
         }
 
+        .e-nav-wrapper {
+          padding: 0;
+        }
+
         .e-list-icon,
         .e-list-img,
         .e-list-icon + .e-list-img {

package/SCSS-Themes/navigations/treeview/bootstrap5-dark.scss

@@ -259,6 +259,12 @@ $treeview-item-active-check-color: $primary !default;
       }
     }
 
+    @if ($skin-name == 'fluent2') {
+      .e-checkbox-wrapper .e-frame {
+        margin-right: 0;
+      }
+    }
+
     .e-ul {
       margin: 0;
       padding: $treeview-root-ul-padding;
@@ -453,6 +459,15 @@ $treeview-item-active-check-color: $primary !default;
       }
     }
 
+    .e-navigable-text {
+      @if ($skin-name != 'Material3') {
+        padding: $treeview-text-padding;
+      }
+      @else {
+        padding: 0;
+      }
+    }
+
     .e-list-icon,
     .e-list-img {
       display: inline-block;
@@ -469,6 +484,10 @@ $treeview-item-active-check-color: $primary !default;
       & + .e-list-text {
         padding: $treeview-image-text-padding;
       }
+
+      & + .e-navigable-text {
+        padding: $treeview-image-text-padding;
+      }
     }
 
     .e-icon-collapsible,
@@ -612,6 +631,14 @@ $treeview-item-active-check-color: $primary !default;
         padding: $treeview-check-margin;
       }
 
+      .e-nav-wrapper {
+        padding: 0;
+      }
+
+      .e-checkbox-wrapper + .e-list-text .e-nav-wrapper:not(:has(.e-list-icon)) {
+        padding: 0;
+      }
+
       .e-list-icon,
       .e-list-img {
         @if $skin-name == 'bootstrap4' {
@@ -741,6 +768,10 @@ $treeview-item-active-check-color: $primary !default;
           padding: $treeview-rtl-check-margin;
         }
 
+        .e-nav-wrapper {
+          padding: 0;
+        }
+
         .e-list-icon,
         .e-list-img,
         .e-list-icon + .e-list-img {

package/SCSS-Themes/navigations/treeview/bootstrap5-lite.scss

@@ -259,6 +259,12 @@ $treeview-item-active-check-color: $primary !default;
       }
     }
 
+    @if ($skin-name == 'fluent2') {
+      .e-checkbox-wrapper .e-frame {
+        margin-right: 0;
+      }
+    }
+
     .e-ul {
       margin: 0;
       padding: $treeview-root-ul-padding;
@@ -453,6 +459,15 @@ $treeview-item-active-check-color: $primary !default;
       }
     }
 
+    .e-navigable-text {
+      @if ($skin-name != 'Material3') {
+        padding: $treeview-text-padding;
+      }
+      @else {
+        padding: 0;
+      }
+    }
+
     .e-list-icon,
     .e-list-img {
       display: inline-block;
@@ -469,6 +484,10 @@ $treeview-item-active-check-color: $primary !default;
       & + .e-list-text {
         padding: $treeview-image-text-padding;
       }
+
+      & + .e-navigable-text {
+        padding: $treeview-image-text-padding;
+      }
     }
 
     .e-icon-collapsible,
@@ -612,6 +631,14 @@ $treeview-item-active-check-color: $primary !default;
         padding: $treeview-check-margin;
       }
 
+      .e-nav-wrapper {
+        padding: 0;
+      }
+
+      .e-checkbox-wrapper + .e-list-text .e-nav-wrapper:not(:has(.e-list-icon)) {
+        padding: 0;
+      }
+
       .e-list-icon,
       .e-list-img {
         @if $skin-name == 'bootstrap4' {
@@ -741,6 +768,10 @@ $treeview-item-active-check-color: $primary !default;
           padding: $treeview-rtl-check-margin;
         }
 
+        .e-nav-wrapper {
+          padding: 0;
+        }
+
         .e-list-icon,
         .e-list-img,
         .e-list-icon + .e-list-img {

package/SCSS-Themes/navigations/treeview/bootstrap5.3-dark-lite.scss

@@ -258,6 +258,12 @@ $treeview-item-active-check-color: $primary !default;
       }
     }
 
+    @if ($skin-name == 'fluent2') {
+      .e-checkbox-wrapper .e-frame {
+        margin-right: 0;
+      }
+    }
+
     .e-ul {
       margin: 0;
       padding: $treeview-root-ul-padding;
@@ -452,6 +458,15 @@ $treeview-item-active-check-color: $primary !default;
       }
     }
 
+    .e-navigable-text {
+      @if ($skin-name != 'Material3') {
+        padding: $treeview-text-padding;
+      }
+      @else {
+        padding: 0;
+      }
+    }
+
     .e-list-icon,
     .e-list-img {
       display: inline-block;
@@ -468,6 +483,10 @@ $treeview-item-active-check-color: $primary !default;
       & + .e-list-text {
         padding: $treeview-image-text-padding;
       }
+
+      & + .e-navigable-text {
+        padding: $treeview-image-text-padding;
+      }
     }
 
     .e-icon-collapsible,
@@ -611,6 +630,14 @@ $treeview-item-active-check-color: $primary !default;
         padding: $treeview-check-margin;
       }
 
+      .e-nav-wrapper {
+        padding: 0;
+      }
+
+      .e-checkbox-wrapper + .e-list-text .e-nav-wrapper:not(:has(.e-list-icon)) {
+        padding: 0;
+      }
+
       .e-list-icon,
       .e-list-img {
         @if $skin-name == 'bootstrap4' {
@@ -740,6 +767,10 @@ $treeview-item-active-check-color: $primary !default;
           padding: $treeview-rtl-check-margin;
         }
 
+        .e-nav-wrapper {
+          padding: 0;
+        }
+
         .e-list-icon,
         .e-list-img,
         .e-list-icon + .e-list-img {

package/SCSS-Themes/navigations/treeview/bootstrap5.3-dark.scss

@@ -258,6 +258,12 @@ $treeview-item-active-check-color: $primary !default;
       }
     }
 
+    @if ($skin-name == 'fluent2') {
+      .e-checkbox-wrapper .e-frame {
+        margin-right: 0;
+      }
+    }
+
     .e-ul {
       margin: 0;
       padding: $treeview-root-ul-padding;
@@ -452,6 +458,15 @@ $treeview-item-active-check-color: $primary !default;
       }
     }
 
+    .e-navigable-text {
+      @if ($skin-name != 'Material3') {
+        padding: $treeview-text-padding;
+      }
+      @else {
+        padding: 0;
+      }
+    }
+
     .e-list-icon,
     .e-list-img {
       display: inline-block;
@@ -468,6 +483,10 @@ $treeview-item-active-check-color: $primary !default;
       & + .e-list-text {
         padding: $treeview-image-text-padding;
       }
+
+      & + .e-navigable-text {
+        padding: $treeview-image-text-padding;
+      }
     }
 
     .e-icon-collapsible,
@@ -611,6 +630,14 @@ $treeview-item-active-check-color: $primary !default;
         padding: $treeview-check-margin;
       }
 
+      .e-nav-wrapper {
+        padding: 0;
+      }
+
+      .e-checkbox-wrapper + .e-list-text .e-nav-wrapper:not(:has(.e-list-icon)) {
+        padding: 0;
+      }
+
       .e-list-icon,
       .e-list-img {
         @if $skin-name == 'bootstrap4' {
@@ -740,6 +767,10 @@ $treeview-item-active-check-color: $primary !default;
           padding: $treeview-rtl-check-margin;
         }
 
+        .e-nav-wrapper {
+          padding: 0;
+        }
+
         .e-list-icon,
         .e-list-img,
         .e-list-icon + .e-list-img {

package/SCSS-Themes/navigations/treeview/bootstrap5.3-lite.scss

@@ -258,6 +258,12 @@ $treeview-item-active-check-color: $primary !default;
       }
     }
 
+    @if ($skin-name == 'fluent2') {
+      .e-checkbox-wrapper .e-frame {
+        margin-right: 0;
+      }
+    }
+
     .e-ul {
       margin: 0;
       padding: $treeview-root-ul-padding;
@@ -452,6 +458,15 @@ $treeview-item-active-check-color: $primary !default;
       }
     }
 
+    .e-navigable-text {
+      @if ($skin-name != 'Material3') {
+        padding: $treeview-text-padding;
+      }
+      @else {
+        padding: 0;
+      }
+    }
+
     .e-list-icon,
     .e-list-img {
       display: inline-block;
@@ -468,6 +483,10 @@ $treeview-item-active-check-color: $primary !default;
       & + .e-list-text {
         padding: $treeview-image-text-padding;
       }
+
+      & + .e-navigable-text {
+        padding: $treeview-image-text-padding;
+      }
     }
 
     .e-icon-collapsible,
@@ -611,6 +630,14 @@ $treeview-item-active-check-color: $primary !default;
         padding: $treeview-check-margin;
       }
 
+      .e-nav-wrapper {
+        padding: 0;
+      }
+
+      .e-checkbox-wrapper + .e-list-text .e-nav-wrapper:not(:has(.e-list-icon)) {
+        padding: 0;
+      }
+
       .e-list-icon,
       .e-list-img {
         @if $skin-name == 'bootstrap4' {
@@ -740,6 +767,10 @@ $treeview-item-active-check-color: $primary !default;
           padding: $treeview-rtl-check-margin;
         }
 
+        .e-nav-wrapper {
+          padding: 0;
+        }
+
         .e-list-icon,
         .e-list-img,
         .e-list-icon + .e-list-img {

package/SCSS-Themes/navigations/treeview/bootstrap5.3.scss

@@ -258,6 +258,12 @@ $treeview-item-active-check-color: $primary !default;
       }
     }
 
+    @if ($skin-name == 'fluent2') {
+      .e-checkbox-wrapper .e-frame {
+        margin-right: 0;
+      }
+    }
+
     .e-ul {
       margin: 0;
       padding: $treeview-root-ul-padding;
@@ -452,6 +458,15 @@ $treeview-item-active-check-color: $primary !default;
       }
     }
 
+    .e-navigable-text {
+      @if ($skin-name != 'Material3') {
+        padding: $treeview-text-padding;
+      }
+      @else {
+        padding: 0;
+      }
+    }
+
     .e-list-icon,
     .e-list-img {
       display: inline-block;
@@ -468,6 +483,10 @@ $treeview-item-active-check-color: $primary !default;
       & + .e-list-text {
         padding: $treeview-image-text-padding;
       }
+
+      & + .e-navigable-text {
+        padding: $treeview-image-text-padding;
+      }
     }
 
     .e-icon-collapsible,
@@ -611,6 +630,14 @@ $treeview-item-active-check-color: $primary !default;
         padding: $treeview-check-margin;
       }
 
+      .e-nav-wrapper {
+        padding: 0;
+      }
+
+      .e-checkbox-wrapper + .e-list-text .e-nav-wrapper:not(:has(.e-list-icon)) {
+        padding: 0;
+      }
+
       .e-list-icon,
       .e-list-img {
         @if $skin-name == 'bootstrap4' {
@@ -740,6 +767,10 @@ $treeview-item-active-check-color: $primary !default;
           padding: $treeview-rtl-check-margin;
         }
 
+        .e-nav-wrapper {
+          padding: 0;
+        }
+
         .e-list-icon,
         .e-list-img,
         .e-list-icon + .e-list-img {

package/SCSS-Themes/navigations/treeview/bootstrap5.scss

@@ -259,6 +259,12 @@ $treeview-item-active-check-color: $primary !default;
       }
     }
 
+    @if ($skin-name == 'fluent2') {
+      .e-checkbox-wrapper .e-frame {
+        margin-right: 0;
+      }
+    }
+
     .e-ul {
       margin: 0;
       padding: $treeview-root-ul-padding;
@@ -453,6 +459,15 @@ $treeview-item-active-check-color: $primary !default;
       }
     }
 
+    .e-navigable-text {
+      @if ($skin-name != 'Material3') {
+        padding: $treeview-text-padding;
+      }
+      @else {
+        padding: 0;
+      }
+    }
+
     .e-list-icon,
     .e-list-img {
       display: inline-block;
@@ -469,6 +484,10 @@ $treeview-item-active-check-color: $primary !default;
       & + .e-list-text {
         padding: $treeview-image-text-padding;
       }
+
+      & + .e-navigable-text {
+        padding: $treeview-image-text-padding;
+      }
     }
 
     .e-icon-collapsible,
@@ -612,6 +631,14 @@ $treeview-item-active-check-color: $primary !default;
         padding: $treeview-check-margin;
       }
 
+      .e-nav-wrapper {
+        padding: 0;
+      }
+
+      .e-checkbox-wrapper + .e-list-text .e-nav-wrapper:not(:has(.e-list-icon)) {
+        padding: 0;
+      }
+
       .e-list-icon,
       .e-list-img {
         @if $skin-name == 'bootstrap4' {
@@ -741,6 +768,10 @@ $treeview-item-active-check-color: $primary !default;
           padding: $treeview-rtl-check-margin;
         }
 
+        .e-nav-wrapper {
+          padding: 0;
+        }
+
         .e-list-icon,
         .e-list-img,
         .e-list-icon + .e-list-img {