@syncfusion/blazor-themes 20.3.60 → 20.3.61

package/SCSS-Themes/base/material.scss

@@ -146,6 +146,9 @@ $appbar-hover-bg-color-alt2: rgba(255, 255, 255, .08) !default;
 $appbar-bottom-shadow: 0 2px 4px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .16) !default;
 $appbar-top-shadow: 0 -2px 3px rgba(0, 0, 0, .1), 0 -2px 6px rgba(0, 0, 0, .2) !default;
 
+//TreeView
+$tree-node-text-color:#cc1351 !default;
+
 
 
 @if not variable-exists('is-roboto-loaded') {

package/SCSS-Themes/bootstrap-dark.scss

@@ -35575,9 +35575,6 @@ $cmenu-li-selected-outline-offset: 0 !default;
 
     & .e-menu-item  {
       @include bigger-li-size;
-      @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' {
-        padding: $cmenu-bigger-li-padding;
-      }
 
       & .e-caret {
         font-size: $cmenu-bigger-caret-font-size;
@@ -54468,7 +54465,17 @@ $ripple-width: 32px !default;
 }
 
 @mixin active-hover-theme {
-  background-color: $treeview-item-active-hover-bg;
+  @if $theme-name =='fluentui-dark' {
+    background-color: lighten($treeview-item-active-bg, 5%);
+  }
+
+  @else if $theme-name =='tailwind' {
+    background-color: darken($treeview-item-active-hover-bg, 10%);
+  }
+
+  @else {
+    background-color: $treeview-item-active-hover-bg;
+  }
   border-color: $treeview-item-active-hover-border-color;
   @if $skin-name == 'bootstrap' or $skin-name == 'highcontrast' {
     -webkit-box-shadow: $treeview-border-shadow;
@@ -55844,7 +55851,7 @@ $menu-header-icon-padding: 0 16px !default;
 
     @at-root {
       & .e-menu {
-        @if $skin-name == 'bootstrap4' {
+        @if $skin-name == 'bootstrap4' or $skin-name == 'FluentUI' {
           background-color: $cmenu-ul-bgcolor;
         }
         @else {
@@ -57109,7 +57116,7 @@ $ddt-remains-count-padding-top: 5.5px !default;
       position: absolute;
 
       .e-active .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: $ddt-readonly-input-bg-color;
           }
@@ -57117,7 +57124,7 @@ $ddt-remains-count-padding-top: 5.5px !default;
       }
 
       .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }
@@ -72695,7 +72702,7 @@ $grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
 $grid-rowcell-color: rgba($grid-content-font-color, $grid-conent-font-opacity) !default;
 $grid-reorderarrow-margin-top: -6.5px !default;
 $grid-reorderdownarrow-margin-top: 4px !default;
-$grid-reorder-arrow-top-margin: -1.5px !default;
+$grid-reorder-arrow-top-margin: .5px !default;
 $grid-reorder-downarrow-top-margin: -1.5px !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
@@ -76444,7 +76451,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }
 

package/SCSS-Themes/bootstrap.scss

@@ -35330,9 +35330,6 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
 
     & .e-menu-item  {
       @include bigger-li-size;
-      @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' {
-        padding: $cmenu-bigger-li-padding;
-      }
 
       & .e-caret {
         font-size: $cmenu-bigger-caret-font-size;
@@ -54186,7 +54183,17 @@ $ripple-width: 32px !default;
 }
 
 @mixin active-hover-theme {
-  background-color: $treeview-item-active-hover-bg;
+  @if $theme-name =='fluentui-dark' {
+    background-color: lighten($treeview-item-active-bg, 5%);
+  }
+
+  @else if $theme-name =='tailwind' {
+    background-color: darken($treeview-item-active-hover-bg, 10%);
+  }
+
+  @else {
+    background-color: $treeview-item-active-hover-bg;
+  }
   border-color: $treeview-item-active-hover-border-color;
   @if $skin-name == 'bootstrap' or $skin-name == 'highcontrast' {
     -webkit-box-shadow: $treeview-border-shadow;
@@ -55563,7 +55570,7 @@ $menu-header-icon-padding: 0 16px !default;
 
     @at-root {
       & .e-menu {
-        @if $skin-name == 'bootstrap4' {
+        @if $skin-name == 'bootstrap4' or $skin-name == 'FluentUI' {
           background-color: $cmenu-ul-bgcolor;
         }
         @else {
@@ -56827,7 +56834,7 @@ $ddt-remains-count-padding-top: 5.5px !default;
       position: absolute;
 
       .e-active .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: $ddt-readonly-input-bg-color;
           }
@@ -56835,7 +56842,7 @@ $ddt-remains-count-padding-top: 5.5px !default;
       }
 
       .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }
@@ -72406,7 +72413,7 @@ $grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
 $grid-rowcell-color: rgba($grid-content-font-color, $grid-conent-font-opacity) !default;
 $grid-reorderarrow-margin-top: -6.5px !default;
 $grid-reorderdownarrow-margin-top: 4px !default;
-$grid-reorder-arrow-top-margin: -1.5px !default;
+$grid-reorder-arrow-top-margin: .5px !default;
 $grid-reorder-downarrow-top-margin: -1.5px !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
@@ -76155,7 +76162,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }
 

package/SCSS-Themes/bootstrap4.scss

@@ -35343,9 +35343,6 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
 
     & .e-menu-item  {
       @include bigger-li-size;
-      @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' {
-        padding: $cmenu-bigger-li-padding;
-      }
 
       & .e-caret {
         font-size: $cmenu-bigger-caret-font-size;
@@ -54282,7 +54279,17 @@ $ripple-width: 32px !default;
 }
 
 @mixin active-hover-theme {
-  background-color: $treeview-item-active-hover-bg;
+  @if $theme-name =='fluentui-dark' {
+    background-color: lighten($treeview-item-active-bg, 5%);
+  }
+
+  @else if $theme-name =='tailwind' {
+    background-color: darken($treeview-item-active-hover-bg, 10%);
+  }
+
+  @else {
+    background-color: $treeview-item-active-hover-bg;
+  }
   border-color: $treeview-item-active-hover-border-color;
   @if $skin-name == 'bootstrap' or $skin-name == 'highcontrast' {
     -webkit-box-shadow: $treeview-border-shadow;
@@ -55658,7 +55665,7 @@ $menu-header-icon-padding: 0 16px !default;
 
     @at-root {
       & .e-menu {
-        @if $skin-name == 'bootstrap4' {
+        @if $skin-name == 'bootstrap4' or $skin-name == 'FluentUI' {
           background-color: $cmenu-ul-bgcolor;
         }
         @else {
@@ -56917,7 +56924,7 @@ $ddt-remains-count-padding-top: 4px !default;
       position: absolute;
 
       .e-active .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: $ddt-readonly-input-bg-color;
           }
@@ -56925,7 +56932,7 @@ $ddt-remains-count-padding-top: 4px !default;
       }
 
       .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }
@@ -72605,7 +72612,7 @@ $grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
 $grid-rowcell-color: $grid-content-font-color !default !default;
 $grid-reorderarrow-margin-top: -7.5px !default;
 $grid-reorderdownarrow-margin-top: 2.5px !default;
-$grid-reorder-arrow-top-margin: -1px !default;
+$grid-reorder-arrow-top-margin: 0 !default;
 $grid-reorder-downarrow-top-margin: -3px !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
@@ -76354,7 +76361,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }
 

package/SCSS-Themes/bootstrap5-dark.scss

@@ -35584,9 +35584,6 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
 
     & .e-menu-item  {
       @include bigger-li-size;
-      @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' {
-        padding: $cmenu-bigger-li-padding;
-      }
 
       & .e-caret {
         font-size: $cmenu-bigger-caret-font-size;
@@ -54611,7 +54608,17 @@ $treeview-item-active-check-color: $primary !default;
 }
 
 @mixin active-hover-theme {
-  background-color: $treeview-item-active-hover-bg;
+  @if $theme-name =='fluentui-dark' {
+    background-color: lighten($treeview-item-active-bg, 5%);
+  }
+
+  @else if $theme-name =='tailwind' {
+    background-color: darken($treeview-item-active-hover-bg, 10%);
+  }
+
+  @else {
+    background-color: $treeview-item-active-hover-bg;
+  }
   border-color: $treeview-item-active-hover-border-color;
   @if $skin-name == 'bootstrap' or $skin-name == 'highcontrast' {
     -webkit-box-shadow: $treeview-border-shadow;
@@ -55996,7 +56003,7 @@ $menu-caret-color: $cmenu-caret-color !default;
 
     @at-root {
       & .e-menu {
-        @if $skin-name == 'bootstrap4' {
+        @if $skin-name == 'bootstrap4' or $skin-name == 'FluentUI' {
           background-color: $cmenu-ul-bgcolor;
         }
         @else {
@@ -57248,7 +57255,7 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
       position: absolute;
 
       .e-active .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: $ddt-readonly-input-bg-color;
           }
@@ -57256,7 +57263,7 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
       }
 
       .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }
@@ -72985,7 +72992,7 @@ $grid-sortnumber-font-size: 14px !default;
 $grid-reorderarrow-margin-top: -7px !default;
 $grid-reorderdownarrow-margin-top: 4px !default;
 $grid-reorder-arrow-top-margin: 0 !default;
-$grid-reorder-downarrow-top-margin: 0 !default;
+$grid-reorder-downarrow-top-margin: -2px !default;
 $grid-bigger-toolbar-icon-size: $grid-bigger-icons-font-size !default;
 $grid-reorderarrow-margin-left: -3px !default;
 $grid-column-chooser-cancel-icon-size: $text-sm !default;
@@ -76731,7 +76738,7 @@ $grid-dropitems-count-margin-left: -4px !default;
 
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }
 

package/SCSS-Themes/bootstrap5.scss

@@ -35584,9 +35584,6 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
 
     & .e-menu-item  {
       @include bigger-li-size;
-      @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' {
-        padding: $cmenu-bigger-li-padding;
-      }
 
       & .e-caret {
         font-size: $cmenu-bigger-caret-font-size;
@@ -54611,7 +54608,17 @@ $treeview-item-active-check-color: $primary !default;
 }
 
 @mixin active-hover-theme {
-  background-color: $treeview-item-active-hover-bg;
+  @if $theme-name =='fluentui-dark' {
+    background-color: lighten($treeview-item-active-bg, 5%);
+  }
+
+  @else if $theme-name =='tailwind' {
+    background-color: darken($treeview-item-active-hover-bg, 10%);
+  }
+
+  @else {
+    background-color: $treeview-item-active-hover-bg;
+  }
   border-color: $treeview-item-active-hover-border-color;
   @if $skin-name == 'bootstrap' or $skin-name == 'highcontrast' {
     -webkit-box-shadow: $treeview-border-shadow;
@@ -55996,7 +56003,7 @@ $menu-caret-color: $cmenu-caret-color !default;
 
     @at-root {
       & .e-menu {
-        @if $skin-name == 'bootstrap4' {
+        @if $skin-name == 'bootstrap4' or $skin-name == 'FluentUI' {
           background-color: $cmenu-ul-bgcolor;
         }
         @else {
@@ -57248,7 +57255,7 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
       position: absolute;
 
       .e-active .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: $ddt-readonly-input-bg-color;
           }
@@ -57256,7 +57263,7 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
       }
 
       .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }
@@ -72985,7 +72992,7 @@ $grid-sortnumber-font-size: 14px !default;
 $grid-reorderarrow-margin-top: -7px !default;
 $grid-reorderdownarrow-margin-top: 4px !default;
 $grid-reorder-arrow-top-margin: 0 !default;
-$grid-reorder-downarrow-top-margin: 0 !default;
+$grid-reorder-downarrow-top-margin: -2px !default;
 $grid-bigger-toolbar-icon-size: $grid-bigger-icons-font-size !default;
 $grid-reorderarrow-margin-left: -3px !default;
 $grid-column-chooser-cancel-icon-size: $text-sm !default;
@@ -76731,7 +76738,7 @@ $grid-dropitems-count-margin-left: -4px !default;
 
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }
 

package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap-dark.scss

@@ -516,7 +516,7 @@ $ddt-remains-count-padding-top: 5.5px !default;
       position: absolute;
 
       .e-active .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: $ddt-readonly-input-bg-color;
           }
@@ -524,7 +524,7 @@ $ddt-remains-count-padding-top: 5.5px !default;
       }
 
       .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }

package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap.scss

@@ -515,7 +515,7 @@ $ddt-remains-count-padding-top: 5.5px !default;
       position: absolute;
 
       .e-active .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: $ddt-readonly-input-bg-color;
           }
@@ -523,7 +523,7 @@ $ddt-remains-count-padding-top: 5.5px !default;
       }
 
       .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }

package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap4.scss

@@ -516,7 +516,7 @@ $ddt-remains-count-padding-top: 4px !default;
       position: absolute;
 
       .e-active .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: $ddt-readonly-input-bg-color;
           }
@@ -524,7 +524,7 @@ $ddt-remains-count-padding-top: 4px !default;
       }
 
       .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }

package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5-dark.scss

@@ -504,7 +504,7 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
       position: absolute;
 
       .e-active .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: $ddt-readonly-input-bg-color;
           }
@@ -512,7 +512,7 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
       }
 
       .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }

package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5.scss

@@ -504,7 +504,7 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
       position: absolute;
 
       .e-active .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: $ddt-readonly-input-bg-color;
           }
@@ -512,7 +512,7 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
       }
 
       .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }

package/SCSS-Themes/dropdowns/drop-down-tree/fabric-dark.scss

@@ -516,7 +516,7 @@ $ddt-remains-count-padding-top: 6px !default;
       position: absolute;
 
       .e-active .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: $ddt-readonly-input-bg-color;
           }
@@ -524,7 +524,7 @@ $ddt-remains-count-padding-top: 6px !default;
       }
 
       .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }

package/SCSS-Themes/dropdowns/drop-down-tree/fabric.scss

@@ -516,7 +516,7 @@ $ddt-remains-count-padding-top: 6px !default;
       position: absolute;
 
       .e-active .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: $ddt-readonly-input-bg-color;
           }
@@ -524,7 +524,7 @@ $ddt-remains-count-padding-top: 6px !default;
       }
 
       .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }

package/SCSS-Themes/dropdowns/drop-down-tree/fluent-dark.scss

@@ -510,7 +510,7 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
       position: absolute;
 
       .e-active .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: $ddt-readonly-input-bg-color;
           }
@@ -518,7 +518,7 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
       }
 
       .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }

