npm - @syncfusion/blazor-themes - Versions diffs - 31.1.20 → 31.1.21 - Mend

@syncfusion/blazor-themes 31.1.20 → 31.1.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (251) hide show

package/SCSS-Themes/bootstrap5.scss CHANGED Viewed

@@ -22009,8 +22009,8 @@ $btn-flat-danger-active-bgcolor: $btn-danger-active-bgcolor !default;
 $btn-flat-danger-disabled-color: $btn-danger-disabled-color !default;
 //outlineprimary
-$btn-outline-primary-disabled-color: $primary-text-disabled !default;
-$btn-outline-primary-disabled-border-color: rgba($primary, .65) !default;
+$btn-outline-primary-disabled-color: rgba(13, 110, 253, .65) !default;
+$btn-outline-primary-disabled-border-color: transparent !default;
 $btn-outline-primary-hover-border-color: $primary !default;
 $btn-outline-primary-hover-bgcolor: $btn-primary-bgcolor !default;
 $btn-outline-primary-focus-border-color: $primary !default;
@@ -22775,11 +22775,12 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }
@@ -59053,7 +59054,7 @@ $treeview-font-size: $text-sm !default;
 $treeview-icon-font-size: $text-xl !default;
 $treeview-image-font-size: $text-xl !default;
 $treeview-item-height: 36px !default;
-$treeview-text-height: 34px !default;
+$treeview-text-height: 22px !default;
 $treeview-input-height: 30px !default;
 $treeview-root-ul-padding: 0 0 0 12px !default;
 $treeview-rtl-root-ul-padding: 0 12px 0 0 !default;
@@ -59065,7 +59066,7 @@ $treeview-icon-size: 20px !default;
 $treeview-icon-margin: 0 4px 0 -24px !default;
 $treeview-rtl-icon-margin: 0 -20px 0 0 !default;
 $treeview-icon-padding: 0px !default;
-$treeview-text-padding: 0 8px !default;
+$treeview-text-padding: 7px 8px !default;
 $treeview-text-margin: 0 !default;
 $treeview-image-size: 20px !default;
 $treeview-image-margin: 0 0 0 8px !default;
@@ -59075,12 +59076,12 @@ $treeview-navigable-icon-image-anchor-margin: 0 8px 0 0 !default;
 $treeview-navigable-icon-image-anchor-margin-reverse: 0 0 0 8px !default;
 $treeview-navigable-rtl-margin-reverse: 0 12px 0 0 !default;
 $treeview-rtl-image-margin: 0 8px 0 0 !default;
-$treeview-image-text-padding: 0 8px !default;
+$treeview-image-text-padding: 7px 8px !default;
 $treeview-icon-image-margin: 0 0 0 8px !default;
 $treeview-rtl-icon-image-margin: 0 8px 0 0 !default;
 $treeview-check-margin: 0 0 0 12px !default;
 $treeview-rtl-check-margin: 0 12px 0 0 !default;
-$treeview-check-text-padding: 0 8px !default;
+$treeview-check-text-padding: 7px 8px !default;
 $treeview-check-image-margin: 0 0 0 8px !default;
 $treeview-rtl-check-image-margin: 0 8px 0 0 !default;
 $treeview-drop-count-border-size: 1px !default;
@@ -59419,6 +59420,10 @@ $treeview-item-active-check-color: $primary !default;
               padding-top: 5px;
               padding-bottom: 5px;
             }
+            @if $skin-name == 'bootstrap5' {
+              padding-top: 3px;
+              padding-bottom: 3px;
+            }
           }
         }
       }
@@ -59536,10 +59541,6 @@ $treeview-item-active-check-color: $primary !default;
           margin-top: 4px;
           margin-bottom: 4px;
         }
-        @else if($skin-name == 'bootstrap5') {
-          margin-bottom: 3px;
-          margin-top: 3px;
-        }
         @else {
           margin-bottom: 0;
         }
@@ -60589,8 +60590,7 @@ $treeview-item-active-check-color: $primary !default;
       }
       @if $skin-name == 'highcontrast' {
-        padding-top: 11px;
-        padding-bottom: 11px;
+        padding: $treeview-big-text-padding;
       }
       @if $skin-name == 'material' or $skin-name == 'material-dark' {
@@ -60599,8 +60599,7 @@ $treeview-item-active-check-color: $primary !default;
       }
       @if $skin-name == 'FluentUI' {
-        padding-top: 10px;
-        padding-bottom: 10px;
+        padding: $treeview-big-text-padding;
       }
       @if $skin-name == 'bootstrap4' {
@@ -61319,7 +61318,7 @@ $menu-caret-color: $cmenu-caret-color !default;
           & .e-caret {
             font-size: $menu-caret-font-size;
             height: auto;
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3' {
+            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
               line-height: $menu-icon-li-height;
             }
             @else {
@@ -61362,12 +61361,6 @@ $menu-caret-color: $cmenu-caret-color !default;
             @if $skin-name == 'fluent2' {
               padding: 9px 0;
             }
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
-              line-height: $menu-icon-li-height;
-            }
-            @else {
-              line-height: $menu-li-height;
-            }
           }
         }
       }

