DON-594: Add fitsInsideBorder property to Outline

Backpack-SwiftUI/Select/Classes/BPKSelect.swift

@@ -40,7 +40,7 @@ struct CustomPickerStyle: ViewModifier {
         .background(.surfaceDefaultColor)
         .clipShape(RoundedRectangle(cornerRadius: .xs))
         .disabled(pickerState.isDisabled)
-        .outline(pickerState.borderColor, cornerRadius: .xs)
+        .outline(pickerState.borderColor, cornerRadius: .xs, fitsInsideBorder: true)
     }
 }
 

Backpack-SwiftUI/Utils/Classes/Outline.swift

@@ -23,30 +23,47 @@ struct Outline: ViewModifier {
     let color: BPKColor
     let cornerRadius: BPKCornerRadius
     let lineWidth: CGFloat
+    let fitsInsideBorder: Bool
 
-    init(color: BPKColor, cornerRadius: BPKCornerRadius, lineWidth: CGFloat = 1.0) {
+    init(color: BPKColor, cornerRadius: BPKCornerRadius, lineWidth: CGFloat = 1.0, fitsInsideBorder: Bool) {
         self.color = color
         self.cornerRadius = cornerRadius
         self.lineWidth = lineWidth
+        self.fitsInsideBorder = fitsInsideBorder
     }
 
     func body(content: Content) -> some View {
         return content
             .overlay(
-                RoundedRectangle(cornerRadius: cornerRadius)
-                    .stroke(Color(color), lineWidth: lineWidth)
+                Group {
+                    if fitsInsideBorder {
+                        RoundedRectangle(cornerRadius: cornerRadius)
+                            .strokeBorder(Color(color), lineWidth: lineWidth)
+                    } else {
+                        RoundedRectangle(cornerRadius: cornerRadius)
+                            .stroke(Color(color), lineWidth: lineWidth)
+                    }
+                }
             )
     }
 }
 
 extension View {
     @ViewBuilder
-    func outline(_ color: BPKColor?, cornerRadius: BPKCornerRadius, lineWidth: CGFloat = 1.0) -> some View {
+    func outline(
+        _ color: BPKColor?,
+        cornerRadius: BPKCornerRadius,
+        lineWidth: CGFloat = 1.0,
+        fitsInsideBorder: Bool = false
+    ) -> some View {
         if let color = color {
-            ModifiedContent(
-                content: self,
-                modifier: Outline(color: color, cornerRadius: cornerRadius, lineWidth: lineWidth)
+            let outline = Outline(
+                color: color,
+                cornerRadius: cornerRadius,
+                lineWidth: lineWidth,
+                fitsInsideBorder: fitsInsideBorder
             )
+            self.modifier(outline)
         } else {
             self
         }