[iOS] Update LinearGradientInfo to use SwiftUI Color (microsoft#2137)

* Update `LinearGradientInfo` to use SwiftUI `Color`

* Remove unused `@objc` marking

* Whitespace

Author: mischreiber

Demos/FluentUIDemo_iOS/FluentUI.Demo/Demos/NotificationViewDemoController.swift

@@ -4,6 +4,7 @@
 //
 
 import FluentUI
+import SwiftUI
 import UIKit
 
 class NotificationViewDemoController: DemoController {
@@ -214,10 +215,10 @@ class NotificationViewDemoController: DemoController {
             notification.state.message = "The background of this notification has been customized with a gradient."
             notification.state.image = UIImage(named: "play-in-circle-24x24")
             // It's a lovely blue-to-pink gradient
-            let colors: [UIColor] = [UIColor(light: GlobalTokens.sharedColor(.pink, .tint50),
-                                             dark: GlobalTokens.sharedColor(.pink, .shade40)),
-                                     UIColor(light: GlobalTokens.sharedColor(.cyan, .tint50),
-                                             dark: GlobalTokens.sharedColor(.cyan, .shade40))]
+            let colors: [Color] = [Color(light: GlobalTokens.sharedSwiftUIColor(.pink, .tint50),
+                                         dark: GlobalTokens.sharedSwiftUIColor(.pink, .shade40)),
+                                   Color(light: GlobalTokens.sharedSwiftUIColor(.cyan, .tint50),
+                                         dark: GlobalTokens.sharedSwiftUIColor(.cyan, .shade40))]
             notification.state.backgroundGradient = LinearGradientInfo(colors: colors,
                                                                        startPoint: .init(x: 0.0, y: 1.0),
                                                                        endPoint: .init(x: 1.0, y: 0.0))

Demos/FluentUIDemo_iOS/FluentUI.Demo/Demos/NotificationViewDemoController_SwiftUI.swift

@@ -292,10 +292,10 @@ struct NotificationDemoView: View {
 
     private var backgroundGradient: LinearGradientInfo {
         // It's a lovely blue-to-pink gradient
-        let colors: [UIColor] = [UIColor(light: GlobalTokens.sharedColor(.pink, .tint50),
-                                         dark: GlobalTokens.sharedColor(.pink, .shade40)),
-                                 UIColor(light: GlobalTokens.sharedColor(.cyan, .tint50),
-                                         dark: GlobalTokens.sharedColor(.cyan, .shade40))]
+        let colors: [Color] = [Color(light: GlobalTokens.sharedSwiftUIColor(.pink, .tint50),
+                                     dark: GlobalTokens.sharedSwiftUIColor(.pink, .shade40)),
+                               Color(light: GlobalTokens.sharedSwiftUIColor(.cyan, .tint50),
+                                     dark: GlobalTokens.sharedSwiftUIColor(.cyan, .shade40))]
         return LinearGradientInfo(colors: colors,
                                   startPoint: .init(x: 0.0, y: 1.0),
                                   endPoint: .init(x: 1.0, y: 0.0))

Sources/FluentUI_iOS/Core/Extensions/Color+Extensions.swift

@@ -14,7 +14,7 @@ extension Color {
     /// - Parameter hexValue: The color value to store, in 24-bit (three-channel, 8-bit) RGB.
     ///
     /// - Returns: A color object that stores the provided color information.
-    init(hexValue: UInt32) {
+    public init(hexValue: UInt32) {
         let red: CGFloat = CGFloat((hexValue & 0x00FF0000) >> 16) / 255.0
         let green: CGFloat = CGFloat((hexValue & 0x0000FF00) >> 8) / 255.0
         let blue: CGFloat = CGFloat(hexValue & 0x000000FF) / 255.0
@@ -28,14 +28,14 @@ extension Color {
     /// - Parameter light: The default `Color` for a light context. Required.
     /// - Parameter dark: The override `Color` for a dark context. Optional.
     /// - Parameter darkElevated: The override `Color` for a dark elevated context. Optional.
-    init(light: Color,
-         dark: Color? = nil,
-         darkElevated: Color? = nil) {
+    public init(light: Color,
+                dark: Color? = nil,
+                darkElevated: Color? = nil) {
 
         let dynamicColor = DynamicColor(light: light, dark: dark, darkElevated: darkElevated)
         self.init(dynamicColor: dynamicColor)
     }
-    
+
     /// Creates a custom `Color` from a prebuilt `DynamicColor` structure.
     ///
     /// - Parameter dynamicColor: A dynmic color structure that describes the `Color` to be created.

Sources/FluentUI_iOS/Core/Theme/Tokens/LinearGradientInfo.swift

@@ -3,20 +3,19 @@
 //  Licensed under the MIT License.
 //
 
-import CoreGraphics
 import Foundation
 import SwiftUI
 
 /// Represents a linear gradient as used by FluentUI.
-@objc public class LinearGradientInfo: NSObject {
+public class LinearGradientInfo: NSObject {
     /// Initializes a linear gradient to be used in Fluent.
     ///
     /// - Parameters:
     ///   - colors: The array of colors to apply to this linear gradient.
     ///   - locations: An optional array of values defining the location of each gradient stop. Must be in the range `[0, 1]`.
     ///   - startPoint: The starting point for this gradient. Values should range from 0.0 to 1.0.
     ///   - endPoint: The ending point for this gradient. Values should range from 0.0 to 1.0.
-    public init(colors: [UIColor],
+    public init(colors: [Color],
                 locations: [CGFloat]? = nil,
                 startPoint: CGPoint,
                 endPoint: CGPoint) {
@@ -27,7 +26,7 @@ import SwiftUI
     }
 
     /// The array of colors to apply to this linear gradient.
-    public let colors: [UIColor]
+    public let colors: [Color]
 
     /// An optional array of values defining the location of each gradient stop.
     ///
@@ -49,14 +48,14 @@ extension LinearGradient {
         if let locations = gradientInfo.locations {
             // Map the colors and locations together.
             let stops: [Gradient.Stop] = zip(gradientInfo.colors, locations).map({ (color, location) in
-                return Gradient.Stop(color: Color(color),
+                return Gradient.Stop(color: color,
                                      location: location)
             })
             self.init(stops: stops,
                       startPoint: UnitPoint(x: gradientInfo.startPoint.x, y: gradientInfo.startPoint.y),
                       endPoint: UnitPoint(x: gradientInfo.endPoint.x, y: gradientInfo.endPoint.y))
         } else {
-            self.init(colors: gradientInfo.colors.map({ Color($0) }),
+            self.init(colors: gradientInfo.colors,
                       startPoint: UnitPoint(x: gradientInfo.startPoint.x, y: gradientInfo.startPoint.y),
                       endPoint: UnitPoint(x: gradientInfo.endPoint.x, y: gradientInfo.endPoint.y))
         }