feat(blazorui): add FixedColor parameter to BitButton #8641 (#8642)

src/BlazorUI/Bit.BlazorUI/Components/Buttons/BitButton/BitButton.razor.cs

@@ -58,6 +58,12 @@ public partial class BitButton : BitComponentBase
     [Parameter, ResetClassBuilder]
     public BitColor? Color { get; set; }
 
+    /// <summary>
+    /// Preserves the foreground color of the button through hover and focus.
+    /// </summary>
+    [Parameter, ResetClassBuilder]
+    public bool FixedColor { get; set; }
+
     /// <summary>
     /// The value of the href attribute of the link rendered by the button. If provided, the component will be rendered as an anchor tag instead of button.
     /// </summary>
@@ -203,6 +209,8 @@ protected override void RegisterCssClasses()
         });
 
         ClassBuilder.Register(() => ReversedIcon ? "bit-btn-rvi" : string.Empty);
+
+        ClassBuilder.Register(() => FixedColor ? "bit-btn-ftc" : string.Empty);
     }
 
     protected override void RegisterCssStyles()

src/BlazorUI/Bit.BlazorUI/Components/Buttons/BitButton/BitButton.scss

@@ -151,6 +151,10 @@
     }
 }
 
+.bit-btn-ftc {
+    color: var(--bit-btn-clr-txt);
+}
+
 
 .bit-btn-pri {
     --bit-btn-clr: #{$clr-pri};

src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Pages/Components/Buttons/BitButtonDemo.razor.cs

@@ -67,6 +67,13 @@ public partial class BitButtonDemo
             Href = "#color-enum",
         },
         new()
+        {
+            Name = "FixedColor",
+            Type = "bool",
+            DefaultValue = "false",
+            Description = "Preserves the foreground color of the button through hover and focus.",
+        },
+        new()
         {
             Name = "Href",
             Type = "string?",