From 355c880a1ddf802d8f3e00d794a95966c20d66bb Mon Sep 17 00:00:00 2001
From: Carson Katri <Carson.katri@gmail.com>
Date: Sat, 28 May 2022 14:46:37 -0400
Subject: [PATCH] Support `foregroundColor` for `TextField` (#453)

* Support adjusting TextField foregroundColor in TokamakDOM

* Simplify implementation of foregroundColor
---
 Sources/TokamakCore/Views/Text/TextField.swift | 10 ++++++++--
 Sources/TokamakDOM/Views/Text/TextField.swift  |  5 ++++-
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/Sources/TokamakCore/Views/Text/TextField.swift b/Sources/TokamakCore/Views/Text/TextField.swift
index abaa7a8b1..b11c659a8 100644
--- a/Sources/TokamakCore/Views/Text/TextField.swift
+++ b/Sources/TokamakCore/Views/Text/TextField.swift
@@ -39,7 +39,7 @@ public struct TextField<Label>: _PrimitiveView where Label: View {
   let textBinding: Binding<String>
   let onEditingChanged: (Bool) -> ()
   let onCommit: () -> ()
-  @Environment(\.textFieldStyle) var style
+  @Environment(\.self) var environment
 }
 
 public extension TextField where Label == Text {
@@ -80,5 +80,11 @@ public struct _TextFieldProxy<Label: View> {
   public var textBinding: Binding<String> { subject.textBinding }
   public var onCommit: () -> () { subject.onCommit }
   public var onEditingChanged: (Bool) -> () { subject.onEditingChanged }
-  public var textFieldStyle: _AnyTextFieldStyle { subject.style }
+  public var textFieldStyle: _AnyTextFieldStyle { subject.environment.textFieldStyle }
+  public var foregroundColor: AnyColorBox.ResolvedValue? {
+    guard let foregroundColor = subject.environment.foregroundColor else {
+      return nil
+    }
+    return _ColorProxy(foregroundColor).resolve(in: subject.environment)
+  }
 }
diff --git a/Sources/TokamakDOM/Views/Text/TextField.swift b/Sources/TokamakDOM/Views/Text/TextField.swift
index b64cd32e1..b1790bf40 100644
--- a/Sources/TokamakDOM/Views/Text/TextField.swift
+++ b/Sources/TokamakDOM/Views/Text/TextField.swift
@@ -46,7 +46,10 @@ extension TextField: DOMPrimitive where Label == Text {
       "type": proxy.textFieldStyle is RoundedBorderTextFieldStyle ? "search" : "text",
       .value: proxy.textBinding.wrappedValue,
       "placeholder": _TextProxy(proxy.label).rawText,
-      "style": css(for: proxy.textFieldStyle),
+      "style": """
+      \(css(for: proxy.textFieldStyle)) \
+      \(proxy.foregroundColor.map { "color: \($0.cssValue);" } ?? "")
+      """,
       "class": className(for: proxy.textFieldStyle),
     ], listeners: [
       "focus": { _ in proxy.onEditingChanged(true) },