From e8fb98f957e43867491adb16546b3ec4e5de565d Mon Sep 17 00:00:00 2001
From: desmondinho <daniil.norinn@gmail.com>
Date: Tue, 2 Jul 2024 21:26:57 -0500
Subject: [PATCH] chore(components): add the utility style for visually hidden
 elements

---
 src/LumexUI/Components/Checkbox/LumexCheckbox.razor | 2 +-
 src/LumexUI/Styles/Utils.cs                         | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/LumexUI/Components/Checkbox/LumexCheckbox.razor b/src/LumexUI/Components/Checkbox/LumexCheckbox.razor
index 15abc5a8..1456553f 100644
--- a/src/LumexUI/Components/Checkbox/LumexCheckbox.razor
+++ b/src/LumexUI/Components/Checkbox/LumexCheckbox.razor
@@ -7,7 +7,7 @@
                 data-checked="@_checked"
                 tabindex="1"
                 @attributes="@AdditionalAttributes">
-    <span class="sr-only">
+    <span class="@Utils.VisuallyHidden">
         <input type="checkbox"
                value="@true"
                checked="@_checked"
diff --git a/src/LumexUI/Styles/Utils.cs b/src/LumexUI/Styles/Utils.cs
index 62759a7e..c59d3354 100644
--- a/src/LumexUI/Styles/Utils.cs
+++ b/src/LumexUI/Styles/Utils.cs
@@ -4,6 +4,10 @@ namespace LumexUI.Styles;
 
 internal class Utils
 {
+    public readonly static string VisuallyHidden = ElementClass.Empty()
+        .Add( "sr-only" )
+        .ToString();
+
     public readonly static string GroupFocusVisible = ElementClass.Empty()
         .Add( "outline-none" )
         .Add( "group-focus-visible:z-10" )