Update checkbox & radio focused outline

forus-labs · Nov 13, 2024 · 5a80ddc · 5a80ddc
1 parent 550eaf0
commit 5a80ddc
Show file tree

Hide file tree

Showing 6 changed files with 8 additions and 2 deletions.
diff --git a/forui/lib/src/widgets/checkbox.dart b/forui/lib/src/widgets/checkbox.dart
@@ -204,7 +204,10 @@ class FCheckboxStyle with Diagnosticable {
   FCheckboxStyle.inherit({required FColorScheme colorScheme, required FStyle style})
       : this(
           labelLayoutStyle: FLabelStyles.inherit(style: style).horizontalStyle.layout,
-          focusedOutlineStyle: style.focusedOutlineStyle,
+          focusedOutlineStyle: FFocusedOutlineStyle(
+            color: style.focusedOutlineStyle.color,
+            borderRadius: BorderRadius.circular(4),
+          ),
           enabledStyle: FCheckboxStateStyle(
             labelTextStyle: style.enabledFormFieldStyle.labelTextStyle,
             descriptionTextStyle: style.enabledFormFieldStyle.descriptionTextStyle,

diff --git a/forui/lib/src/widgets/radio.dart b/forui/lib/src/widgets/radio.dart
@@ -201,7 +201,10 @@ class FRadioStyle with Diagnosticable {
   FRadioStyle.inherit({required FColorScheme colorScheme, required FStyle style})
       : this(
           labelLayoutStyle: FLabelStyles.inherit(style: style).horizontalStyle.layout,
-          focusedOutlineStyle: style.focusedOutlineStyle,
+          focusedOutlineStyle: FFocusedOutlineStyle(
+            color: colorScheme.primary,
+            borderRadius: BorderRadius.circular(100),
+          ),
           enabledStyle: FRadioStateStyle(
             labelTextStyle: style.enabledFormFieldStyle.labelTextStyle,
             descriptionTextStyle: style.enabledFormFieldStyle.descriptionTextStyle,

diff --git a/forui/test/golden/check-box/zinc-dark/focused.png b/forui/test/golden/check-box/zinc-dark/focused.png
diff --git a/forui/test/golden/check-box/zinc-light/focused.png b/forui/test/golden/check-box/zinc-light/focused.png
diff --git a/forui/test/golden/radio/zinc-dark/focused.png b/forui/test/golden/radio/zinc-dark/focused.png
diff --git a/forui/test/golden/radio/zinc-light/focused.png b/forui/test/golden/radio/zinc-light/focused.png