Create To Do screen

Core/Core/Assets.xcassets/Colors/Contents.json

@@ -1,6 +1,6 @@
 {
   "info" : {
-    "version" : 1,
-    "author" : "xcode"
+    "author" : "xcode",
+    "version" : 1
   }
-}
+}

Core/Core/Assets.xcassets/Colors/disabledGray.colorset/Contents.json

@@ -0,0 +1,78 @@
+{
+  "colors" : [
+    {
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "0xB5",
+          "green" : "0xB1",
+          "red" : "0xAB"
+        }
+      },
+      "idiom" : "universal"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "0x71",
+          "green" : "0x71",
+          "red" : "0x70"
+        }
+      },
+      "idiom" : "universal"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "contrast",
+          "value" : "high"
+        }
+      ],
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "0xB5",
+          "green" : "0xB1",
+          "red" : "0xAB"
+        }
+      },
+      "idiom" : "universal"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        },
+        {
+          "appearance" : "contrast",
+          "value" : "high"
+        }
+      ],
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "0x71",
+          "green" : "0x71",
+          "red" : "0x70"
+        }
+      },
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

Core/Core/Assets.xcassets/Colors/placeholderGray.colorset/Contents.json

@@ -0,0 +1,78 @@
+{
+  "colors" : [
+    {
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "0xC7",
+          "green" : "0xC5",
+          "red" : "0xC5"
+        }
+      },
+      "idiom" : "universal"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "0xD0",
+          "green" : "0xCC",
+          "red" : "0xC7"
+        }
+      },
+      "idiom" : "universal"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "contrast",
+          "value" : "high"
+        }
+      ],
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "0xC7",
+          "green" : "0xC5",
+          "red" : "0xC5"
+        }
+      },
+      "idiom" : "universal"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        },
+        {
+          "appearance" : "contrast",
+          "value" : "high"
+        }
+      ],
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "0xD0",
+          "green" : "0xCC",
+          "red" : "0xC7"
+        }
+      },
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

Core/Core/Assets.xcassets/icons/checkbox.imageset/Contents.json

@@ -10,6 +10,7 @@
     "version" : 1
   },
   "properties" : {
+    "preserves-vector-representation" : true,
     "template-rendering-intent" : "template"
   }
 }

Core/Core/Assets.xcassets/icons/checkboxSelected.imageset/Contents.json

@@ -10,6 +10,7 @@
     "version" : 1
   },
   "properties" : {
+    "preserves-vector-representation" : true,
     "template-rendering-intent" : "template"
   }
 }

Core/Core/Assets.xcassets/icons/radioButtonSelected.imageset/Contents.json

