fix(Checkbox): set color for filling and rounded border

Telefonica · Aug 17, 2023 · 54deff1 · 54deff1
1 parent fe71624
commit 54deff1
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/Sources/MisticaSwiftUI/Components/Checkbox/Checkbox.swift b/Sources/MisticaSwiftUI/Components/Checkbox/Checkbox.swift
@@ -19,7 +19,8 @@ public struct Checkbox: View {
 
     public var body: some View {
         Rectangle()
-            .border(radiusStyle: .checkbox, borderColor: controlColor, lineWidth: lineWidth)
+            .fill(fillColor)
+            .border(radiusStyle: .checkbox, borderColor: borderColor, lineWidth: 1)
             .frame(width: 24, height: 24)
             .overlay(checkImage)
             .animation(.misticaTimingCurve, value: isSelected)
@@ -28,12 +29,12 @@ public struct Checkbox: View {
             }
     }
 
-    var controlColor: Color {
-        isSelected ? .controlActivated : .control
+    var fillColor: Color {
+        isSelected ? .controlActivated : .background
     }
 
-    var lineWidth: CGFloat {
-        isSelected ? 24 : 1
+    var borderColor: Color {
+        isSelected ? .controlActivated : .control
     }
 
     var imageScale: CGFloat {

diff --git a/...MisticaSwiftUITests/UI/__Snapshots__/CheckboxTests/testUnselectedCheckbox.1.png b/...MisticaSwiftUITests/UI/__Snapshots__/CheckboxTests/testUnselectedCheckbox.1.png