feat: 🎸 [JIRA:HCPSDKFIORIUIKIT-2729] Update button visible and touch area height

Author: hengyi-zhang

Diff for: Sources/FioriSwiftUICore/FioriButton/FioriButton.swift

@@ -62,7 +62,7 @@ public struct FioriButton: View {
     let image: (UIControl.State) -> any View
     let imagePosition: FioriButtonImagePosition
     let imageTitleSpacing: CGFloat
-    private let touchAreaInset: CGFloat = 50
+    private let touchAreaInset: CGFloat = 3
 
     @Environment(\.isEnabled) private var isEnabled
     @Environment(\.fioriButtonStyle) private var fioriButtonStyle
@@ -164,17 +164,20 @@ public struct FioriButton: View {
                     })
             } else {
                 Button {
-                    self.action?(.normal)
+                    //
                 } label: {
                     EmptyView()
                 }
-                .buttonStyle(_ButtonStyleImpl(fioriButtonStyle: self.fioriButtonStyle, label: self.label, image: self.image, imagePosition: self.imagePosition, imageTitleSpacing: self.imageTitleSpacing, isEnabled: self.isEnabled))
+                .buttonStyle(_ButtonStyleImpl(fioriButtonStyle: self.fioriButtonStyle, label: self.label, image: self.image, imagePosition: self.imagePosition, imageTitleSpacing: self.imageTitleSpacing, isEnabled: self.isEnabled, state: self.state))
+                .overlay(GeometryReader { proxy in
+                    Color.clear.contentShape(Rectangle()).gesture(self.createGesture(proxy.size))
+                })
             }
         }
     }
 
     func createGesture(_ size: CGSize) -> some Gesture {
-        let touchArea = CGRect(origin: .zero, size: size).insetBy(dx: -self.touchAreaInset, dy: -self.touchAreaInset)
+        let touchArea = CGRect(origin: .zero, size: size).insetBy(dx: 0, dy: -self.touchAreaInset)
         var isCancelled = false
 
         return DragGesture(minimumDistance: 0)
@@ -185,6 +188,9 @@ public struct FioriButton: View {
 
                 if !touchArea.contains(value.location) {
                     isCancelled = true
+                } else if !self.isSelectionPersistent {
+                    self._state = self.state == .normal ? .selected : .normal
+                    self.action?(self.state)
                 }
             }
             .onEnded { _ in
@@ -233,10 +239,9 @@ private struct _ButtonStyleImpl: ButtonStyle {
     let imagePosition: FioriButtonImagePosition
     let imageTitleSpacing: CGFloat
     let isEnabled: Bool
+    let state: UIControl.State
 
     func makeBody(configuration: Configuration) -> some View {
-        let state: UIControl.State = self.isEnabled ? (configuration.isPressed ? .highlighted : .normal) : .disabled
-
         let config = FioriButtonStyleConfiguration(state: state, _label: { state in
             let v = self.label(state)
             return FioriButtonStyleConfiguration.Label(v)

Diff for: Sources/FioriSwiftUICore/FioriButton/FioriButtonStyleProvider.swift

@@ -198,7 +198,7 @@ extension View {
             .foregroundColor(config.foregroundColor)
             .tint(config.foregroundColor)
             .padding(config.padding)
-            .frame(minWidth: 44, maxWidth: config.maxWidth, minHeight: 44)
+            .frame(minWidth: 44, maxWidth: config.maxWidth, minHeight: 38)
             .background(RoundedRectangle(cornerRadius: 8).fill(config.backgroundColor))
             .contentShape(Rectangle())
     }