@@ -0,0 +1,16 @@
+{
+  "images" : [
+    {
+      "filename" : "radio-button-selected.svg",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  },
+  "properties" : {
+    "preserves-vector-representation" : true,
+    "template-rendering-intent" : "template"
+  }
+}

Core/Core/Assets.xcassets/icons/radioButtonUnselected.imageset/Contents.json

@@ -0,0 +1,16 @@
+{
+  "images" : [
+    {
+      "filename" : "radio-button-unselected.svg",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  },
+  "properties" : {
+    "preserves-vector-representation" : true,
+    "template-rendering-intent" : "template"
+  }
+}

Core/Core/DeveloperMenu/BaseScreenTesterScreen.swift

@@ -23,13 +23,24 @@ struct BaseScreenTesterScreen: View {
 
     var body: some View {
         InstUI.BaseScreen(state: state) { _ in
-            Text(verbatim: "Content")
+            VStack(spacing: 16) {
+                ForEach(0..<100) { index in
+                    HStack {
+                        Text(verbatim: "Content")
+                        Spacer()
+                        Text(verbatim: "Line #\(index)")
+                    }
+                    .padding(.horizontal, 16)
+                }
+            }
         }
         .overlay(alignment: .bottom) {
             Picker("", selection: $state) {
-                ForEach(InstUI.ScreenState.allCases) { state in
-                    Text(state.rawValue.capitalized).tag(state)
-                }
+                Text(verbatim: "Loading").tag(InstUI.ScreenState.loading)
+                Text(verbatim: "Error").tag(InstUI.ScreenState.error)
+                Text(verbatim: "Empty").tag(InstUI.ScreenState.empty)
+                Text(verbatim: "Data").tag(InstUI.ScreenState.data)
+                Text(verbatim: "Data with LoadingOverlay").tag(InstUI.ScreenState.data(loadingOverlay: true))
             }
             .padding()
         }

Core/Core/Extensions/InstColorExtensions.swift

@@ -47,11 +47,13 @@ public extension UIColor {
     static let borderSuccess = UIColor(named: "borderSuccess", in: .core, compatibleWith: nil)!
     static let borderWarning = UIColor(named: "borderWarning", in: .core, compatibleWith: nil)!
     static let crimson = UIColor(named: "crimson", in: .core, compatibleWith: nil)!
+    static let disabledGray = UIColor(named: "disabledGray", in: .core, compatibleWith: nil)!
     static let electric = UIColor(named: "electric", in: .core, compatibleWith: nil)!
     static let electricHighContrast = UIColor(named: "electricHighContrast", in: .core, compatibleWith: nil)!
     static let fire = UIColor(named: "fire", in: .core, compatibleWith: nil)!
     static let licorice = UIColor(named: "licorice", in: .core, compatibleWith: nil)!
     static let oxford = UIColor(named: "oxford", in: .core, compatibleWith: nil)!
+    static let placeholderGray = UIColor(named: "placeholderGray", in: .core, compatibleWith: nil)!
     static let porcelain = UIColor(named: "porcelain", in: .core, compatibleWith: nil)!
     static let shamrock = UIColor(named: "shamrock", in: .core, compatibleWith: nil)!
     static let tabBarBackground = UIColor(named: "tabBarBackground", in: .core, compatibleWith: nil)!
@@ -93,11 +95,13 @@ public extension Color {
     static let borderSuccess = Color("borderSuccess", bundle: .core)
     static let borderWarning = Color("borderWarning", bundle: .core)
     static let crimson = Color("crimson", bundle: .core)
+    static let disabledGray = Color("disabledGray", bundle: .core)
     static let electric = Color("electric", bundle: .core)
     static let electricHighContrast = Color("electricHighContrast", bundle: .core)
     static let fire = Color("fire", bundle: .core)
     static let licorice = Color("licorice", bundle: .core)
     static let oxford = Color("oxford", bundle: .core)
+    static let placeholderGray = Color("placeholderGray", bundle: .core)
     static let porcelain = Color("porcelain", bundle: .core)
     static let shamrock = Color("shamrock", bundle: .core)
     static let tabBarBackground = Color("tabBarBackground", bundle: .core)

Core/Core/Extensions/InstIconExtensions.swift

@@ -257,6 +257,8 @@ public extension UIImage {
     static var masteryLTI: UIImage { UIImage(named: "masteryLTI", in: .core, compatibleWith: nil)! }
     static var offlineLine: UIImage { UIImage(named: "offlineLine", in: .core, compatibleWith: nil)! }
     static var partialSolid: UIImage { UIImage(named: "partialSolid", in: .core, compatibleWith: nil)! }
+    static var radioButtonSelected: UIImage { UIImage(named: "radioButtonSelected", in: .core, compatibleWith: nil)! }
+    static var radioButtonUnselected: UIImage { UIImage(named: "radioButtonUnselected", in: .core, compatibleWith: nil)! }
     static var qrCode: UIImage { UIImage(named: "qrCode", in: .core, compatibleWith: nil)! }
     static var share: UIImage { UIImage(named: "share", in: .core, compatibleWith: nil)! }
     static var todoTab: UIImage { UIImage(named: "todoTab", in: .core, compatibleWith: nil)! }
@@ -453,6 +455,7 @@ public extension Image {
     static var warningBorderlessSolid: Image { Image("warningBorderlessSolid", bundle: .core) }
     static var xLine: Image { Image("xLine", bundle: .core) }
     static var xSolid: Image { Image("xSolid", bundle: .core) }
+
     static var addAudioLine: Image { Image("addAudioLine", bundle: .core) }
     static var addCameraLine: Image { Image("addCameraLine", bundle: .core) }
     static var addDocumentLine: Image { Image("addDocumentLine", bundle: .core) }
@@ -472,6 +475,7 @@ public extension Image {
     static var chatBubble: Image { Image("chatBubble", bundle: .core) }
     static var checkbox: Image { Image("checkbox", bundle: .core) }
     static var checkboxSelected: Image { Image("checkboxSelected", bundle: .core) }
+    static var chevronDown: Image { Image("chevronDown", bundle: .core) }
     static var collaborations: Image { Image("collaborations", bundle: .core) }
     static var conferences: Image { Image("conferences", bundle: .core) }
     static var coursesTab: Image { Image("coursesTab", bundle: .core) }
@@ -498,6 +502,8 @@ public extension Image {
     static var masteryLTI: Image { Image("masteryLTI", bundle: .core) }
     static var offlineLine: Image { Image("offlineLine", bundle: .core) }
     static var partialSolid: Image { Image("partialSolid", bundle: .core) }
+    static var radioButtonSelected: Image { Image("radioButtonSelected", bundle: .core) }
+    static var radioButtonUnselected: Image { Image("radioButtonUnselected", bundle: .core) }
     static var qrCode: Image { Image("qrCode", bundle: .core) }
     static var share: Image { Image("share", bundle: .core) }
     static var todoTab: Image { Image("todoTab", bundle: .core) }

Core/Core/Extensions/ResultExtensions.swift

@@ -48,3 +48,7 @@ public extension Result {
         return false
     }
 }
+
+extension Result where Success == Void {
+    public static var success: Result { .success(()) }
+}

Core/Core/Extensions/StringExtensions.swift

@@ -70,6 +70,10 @@ extension String {
     public var isNotEmpty: Bool {
         !isEmpty
     }
+
+    public var nilIfEmpty: String? {
+        self.isEmpty ? nil : self
+    }
 }
 
 extension String: Error {