Update to the new SendButton design. (#130)

Sources/Compound/Buttons/SendButton.swift

@@ -15,9 +15,18 @@ public struct SendButton: View {
     /// The action to perform when the user triggers the button.
     public let action: () -> Void
 
-    private var iconColor: Color { isEnabled ? .compound.iconOnSolidPrimary : .compound.iconQuaternary }
-    private var gradient: Gradient { isEnabled ? Color.compound.gradientSendButton : .init(colors: [.clear]) }
-    private var colorSchemeOverride: ColorScheme { isEnabled ? .light : colorScheme }
+    private var iconColor: Color { isEnabled ? .compound.iconPrimary : .compound.iconQuaternary }
+    private var gradient: Gradient { isEnabled ? enabledGradient : .init(colors: [.clear]) }
+    private var colorSchemeOverride: ColorScheme { isEnabled ? .dark : colorScheme }
+
+    /// This is a custom gradient used for this button, the colours don't come from our core tokens
+    /// and aren't reactive to light/dark mode or high contrast, so it is hard coded in here.
+    private var enabledGradient: Gradient {
+        .init(stops: [Gradient.Stop(color: Color(red: 0.47, green: 0.87, blue: 0.6), location: 0.00),
+                      Gradient.Stop(color: Color(red: 0.05, green: 0.74, blue: 0.55), location: 0.30),
+                      Gradient.Stop(color: Color(red: 0.07, green: 0.52, blue: 0.52), location: 0.60),
+                      Gradient.Stop(color: Color(red: 0.14, green: 0.27, blue: 0.42), location: 1.00)])
+    }
 
     /// Creates a send button that performs the provided action.
     public init(action: @escaping () -> Void) {
@@ -38,12 +47,6 @@ public struct SendButton: View {
     var buttonShape: some View {
         Circle()
             .fill(LinearGradient(gradient: gradient, startPoint: .top, endPoint: .bottom))
-            .overlay {
-                Circle()
-                    .fill(EllipticalGradient(gradient: gradient))
-                    .opacity(0.4)
-                    .blendMode(.overlay)
-            }
     }
 }
 

Sources/Compound/Colors/CompoundColors.swift

@@ -125,7 +125,6 @@ public class CompoundColors {
     // MARK: - Gradients
 
     public let gradientSuperButton = Gradient(colors: [coreTokens.blue900, coreTokens.green1100])
-    public let gradientSendButton = Gradient(colors: [coreTokens.green700, coreTokens.blue900])
 }
 
 private extension UITraitCollection {