@syncfusion/blazor-themes 27.1.48 → 27.1.51

package/SCSS-Themes/buttons/check-box/bds-dark.scss

@@ -851,6 +851,13 @@ $cbox-border-style: solid !default;
           }
         }
       }
+
+      &:hover .e-checkbox:focus + .e-frame.e-check {
+        @if $theme-name == 'fluent2-highcontrast' {
+          background-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
+          border-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
+        }
+      }
     }
   }
 }

package/SCSS-Themes/buttons/check-box/bds.scss

@@ -851,6 +851,13 @@ $cbox-border-style: solid !default;
           }
         }
       }
+
+      &:hover .e-checkbox:focus + .e-frame.e-check {
+        @if $theme-name == 'fluent2-highcontrast' {
+          background-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
+          border-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
+        }
+      }
     }
   }
 }

package/SCSS-Themes/buttons/check-box/bootstrap-dark.scss

@@ -851,6 +851,13 @@ $cbox-border-style: solid !default;
           }
         }
       }
+
+      &:hover .e-checkbox:focus + .e-frame.e-check {
+        @if $theme-name == 'fluent2-highcontrast' {
+          background-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
+          border-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
+        }
+      }
     }
   }
 }

package/SCSS-Themes/buttons/check-box/bootstrap.scss

@@ -851,6 +851,13 @@ $cbox-key-focussed-bgcolor: transparent !default;
           }
         }
       }
+
+      &:hover .e-checkbox:focus + .e-frame.e-check {
+        @if $theme-name == 'fluent2-highcontrast' {
+          background-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
+          border-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
+        }
+      }
     }
   }
 }

package/SCSS-Themes/buttons/check-box/bootstrap4.scss

@@ -851,6 +851,13 @@ $cbox-border-style: solid !default;
           }
         }
       }
+
+      &:hover .e-checkbox:focus + .e-frame.e-check {
+        @if $theme-name == 'fluent2-highcontrast' {
+          background-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
+          border-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
+        }
+      }
     }
   }
 }

package/SCSS-Themes/buttons/check-box/bootstrap5-dark.scss

@@ -851,6 +851,13 @@ $cbox-border-style: solid !default;
           }
         }
       }
+
+      &:hover .e-checkbox:focus + .e-frame.e-check {
+        @if $theme-name == 'fluent2-highcontrast' {
+          background-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
+          border-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
+        }
+      }
     }
   }
 }

package/SCSS-Themes/buttons/check-box/bootstrap5.3.scss

@@ -851,6 +851,13 @@ $cbox-border-style: solid !default;
           }
         }
       }
+
+      &:hover .e-checkbox:focus + .e-frame.e-check {
+        @if $theme-name == 'fluent2-highcontrast' {
+          background-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
+          border-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
+        }
+      }
     }
   }
 }

package/SCSS-Themes/buttons/check-box/bootstrap5.scss

@@ -851,6 +851,13 @@ $cbox-border-style: solid !default;
           }
         }
       }
+
+      &:hover .e-checkbox:focus + .e-frame.e-check {
+        @if $theme-name == 'fluent2-highcontrast' {
+          background-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
+          border-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
+        }
+      }
     }
   }
 }

package/SCSS-Themes/buttons/check-box/fabric-dark.scss

@@ -853,6 +853,13 @@ $cbox-ripple-size: -9px !default;
           }
         }
       }
+
+      &:hover .e-checkbox:focus + .e-frame.e-check {
+        @if $theme-name == 'fluent2-highcontrast' {
+          background-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
+          border-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
+        }
+      }
     }
   }
 }

package/SCSS-Themes/buttons/check-box/fabric.scss

@@ -853,6 +853,13 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
           }
         }
       }
+
+      &:hover .e-checkbox:focus + .e-frame.e-check {
+        @if $theme-name == 'fluent2-highcontrast' {
+          background-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
+          border-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
+        }
+      }
     }
   }
 }

package/SCSS-Themes/buttons/check-box/fluent-dark.scss

@@ -856,6 +856,13 @@ $cbox-icon-color: $icon-color !default;
           }
         }
       }
+
+      &:hover .e-checkbox:focus + .e-frame.e-check {
+        @if $theme-name == 'fluent2-highcontrast' {
+          background-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
+          border-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
+        }
+      }
     }
   }
 }

package/SCSS-Themes/buttons/check-box/fluent.scss

@@ -856,6 +856,13 @@ $cbox-icon-color: $icon-color !default;
           }
         }
       }
+
+      &:hover .e-checkbox:focus + .e-frame.e-check {
+        @if $theme-name == 'fluent2-highcontrast' {
+          background-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
+          border-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
+        }
+      }
     }
   }
 }

package/SCSS-Themes/buttons/check-box/fluent2-dark.scss

@@ -851,6 +851,13 @@ $cbox-border-style: solid !default;
           }
         }
       }
+
+      &:hover .e-checkbox:focus + .e-frame.e-check {
+        @if $theme-name == 'fluent2-highcontrast' {
+          background-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
+          border-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
+        }
+      }
     }
   }
 }

package/SCSS-Themes/buttons/check-box/fluent2.scss

@@ -851,6 +851,13 @@ $cbox-border-style: solid !default;
           }
         }
       }
+
+      &:hover .e-checkbox:focus + .e-frame.e-check {
+        @if $theme-name == 'fluent2-highcontrast' {
+          background-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
+          border-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
+        }
+      }
     }
   }
 }

package/SCSS-Themes/buttons/check-box/highcontrast.scss

@@ -852,6 +852,13 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
           }
         }
       }
+
+      &:hover .e-checkbox:focus + .e-frame.e-check {
+        @if $theme-name == 'fluent2-highcontrast' {
+          background-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
+          border-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
+        }
+      }
     }
   }
 }

package/SCSS-Themes/buttons/check-box/material-dark.scss

@@ -854,6 +854,13 @@ $cbox-border-style: solid !default;
           }
         }
       }
+
+      &:hover .e-checkbox:focus + .e-frame.e-check {
+        @if $theme-name == 'fluent2-highcontrast' {
+          background-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
+          border-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
+        }
+      }
     }
   }
 }

package/SCSS-Themes/buttons/check-box/material.scss

@@ -853,6 +853,13 @@ $cbox-border-style: solid !default;
           }
         }
       }
+
+      &:hover .e-checkbox:focus + .e-frame.e-check {
+        @if $theme-name == 'fluent2-highcontrast' {
+          background-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
+          border-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
+        }
+      }
     }
   }
 }

package/SCSS-Themes/buttons/check-box/material3-dark.scss

@@ -851,6 +851,13 @@ $cbox-border-style: solid !default;
           }
         }
       }
+
+      &:hover .e-checkbox:focus + .e-frame.e-check {
+        @if $theme-name == 'fluent2-highcontrast' {
+          background-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
+          border-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
+        }
+      }
     }
   }
 }

package/SCSS-Themes/buttons/check-box/material3.scss

@@ -851,6 +851,13 @@ $cbox-border-style: solid !default;
           }
         }
       }
+
+      &:hover .e-checkbox:focus + .e-frame.e-check {
+        @if $theme-name == 'fluent2-highcontrast' {
+          background-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
+          border-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
+        }
+      }
     }
   }
 }

package/SCSS-Themes/buttons/check-box/tailwind-dark.scss

@@ -851,6 +851,13 @@ $cbox-border-style: solid !default;
           }
         }
       }
+
+      &:hover .e-checkbox:focus + .e-frame.e-check {
+        @if $theme-name == 'fluent2-highcontrast' {
+          background-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
+          border-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
+        }
+      }
     }
   }
 }

package/SCSS-Themes/buttons/check-box/tailwind.scss

@@ -851,6 +851,13 @@ $cbox-border-style: solid !default;
           }
         }
       }
+
+      &:hover .e-checkbox:focus + .e-frame.e-check {
+        @if $theme-name == 'fluent2-highcontrast' {
+          background-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
+          border-color: $primary-border-color-hover !important; /* stylelint-disable-line declaration-no-important */
+        }
+      }
     }
   }
 }

package/SCSS-Themes/buttons/radio-button/bds-dark.scss

@@ -55,6 +55,7 @@ $radio-btn-check-transition: none !default;
 $radio-btn-disabled-border-color: $border !default;
 $radio-btn-disabled-checked-border-color: transparent !default;
 $radio-btn-disabled-background-color: $content-bg-color-alt3 !default;
+$radio-btn-disabled-not-checked-bg-color: transparent !default;
 $radio-btn-disabled-color: $border !default;
 $radio-btn-disabled-checked-color: $content-text-color-disabled !default;
 $radio-btn-font-color: $content-text-color !default;
@@ -866,7 +867,7 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
         }
 
         &::before {
-          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
             background-color: $radio-btn-disabled-not-checked-bg-color;
           }
           @else {

package/SCSS-Themes/buttons/radio-button/bds.scss

@@ -55,6 +55,7 @@ $radio-btn-check-transition: none !default;
 $radio-btn-disabled-border-color: $border !default;
 $radio-btn-disabled-checked-border-color: transparent !default;
 $radio-btn-disabled-background-color: $content-bg-color-alt3 !default;
+$radio-btn-disabled-not-checked-bg-color: transparent !default;
 $radio-btn-disabled-color: $border !default;
 $radio-btn-disabled-checked-color: $content-text-color-disabled !default;
 $radio-btn-font-color: $content-text-color !default;
@@ -866,7 +867,7 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
         }
 
         &::before {
-          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
             background-color: $radio-btn-disabled-not-checked-bg-color;
           }
           @else {

package/SCSS-Themes/buttons/radio-button/bootstrap-dark.scss

@@ -866,7 +866,7 @@ $radio-btn-focus-outline-offset: 0 !default;
         }
 
         &::before {
-          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
             background-color: $radio-btn-disabled-not-checked-bg-color;
           }
           @else {

package/SCSS-Themes/buttons/radio-button/bootstrap.scss

@@ -866,7 +866,7 @@ $radio-btn-focus-outline-offset: 0 !default;
         }
 
         &::before {
-          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
             background-color: $radio-btn-disabled-not-checked-bg-color;
           }
           @else {

package/SCSS-Themes/buttons/radio-button/bootstrap4.scss

@@ -22,6 +22,7 @@ $radio-btn-check-transition: none !default;
 $radio-btn-disabled-border-color: $gray-500 !default;
 $radio-btn-disabled-checked-border-color: transparent !default;
 $radio-btn-disabled-background-color: rgba($primary, .5) !default;
+$radio-btn-disabled-not-checked-bg-color: transparent !default;
 $radio-btn-disabled-color: $gray-200 !default;
 $radio-btn-disabled-checked-color: $white !default;
 $radio-btn-font-color: $gray-900 !default;
@@ -866,7 +867,7 @@ $radio-btn-focus-outline-offset: 0 !default;
         }
 
         &::before {
-          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
             background-color: $radio-btn-disabled-not-checked-bg-color;
           }
           @else {

package/SCSS-Themes/buttons/radio-button/bootstrap5-dark.scss

@@ -867,7 +867,7 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
         }
 
         &::before {
-          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
             background-color: $radio-btn-disabled-not-checked-bg-color;
           }
           @else {

package/SCSS-Themes/buttons/radio-button/bootstrap5.3.scss

@@ -867,7 +867,7 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
         }
 
         &::before {
-          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
             background-color: $radio-btn-disabled-not-checked-bg-color;
           }
           @else {

package/SCSS-Themes/buttons/radio-button/bootstrap5.scss

@@ -55,7 +55,7 @@ $radio-btn-check-transition: none !default;
 $radio-btn-disabled-border-color: $border-light !default;
 $radio-btn-disabled-checked-border-color: transparent !default;
 $radio-btn-disabled-background-color: $primary-light !default;
-$radio-btn-disabled-not-checked-bg-color: $primary-light !default;
+$radio-btn-disabled-not-checked-bg-color: transparent !default;
 $radio-btn-disabled-color: $content-text-color-disabled !default;
 $radio-btn-disabled-checked-color: $primary-text-color !default;
 $radio-btn-font-color: $content-text-color !default;
@@ -867,7 +867,7 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
         }
 
         &::before {
-          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
             background-color: $radio-btn-disabled-not-checked-bg-color;
           }
           @else {

package/SCSS-Themes/buttons/radio-button/fabric-dark.scss

@@ -866,7 +866,7 @@ $radio-btn-ripple-bgcolor:  rgba(0, 0, 0, .3) !default;
         }
 
         &::before {
-          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
             background-color: $radio-btn-disabled-not-checked-bg-color;
           }
           @else {

package/SCSS-Themes/buttons/radio-button/fabric.scss

@@ -866,7 +866,7 @@ $radio-btn-checked-ripple-bgcolor: #ff4081 !default;
         }
 
         &::before {
-          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
             background-color: $radio-btn-disabled-not-checked-bg-color;
           }
           @else {

package/SCSS-Themes/buttons/radio-button/fluent-dark.scss

@@ -872,7 +872,7 @@ $radio-btn-uncheck-color: $icon-color !default;
         }
 
         &::before {
-          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
             background-color: $radio-btn-disabled-not-checked-bg-color;
           }
           @else {

package/SCSS-Themes/buttons/radio-button/fluent.scss

@@ -872,7 +872,7 @@ $radio-btn-uncheck-color: $icon-color !default;
         }
 
         &::before {
-          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
             background-color: $radio-btn-disabled-not-checked-bg-color;
           }
           @else {

package/SCSS-Themes/buttons/radio-button/fluent2-dark.scss

@@ -866,7 +866,7 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
         }
 
         &::before {
-          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
             background-color: $radio-btn-disabled-not-checked-bg-color;
           }
           @else {

package/SCSS-Themes/buttons/radio-button/fluent2.scss

@@ -866,7 +866,7 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
         }
 
         &::before {
-          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
             background-color: $radio-btn-disabled-not-checked-bg-color;
           }
           @else {

package/SCSS-Themes/buttons/radio-button/highcontrast.scss

@@ -866,7 +866,7 @@ $radio-btn-checked-ripple-bgcolor: #ff4081 !default;
         }
 
         &::before {
-          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
             background-color: $radio-btn-disabled-not-checked-bg-color;
           }
           @else {

package/SCSS-Themes/buttons/radio-button/material-dark.scss

@@ -868,7 +868,7 @@ $radio-btn-focus-outline-offset: 0 !default;
         }
 
         &::before {
-          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
             background-color: $radio-btn-disabled-not-checked-bg-color;
           }
           @else {

package/SCSS-Themes/buttons/radio-button/material.scss

@@ -868,7 +868,7 @@ $radio-btn-focus-outline-offset: 0 !default;
         }
 
         &::before {
-          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
             background-color: $radio-btn-disabled-not-checked-bg-color;
           }
           @else {

package/SCSS-Themes/buttons/radio-button/material3-dark.scss

@@ -866,7 +866,7 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
         }
 
         &::before {
-          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
             background-color: $radio-btn-disabled-not-checked-bg-color;
           }
           @else {

package/SCSS-Themes/buttons/radio-button/material3.scss

@@ -866,7 +866,7 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
         }
 
         &::before {
-          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
             background-color: $radio-btn-disabled-not-checked-bg-color;
           }
           @else {

package/SCSS-Themes/buttons/radio-button/tailwind-dark.scss

@@ -55,6 +55,7 @@ $radio-btn-check-transition: none !default;
 $radio-btn-disabled-border-color: $border-light !default;
 $radio-btn-disabled-checked-border-color: transparent !default;
 $radio-btn-disabled-background-color: $primary-light !default;
+$radio-btn-disabled-not-checked-bg-color: transparent !default;
 $radio-btn-disabled-color: $content-text-color-disabled !default;
 $radio-btn-disabled-checked-color: $primary-text-color !default;
 $radio-btn-font-color: $content-text-color !default;
@@ -866,7 +867,7 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
         }
 
         &::before {
-          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
             background-color: $radio-btn-disabled-not-checked-bg-color;
           }
           @else {

package/SCSS-Themes/buttons/radio-button/tailwind.scss

@@ -55,6 +55,7 @@ $radio-btn-check-transition: none !default;
 $radio-btn-disabled-border-color: $border-light !default;
 $radio-btn-disabled-checked-border-color: transparent !default;
 $radio-btn-disabled-background-color: $primary-light !default;
+$radio-btn-disabled-not-checked-bg-color: transparent !default;
 $radio-btn-disabled-color: $content-text-color-disabled !default;
 $radio-btn-disabled-checked-color: $primary-text-color !default;
 $radio-btn-font-color: $content-text-color !default;
@@ -866,7 +867,7 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
         }
 
         &::before {
-          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
+          @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap4' or $skin-name == 'tailwind' {
             background-color: $radio-btn-disabled-not-checked-bg-color;
           }
           @else {

package/SCSS-Themes/dropdowns/drop-down-list/bds-dark.scss

@@ -1072,9 +1072,7 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
 
   .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
     border-color: transparent;
-    @if $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'highcontrast' {
-      background: none;
-    }
+    background: none;
   }
 }
 

package/SCSS-Themes/dropdowns/drop-down-list/bds.scss

@@ -1072,9 +1072,7 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
 
   .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
     border-color: transparent;
-    @if $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'highcontrast' {
-      background: none;
-    }
+    background: none;
   }
 }
 

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

@@ -1065,9 +1065,7 @@ $ddl-bigger-small-list-font-size: 14px !default;
 
   .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
     border-color: transparent;
-    @if $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'highcontrast' {
-      background: none;
-    }
+    background: none;
   }
 }
 

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

@@ -1064,9 +1064,7 @@ $ddl-bigger-small-list-font-size: 14px !default;
 
   .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
     border-color: transparent;
-    @if $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'highcontrast' {
-      background: none;
-    }
+    background: none;
   }
 }
 

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

@@ -1093,9 +1093,7 @@ $ddl-bigger-small-list-font-size: 14px !default;
 
   .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
     border-color: transparent;
-    @if $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'highcontrast' {
-      background: none;
-    }
+    background: none;
   }
 }