Some more tweaks to compound for User Status. (#5708)

* Add a plain list modifier to Compound.

* Move ElementTextFieldStyle into Compound and support more styles from the Figma

- More accurately reflects our Liquid Glass updates.
- Adds support for the .raised style.

* Update Element X snapshots.

ElementX/Sources/Screens/Authentication/LoginScreen/View/LoginScreen.swift

@@ -61,17 +61,11 @@ struct LoginScreen: View {
     /// The form with text fields for username and password, along with a submit button.
     var loginForm: some View {
         VStack(alignment: .leading, spacing: 0) {
-            Text(L10n.screenLoginFormHeader)
-                .font(.compound.bodySM)
-                .foregroundColor(.compound.textPrimary)
-                .padding(.horizontal, 16)
-                .padding(.bottom, 8)
-            
             TextField(text: $context.username) {
                 Text(L10n.commonUsername).foregroundColor(.compound.textSecondary)
             }
             .focused($isUsernameFocused)
-            .textFieldStyle(.element(accessibilityIdentifier: A11yIdentifiers.loginScreen.emailUsername))
+            .textFieldStyle(.compound(labelText: L10n.screenLoginFormHeader, accessibilityIdentifier: A11yIdentifiers.loginScreen.emailUsername))
             .disableAutocorrection(true)
             .textContentType(.username)
             .autocapitalization(.none)
@@ -86,7 +80,7 @@ struct LoginScreen: View {
                 Text(L10n.commonPassword).foregroundColor(.compound.textSecondary)
             }
             .focused($isPasswordFocused)
-            .textFieldStyle(.element(accessibilityIdentifier: A11yIdentifiers.loginScreen.password))
+            .textFieldStyle(.compound(accessibilityIdentifier: A11yIdentifiers.loginScreen.password))
             .textContentType(.password)
             .submitLabel(.done)
             .onSubmit(submit)

ElementX/Sources/Screens/Authentication/ServerSelectionScreen/View/ServerSelectionScreen.swift

@@ -53,10 +53,10 @@ struct ServerSelectionScreen: View {
     var serverForm: some View {
         VStack(alignment: .leading, spacing: 24) {
             TextField(L10n.commonServerUrl, text: $context.homeserverAddress)
-                .textFieldStyle(.element(labelText: Text(L10n.screenChangeServerFormHeader),
-                                         footerText: Text(context.viewState.footerMessage),
-                                         state: context.viewState.isShowingFooterError ? .error : .default,
-                                         accessibilityIdentifier: A11yIdentifiers.changeServerScreen.server))
+                .textFieldStyle(.compound(labelText: Text(L10n.screenChangeServerFormHeader),
+                                          footerText: Text(context.viewState.footerMessage),
+                                          state: context.viewState.isShowingFooterError ? .error : .default,
+                                          accessibilityIdentifier: A11yIdentifiers.changeServerScreen.server))
                 .keyboardType(.URL)
                 .autocapitalization(.none)
                 .disableAutocorrection(true)

ElementX/Sources/Screens/Authentication/SoftLogoutScreen/View/SoftLogoutScreen.swift

@@ -6,6 +6,7 @@
 // Please see LICENSE files in the repository root for full details.
 //
 
+import Compound
 import SwiftUI
 
 struct SoftLogoutScreen: View {
@@ -75,7 +76,7 @@ struct SoftLogoutScreen: View {
         VStack(spacing: 14) {
             SecureField(L10n.commonPassword, text: $context.password)
                 .focused($isPasswordFocused)
-                .textFieldStyle(.element())
+                .textFieldStyle(.compound())
                 .textContentType(.password)
                 .submitLabel(.done)
                 .onSubmit(submit)