Adjust the PillView and BadgeLabel to the new compound styles

2026-11-03 16:10:20 +00:00 · 2026-03-19 14:55:54 +02:00
parent d544a5874a
commit a164812f50
2 changed files with 14 additions and 3 deletions
@@ -55,6 +55,13 @@ struct BadgeLabel: View {
            }
        }
        
+        var borderColor: Color {
+            switch style {
+            case .default: .compound.borderInteractiveSecondary
+            default: .clear
+            }
+        }
+        
        func makeBody(configuration: Configuration) -> some View {
            HStack(spacing: 4) {
                configuration.icon
@@ -66,7 +73,11 @@ struct BadgeLabel: View {
            .padding(.leading, 8)
            .padding(.trailing, 12)
            .padding(.vertical, 4)
-            .background(Capsule().fill(backgroundColor))
+            .background {
+                Capsule().fill(backgroundColor).overlay {
+                    Capsule().stroke(borderColor)
+                }
+            }
        }
    }
 }