package/SCSS-Themes/buttons/button/bds-dark-lite.scss CHANGED Viewed

@@ -1141,11 +1141,12 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }

package/SCSS-Themes/buttons/button/bds-dark.scss CHANGED Viewed

@@ -1141,11 +1141,12 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }

package/SCSS-Themes/buttons/button/bds-lite.scss CHANGED Viewed

@@ -1141,11 +1141,12 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }

package/SCSS-Themes/buttons/button/bds.scss CHANGED Viewed

@@ -1141,11 +1141,12 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }

package/SCSS-Themes/buttons/button/bootstrap-dark-lite.scss CHANGED Viewed

@@ -1077,11 +1077,12 @@ $btn-focus-box-shadow: none !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }

package/SCSS-Themes/buttons/button/bootstrap-dark.scss CHANGED Viewed

@@ -1077,11 +1077,12 @@ $btn-focus-box-shadow: none !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }

package/SCSS-Themes/buttons/button/bootstrap-lite.scss CHANGED Viewed

@@ -1032,11 +1032,12 @@ $btn-focus-box-shadow: none !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }

package/SCSS-Themes/buttons/button/bootstrap.scss CHANGED Viewed

@@ -1032,11 +1032,12 @@ $btn-focus-box-shadow: none !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }

package/SCSS-Themes/buttons/button/bootstrap4-lite.scss CHANGED Viewed

@@ -1080,11 +1080,12 @@ $btn-focus-box-shadow: none !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }

package/SCSS-Themes/buttons/button/bootstrap4.scss CHANGED Viewed

@@ -1080,11 +1080,12 @@ $btn-focus-box-shadow: none !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }

package/SCSS-Themes/buttons/button/bootstrap5-dark-lite.scss CHANGED Viewed

@@ -320,8 +320,8 @@ $btn-flat-danger-active-bgcolor: $btn-danger-active-bgcolor !default;
 $btn-flat-danger-disabled-color: $btn-danger-disabled-color !default;
 //outlineprimary
-$btn-outline-primary-disabled-color: $primary-text-disabled !default;
-$btn-outline-primary-disabled-border-color: rgba($primary, .65) !default;
+$btn-outline-primary-disabled-color: rgba(13, 110, 253, .65) !default;
+$btn-outline-primary-disabled-border-color: transparent !default;
 $btn-outline-primary-hover-border-color: $primary !default;
 $btn-outline-primary-hover-bgcolor: $btn-primary-bgcolor !default;
 $btn-outline-primary-focus-border-color: $primary !default;
@@ -1086,11 +1086,12 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }

package/SCSS-Themes/buttons/button/bootstrap5-dark.scss CHANGED Viewed

@@ -320,8 +320,8 @@ $btn-flat-danger-active-bgcolor: $btn-danger-active-bgcolor !default;
 $btn-flat-danger-disabled-color: $btn-danger-disabled-color !default;
 //outlineprimary
-$btn-outline-primary-disabled-color: $primary-text-disabled !default;
-$btn-outline-primary-disabled-border-color: rgba($primary, .65) !default;
+$btn-outline-primary-disabled-color: rgba(13, 110, 253, .65) !default;
+$btn-outline-primary-disabled-border-color: transparent !default;
 $btn-outline-primary-hover-border-color: $primary !default;
 $btn-outline-primary-hover-bgcolor: $btn-primary-bgcolor !default;
 $btn-outline-primary-focus-border-color: $primary !default;
@@ -1086,11 +1086,12 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }

package/SCSS-Themes/buttons/button/bootstrap5-lite.scss CHANGED Viewed

@@ -320,8 +320,8 @@ $btn-flat-danger-active-bgcolor: $btn-danger-active-bgcolor !default;
 $btn-flat-danger-disabled-color: $btn-danger-disabled-color !default;
 //outlineprimary
-$btn-outline-primary-disabled-color: $primary-text-disabled !default;
-$btn-outline-primary-disabled-border-color: rgba($primary, .65) !default;
+$btn-outline-primary-disabled-color: rgba(13, 110, 253, .65) !default;
+$btn-outline-primary-disabled-border-color: transparent !default;
 $btn-outline-primary-hover-border-color: $primary !default;
 $btn-outline-primary-hover-bgcolor: $btn-primary-bgcolor !default;
 $btn-outline-primary-focus-border-color: $primary !default;
@@ -1086,11 +1086,12 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }

package/SCSS-Themes/buttons/button/bootstrap5.3-dark-lite.scss CHANGED Viewed