package/SCSS-Themes/dropdowns/drop-down-tree/fluent.scss

@@ -510,7 +510,7 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
       position: absolute;
 
       .e-active .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: $ddt-readonly-input-bg-color;
           }
@@ -518,7 +518,7 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
       }
 
       .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }

package/SCSS-Themes/dropdowns/drop-down-tree/highcontrast.scss

@@ -516,7 +516,7 @@ $ddt-remains-count-padding-top: 6px !default;
       position: absolute;
 
       .e-active .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: $ddt-readonly-input-bg-color;
           }
@@ -524,7 +524,7 @@ $ddt-remains-count-padding-top: 6px !default;
       }
 
       .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }

package/SCSS-Themes/dropdowns/drop-down-tree/material-dark.scss

@@ -517,7 +517,7 @@ $ddt-bigger-outline-chip-padding: 8px 15px !default;
       position: absolute;
 
       .e-active .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: $ddt-readonly-input-bg-color;
           }
@@ -525,7 +525,7 @@ $ddt-bigger-outline-chip-padding: 8px 15px !default;
       }
 
       .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }

package/SCSS-Themes/dropdowns/drop-down-tree/material.scss

@@ -517,7 +517,7 @@ $ddt-bigger-outline-chip-padding: 8px 15px !default;
       position: absolute;
 
       .e-active .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: $ddt-readonly-input-bg-color;
           }
@@ -525,7 +525,7 @@ $ddt-bigger-outline-chip-padding: 8px 15px !default;
       }
 
       .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }

package/SCSS-Themes/dropdowns/drop-down-tree/tailwind-dark.scss

@@ -506,7 +506,7 @@ $ddt-remains-font-color: $content-text-color-alt3 !default;
       position: absolute;
 
       .e-active .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: $ddt-readonly-input-bg-color;
           }
@@ -514,7 +514,7 @@ $ddt-remains-font-color: $content-text-color-alt3 !default;
       }
 
       .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }

package/SCSS-Themes/dropdowns/drop-down-tree/tailwind.scss

@@ -506,7 +506,7 @@ $ddt-remains-font-color: $content-text-color-alt3 !default;
       position: absolute;
 
       .e-active .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: $ddt-readonly-input-bg-color;
           }
@@ -514,7 +514,7 @@ $ddt-remains-font-color: $content-text-color-alt3 !default;
       }
 
       .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }