npm - @syncfusion/blazor-themes - Versions diffs - 24.1.45 → 24.1.46 - Mend

@syncfusion/blazor-themes 24.1.45 → 24.1.46

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

package/SCSS-Themes/splitbuttons/button-group/material3-dark.scss CHANGED Viewed

@@ -124,7 +124,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
     input:focus+label.e-btn,
     .e-btn:focus,
     .e-btn:hover {
-      @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
+      @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap4' {
         z-index: 2;
       }
     }
@@ -414,7 +414,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
       }
     }
-    @if $skin-name == 'material' or $skin-name == 'bootstrap4' or $skin-name == 'Material3' {
+    @if $skin-name == 'material' or $skin-name == 'Material3' {
       .e-btn {
         box-shadow: none;
       }
@@ -458,7 +458,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
     .e-btn:focus,
     input:focus+label.e-btn {
       @include button-focus;
-      @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+      @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;
       }
       @if $skin-name == 'bootstrap5' {
@@ -475,7 +475,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
       &.e-primary {
         @include primary-focus;
-        @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+        @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
           box-shadow: none;
         }
         @if $skin-name == 'bootstrap5' {
@@ -489,7 +489,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
       &.e-success {
         @include success-focus;
-        @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+        @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
           box-shadow: none;
         }
         @if $skin-name == 'bootstrap5' {
@@ -503,7 +503,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
       &.e-info {
         @include info-focus;
-        @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+        @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
           box-shadow: none;
         }
         @if $skin-name == 'bootstrap5' {
@@ -517,7 +517,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
       &.e-warning {
         @include warning-focus;
-        @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+        @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
           box-shadow: none;
         }
         @if $skin-name == 'bootstrap5' {
@@ -531,7 +531,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
       &.e-danger {
         @include danger-focus;
-        @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+        @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
           box-shadow: none;
         }
         @if $skin-name == 'bootstrap5' {
@@ -553,7 +553,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
       &.e-outline {
         @include outline-focus;
-        @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+        @if $skin-name != 'bootstrap5' $skin-name != 'bootstrap4' and and $skin-name != 'tailwind' {
           box-shadow: none;
         }
         @if $skin-name == 'bootstrap5' {
@@ -562,7 +562,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
         &.e-primary {
           @include outline-primary-focus;
-          @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+          @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
             box-shadow: none;
           }
           @if $skin-name == 'bootstrap5' {
@@ -572,7 +572,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
         &.e-success {
           @include outline-success-focus;
-          @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+          @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
             box-shadow: none;
           }
           @if $skin-name == 'bootstrap5' {
@@ -582,7 +582,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
         &.e-info {
           @include outline-info-focus;
-          @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+          @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
             box-shadow: none;
           }
           @if $skin-name == 'bootstrap5' {
@@ -592,7 +592,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
         &.e-warning {
           @include outline-warning-focus;
-          @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+          @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
             box-shadow: none;
           }
           @if $skin-name == 'bootstrap5' {
@@ -602,7 +602,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
         &.e-danger {
           @include outline-danger-focus;
-          @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+          @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
             box-shadow: none;
           }
           @if $skin-name == 'bootstrap5' {

package/SCSS-Themes/splitbuttons/button-group/material3.scss CHANGED Viewed

@@ -124,7 +124,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
     input:focus+label.e-btn,
     .e-btn:focus,
     .e-btn:hover {
-      @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
+      @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap4' {
         z-index: 2;
       }
     }
@@ -414,7 +414,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
       }
     }
-    @if $skin-name == 'material' or $skin-name == 'bootstrap4' or $skin-name == 'Material3' {
+    @if $skin-name == 'material' or $skin-name == 'Material3' {
       .e-btn {
         box-shadow: none;
       }
@@ -458,7 +458,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
     .e-btn:focus,
     input:focus+label.e-btn {
       @include button-focus;
-      @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+      @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;
       }
       @if $skin-name == 'bootstrap5' {
@@ -475,7 +475,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
       &.e-primary {
         @include primary-focus;
-        @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+        @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
           box-shadow: none;
         }
         @if $skin-name == 'bootstrap5' {
@@ -489,7 +489,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
       &.e-success {
         @include success-focus;
-        @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+        @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
           box-shadow: none;
         }
         @if $skin-name == 'bootstrap5' {
@@ -503,7 +503,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
       &.e-info {
         @include info-focus;
-        @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+        @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
           box-shadow: none;
         }
         @if $skin-name == 'bootstrap5' {
@@ -517,7 +517,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
       &.e-warning {
         @include warning-focus;
-        @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+        @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
           box-shadow: none;
         }
         @if $skin-name == 'bootstrap5' {
@@ -531,7 +531,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
       &.e-danger {
         @include danger-focus;
-        @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+        @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
           box-shadow: none;
         }
         @if $skin-name == 'bootstrap5' {
@@ -553,7 +553,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
       &.e-outline {
         @include outline-focus;
-        @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+        @if $skin-name != 'bootstrap5' $skin-name != 'bootstrap4' and and $skin-name != 'tailwind' {
           box-shadow: none;
         }
         @if $skin-name == 'bootstrap5' {
@@ -562,7 +562,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
         &.e-primary {
           @include outline-primary-focus;
-          @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+          @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
             box-shadow: none;
           }
           @if $skin-name == 'bootstrap5' {
@@ -572,7 +572,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
         &.e-success {
           @include outline-success-focus;
-          @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+          @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
             box-shadow: none;
           }
           @if $skin-name == 'bootstrap5' {
@@ -582,7 +582,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
         &.e-info {
           @include outline-info-focus;
-          @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+          @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
             box-shadow: none;
           }
           @if $skin-name == 'bootstrap5' {
@@ -592,7 +592,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
         &.e-warning {
           @include outline-warning-focus;
-          @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+          @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
             box-shadow: none;
           }
           @if $skin-name == 'bootstrap5' {
@@ -602,7 +602,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
         &.e-danger {
           @include outline-danger-focus;
-          @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+          @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
             box-shadow: none;
           }
           @if $skin-name == 'bootstrap5' {

package/SCSS-Themes/splitbuttons/button-group/tailwind-dark.scss CHANGED Viewed

@@ -124,7 +124,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
     input:focus+label.e-btn,
     .e-btn:focus,
     .e-btn:hover {
-      @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
+      @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap4' {
         z-index: 2;
       }
     }
@@ -414,7 +414,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
       }
     }
-    @if $skin-name == 'material' or $skin-name == 'bootstrap4' or $skin-name == 'Material3' {
+    @if $skin-name == 'material' or $skin-name == 'Material3' {
       .e-btn {
         box-shadow: none;
       }
@@ -458,7 +458,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
     .e-btn:focus,
     input:focus+label.e-btn {
       @include button-focus;
-      @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+      @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;
       }
       @if $skin-name == 'bootstrap5' {
@@ -475,7 +475,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
       &.e-primary {
         @include primary-focus;
-        @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+        @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
           box-shadow: none;
         }
         @if $skin-name == 'bootstrap5' {
@@ -489,7 +489,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
       &.e-success {
         @include success-focus;
-        @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+        @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
           box-shadow: none;
         }
         @if $skin-name == 'bootstrap5' {
@@ -503,7 +503,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
       &.e-info {
         @include info-focus;
-        @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+        @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
           box-shadow: none;
         }
         @if $skin-name == 'bootstrap5' {
@@ -517,7 +517,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
       &.e-warning {
         @include warning-focus;
-        @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+        @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
           box-shadow: none;
         }
         @if $skin-name == 'bootstrap5' {
@@ -531,7 +531,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
       &.e-danger {
         @include danger-focus;
-        @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+        @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
           box-shadow: none;
         }
         @if $skin-name == 'bootstrap5' {
@@ -553,7 +553,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
       &.e-outline {
         @include outline-focus;
-        @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+        @if $skin-name != 'bootstrap5' $skin-name != 'bootstrap4' and and $skin-name != 'tailwind' {
           box-shadow: none;
         }
         @if $skin-name == 'bootstrap5' {
@@ -562,7 +562,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
         &.e-primary {
           @include outline-primary-focus;
-          @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+          @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
             box-shadow: none;
           }
           @if $skin-name == 'bootstrap5' {
@@ -572,7 +572,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
         &.e-success {
           @include outline-success-focus;
-          @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+          @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
             box-shadow: none;
           }
           @if $skin-name == 'bootstrap5' {
@@ -582,7 +582,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
         &.e-info {
           @include outline-info-focus;
-          @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+          @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
             box-shadow: none;
           }
           @if $skin-name == 'bootstrap5' {
@@ -592,7 +592,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
         &.e-warning {
           @include outline-warning-focus;
-          @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+          @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
             box-shadow: none;
           }
           @if $skin-name == 'bootstrap5' {
@@ -602,7 +602,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
         &.e-danger {
           @include outline-danger-focus;
-          @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+          @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
             box-shadow: none;
           }
           @if $skin-name == 'bootstrap5' {

package/SCSS-Themes/splitbuttons/button-group/tailwind.scss CHANGED Viewed

@@ -124,7 +124,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
     input:focus+label.e-btn,
     .e-btn:focus,
     .e-btn:hover {
-      @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
+      @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap4' {
         z-index: 2;
       }
     }
@@ -414,7 +414,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
       }
     }
-    @if $skin-name == 'material' or $skin-name == 'bootstrap4' or $skin-name == 'Material3' {
+    @if $skin-name == 'material' or $skin-name == 'Material3' {
       .e-btn {
         box-shadow: none;
       }
@@ -458,7 +458,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
     .e-btn:focus,
     input:focus+label.e-btn {
       @include button-focus;
-      @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+      @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;
       }
       @if $skin-name == 'bootstrap5' {
@@ -475,7 +475,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
       &.e-primary {
         @include primary-focus;
-        @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+        @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
           box-shadow: none;
         }
         @if $skin-name == 'bootstrap5' {
@@ -489,7 +489,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
       &.e-success {
         @include success-focus;
-        @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+        @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
           box-shadow: none;
         }
         @if $skin-name == 'bootstrap5' {
@@ -503,7 +503,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
       &.e-info {
         @include info-focus;
-        @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+        @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
           box-shadow: none;
         }
         @if $skin-name == 'bootstrap5' {
@@ -517,7 +517,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
       &.e-warning {
         @include warning-focus;
-        @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+        @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
           box-shadow: none;
         }
         @if $skin-name == 'bootstrap5' {
@@ -531,7 +531,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
       &.e-danger {
         @include danger-focus;
-        @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+        @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
           box-shadow: none;
         }
         @if $skin-name == 'bootstrap5' {
@@ -553,7 +553,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
       &.e-outline {
         @include outline-focus;
-        @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+        @if $skin-name != 'bootstrap5' $skin-name != 'bootstrap4' and and $skin-name != 'tailwind' {
           box-shadow: none;
         }
         @if $skin-name == 'bootstrap5' {
@@ -562,7 +562,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
         &.e-primary {
           @include outline-primary-focus;
-          @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+          @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
             box-shadow: none;
           }
           @if $skin-name == 'bootstrap5' {
@@ -572,7 +572,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
         &.e-success {
           @include outline-success-focus;
-          @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+          @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
             box-shadow: none;
           }
           @if $skin-name == 'bootstrap5' {
@@ -582,7 +582,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
         &.e-info {
           @include outline-info-focus;
-          @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+          @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
             box-shadow: none;
           }
           @if $skin-name == 'bootstrap5' {
@@ -592,7 +592,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
         &.e-warning {
           @include outline-warning-focus;
-          @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+          @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
             box-shadow: none;
           }
           @if $skin-name == 'bootstrap5' {
@@ -602,7 +602,7 @@ $btn-grp-outline-focus-danger-color: inherit !default;
         &.e-danger {
           @include outline-danger-focus;
-          @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+          @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
             box-shadow: none;
           }
           @if $skin-name == 'bootstrap5' {

package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap-dark.scss CHANGED Viewed

@@ -316,7 +316,9 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
         }
         &.e-focused {
-          background-color: $drop-down-btn-li-focus-bgcolor;
+          @if $skin-name != 'FluentUI' {
+            background-color: $drop-down-btn-li-focus-bgcolor;
+          }
           box-shadow: $drop-down-btn-li-box-shadow;
         }

package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap.scss CHANGED Viewed

@@ -313,7 +313,9 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
         }
         &.e-focused {
-          background-color: $drop-down-btn-li-focus-bgcolor;
+          @if $skin-name != 'FluentUI' {
+            background-color: $drop-down-btn-li-focus-bgcolor;
+          }
           box-shadow: $drop-down-btn-li-box-shadow;
         }

package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap4.scss CHANGED Viewed

@@ -313,7 +313,9 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
         }
         &.e-focused {
-          background-color: $drop-down-btn-li-focus-bgcolor;
+          @if $skin-name != 'FluentUI' {
+            background-color: $drop-down-btn-li-focus-bgcolor;
+          }
           box-shadow: $drop-down-btn-li-box-shadow;
         }

package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap5-dark.scss CHANGED Viewed

@@ -315,7 +315,9 @@ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
         }
         &.e-focused {
-          background-color: $drop-down-btn-li-focus-bgcolor;
+          @if $skin-name != 'FluentUI' {
+            background-color: $drop-down-btn-li-focus-bgcolor;
+          }
           box-shadow: $drop-down-btn-li-box-shadow;
         }

package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap5.scss CHANGED Viewed

@@ -315,7 +315,9 @@ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
         }
         &.e-focused {
-          background-color: $drop-down-btn-li-focus-bgcolor;
+          @if $skin-name != 'FluentUI' {
+            background-color: $drop-down-btn-li-focus-bgcolor;
+          }
           box-shadow: $drop-down-btn-li-box-shadow;
         }

package/SCSS-Themes/splitbuttons/drop-down-button/fabric-dark.scss CHANGED Viewed

@@ -316,7 +316,9 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
         }
         &.e-focused {
-          background-color: $drop-down-btn-li-focus-bgcolor;
+          @if $skin-name != 'FluentUI' {
+            background-color: $drop-down-btn-li-focus-bgcolor;
+          }
           box-shadow: $drop-down-btn-li-box-shadow;
         }

package/SCSS-Themes/splitbuttons/drop-down-button/fabric.scss CHANGED Viewed

@@ -313,7 +313,9 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
         }
         &.e-focused {
-          background-color: $drop-down-btn-li-focus-bgcolor;
+          @if $skin-name != 'FluentUI' {
+            background-color: $drop-down-btn-li-focus-bgcolor;
+          }
           box-shadow: $drop-down-btn-li-box-shadow;
         }

package/SCSS-Themes/splitbuttons/drop-down-button/fluent-dark.scss CHANGED Viewed

@@ -34,7 +34,7 @@ $drop-down-btn-box-shadow: $secondary-shadow-focus !default;
 $drop-down-btn-popup-margin-top: 4px !default;
 $drop-down-btn-bigger-popup-margin-top: 4px !default;
 $drop-down-btn-ul-border: 0 solid $border-light !default;
-$drop-down-btn-li-box-shadow: none !default;
+$drop-down-btn-li-box-shadow: inset 0 0 0 1px rgba($content-text-color, 1) !default;
 $drop-down-btn-li-border-style: solid !default;
 //Color
@@ -317,7 +317,9 @@ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
         }
         &.e-focused {
-          background-color: $drop-down-btn-li-focus-bgcolor;
+          @if $skin-name != 'FluentUI' {
+            background-color: $drop-down-btn-li-focus-bgcolor;
+          }
           box-shadow: $drop-down-btn-li-box-shadow;
         }

package/SCSS-Themes/splitbuttons/drop-down-button/fluent.scss CHANGED Viewed

@@ -34,7 +34,7 @@ $drop-down-btn-box-shadow: $secondary-shadow-focus !default;
 $drop-down-btn-popup-margin-top: 4px !default;
 $drop-down-btn-bigger-popup-margin-top: 4px !default;
 $drop-down-btn-ul-border: 0 solid $border-light !default;
-$drop-down-btn-li-box-shadow: none !default;
+$drop-down-btn-li-box-shadow: inset 0 0 0 1px rgba($content-text-color, 1) !default;
 $drop-down-btn-li-border-style: solid !default;
 //Color
@@ -317,7 +317,9 @@ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
         }
         &.e-focused {
-          background-color: $drop-down-btn-li-focus-bgcolor;
+          @if $skin-name != 'FluentUI' {
+            background-color: $drop-down-btn-li-focus-bgcolor;
+          }
           box-shadow: $drop-down-btn-li-box-shadow;
         }

package/SCSS-Themes/splitbuttons/drop-down-button/highcontrast.scss CHANGED Viewed

@@ -312,7 +312,9 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
         }
         &.e-focused {
-          background-color: $drop-down-btn-li-focus-bgcolor;
+          @if $skin-name != 'FluentUI' {
+            background-color: $drop-down-btn-li-focus-bgcolor;
+          }
           box-shadow: $drop-down-btn-li-box-shadow;
         }

package/SCSS-Themes/splitbuttons/drop-down-button/material-dark.scss CHANGED Viewed

@@ -316,7 +316,9 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
         }
         &.e-focused {
-          background-color: $drop-down-btn-li-focus-bgcolor;
+          @if $skin-name != 'FluentUI' {
+            background-color: $drop-down-btn-li-focus-bgcolor;
+          }
           box-shadow: $drop-down-btn-li-box-shadow;
         }

package/SCSS-Themes/splitbuttons/drop-down-button/material.scss CHANGED Viewed

@@ -313,7 +313,9 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
         }
         &.e-focused {
-          background-color: $drop-down-btn-li-focus-bgcolor;
+          @if $skin-name != 'FluentUI' {
+            background-color: $drop-down-btn-li-focus-bgcolor;
+          }
           box-shadow: $drop-down-btn-li-box-shadow;
         }

package/SCSS-Themes/splitbuttons/drop-down-button/material3-dark.scss CHANGED Viewed

@@ -316,7 +316,9 @@ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
         }
         &.e-focused {
-          background-color: $drop-down-btn-li-focus-bgcolor;
+          @if $skin-name != 'FluentUI' {
+            background-color: $drop-down-btn-li-focus-bgcolor;
+          }
           box-shadow: $drop-down-btn-li-box-shadow;
         }