@@ -1086,11 +1086,12 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }

package/SCSS-Themes/buttons/button/bootstrap5.3-dark.scss CHANGED Viewed

@@ -1086,11 +1086,12 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }

package/SCSS-Themes/buttons/button/bootstrap5.3-lite.scss CHANGED Viewed

@@ -1086,11 +1086,12 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }

package/SCSS-Themes/buttons/button/bootstrap5.3.scss CHANGED Viewed

@@ -1086,11 +1086,12 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }

package/SCSS-Themes/buttons/button/bootstrap5.scss CHANGED Viewed

@@ -320,8 +320,8 @@ $btn-flat-danger-active-bgcolor: $btn-danger-active-bgcolor !default;
 $btn-flat-danger-disabled-color: $btn-danger-disabled-color !default;
 //outlineprimary
-$btn-outline-primary-disabled-color: $primary-text-disabled !default;
-$btn-outline-primary-disabled-border-color: rgba($primary, .65) !default;
+$btn-outline-primary-disabled-color: rgba(13, 110, 253, .65) !default;
+$btn-outline-primary-disabled-border-color: transparent !default;
 $btn-outline-primary-hover-border-color: $primary !default;
 $btn-outline-primary-hover-bgcolor: $btn-primary-bgcolor !default;
 $btn-outline-primary-focus-border-color: $primary !default;
@@ -1086,11 +1086,12 @@ $btn-warning-focus-box-shadow: $warning-shadow-focus !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }

package/SCSS-Themes/buttons/button/fabric-dark-lite.scss CHANGED Viewed

@@ -1035,11 +1035,12 @@ $btn-focus-box-shadow: none !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }

package/SCSS-Themes/buttons/button/fabric-dark.scss CHANGED Viewed

@@ -1035,11 +1035,12 @@ $btn-focus-box-shadow: none !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }

package/SCSS-Themes/buttons/button/fabric-lite.scss CHANGED Viewed

@@ -1030,11 +1030,12 @@ $btn-focus-box-shadow: none !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }

package/SCSS-Themes/buttons/button/fabric.scss CHANGED Viewed

@@ -1030,11 +1030,12 @@ $btn-focus-box-shadow: none !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }

package/SCSS-Themes/buttons/button/fluent-dark-lite.scss CHANGED Viewed

@@ -1086,11 +1086,12 @@ $btn-warning-focus-box-shadow: $shadow-none !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }

package/SCSS-Themes/buttons/button/fluent-dark.scss CHANGED Viewed

@@ -1086,11 +1086,12 @@ $btn-warning-focus-box-shadow: $shadow-none !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }

package/SCSS-Themes/buttons/button/fluent-lite.scss CHANGED Viewed

@@ -1086,11 +1086,12 @@ $btn-warning-focus-box-shadow: $shadow-none !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }

package/SCSS-Themes/buttons/button/fluent.scss CHANGED Viewed

@@ -1086,11 +1086,12 @@ $btn-warning-focus-box-shadow: $shadow-none !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }

package/SCSS-Themes/buttons/button/fluent2-dark-lite.scss CHANGED Viewed

@@ -1100,11 +1100,12 @@ $btn-keyboard-focus-border-color: $shadow-color !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }

package/SCSS-Themes/buttons/button/fluent2-dark.scss CHANGED Viewed

@@ -1100,11 +1100,12 @@ $btn-keyboard-focus-border-color: $shadow-color !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }

package/SCSS-Themes/buttons/button/fluent2-highcontrast-lite.scss CHANGED Viewed

@@ -1100,11 +1100,12 @@ $btn-keyboard-focus-border-color: $shadow-color !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }

package/SCSS-Themes/buttons/button/fluent2-highcontrast.scss CHANGED Viewed

@@ -1100,11 +1100,12 @@ $btn-keyboard-focus-border-color: $shadow-color !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }

package/SCSS-Themes/buttons/button/fluent2-lite.scss CHANGED Viewed

@@ -1100,11 +1100,12 @@ $btn-keyboard-focus-border-color: $shadow-color !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }

package/SCSS-Themes/buttons/button/fluent2.scss CHANGED Viewed

@@ -1100,11 +1100,12 @@ $btn-keyboard-focus-border-color: $shadow-color !default;
 @mixin outline-primary-disabled {
   @if $skin-name == 'bootstrap5'  or $skin-name == 'bootstrap5.3' {
     background: $btn-outline-primary-disabled-border-color;
+    border-color: $btn-outline-primary-disabled-color;
   }
   @else {
     background: $btn-outline-bgcolor;
+    border-color: $btn-outline-primary-disabled-border-color;
   }
-  border-color: $btn-outline-primary-disabled-border-color;
   box-shadow: $btn-flat-box-shadow;
   color: $btn-outline-primary-disabled-color;
 }