bitwarden · matt-livefront · Jan 28, 2025 · Jan 27, 2025 · Jan 28, 2025 · Jan 28, 2025
@@ -19,13 +19,13 @@
                     .multilineTextAlignment(.leading)
 
                 if store.state.resetPasswordAutoEnroll {
-                    InfoContainer(Localizations.resetPasswordAutoEnrollInviteWarning, textAlignment: .leading)
+                    InfoContainer(Localizations.resetPasswordAutoEnrollInviteWarning)
                 }
 
                 if let policy = store.state.masterPasswordPolicy,
                    policy.isInEffect,
                    let policySummary = policy.policySummary {
-                    InfoContainer(policySummary, textAlignment: .leading)
+                    InfoContainer(policySummary)
                 }
 
                 BitwardenTextField(

@@ -19,7 +19,7 @@ struct UpdateMasterPasswordView: View {
                     if let policy = store.state.masterPasswordPolicy,
                        policy.isInEffect,
                        let policySummary = policy.policySummary {
-                        InfoContainer(policySummary, textAlignment: .leading)
+                        InfoContainer(policySummary)
                     }
                 }
 

@@ -145,7 +145,7 @@ class UpdateMasterPasswordViewTests: BitwardenTestCase {
         processor.state.forcePasswordResetReason = .adminForcePasswordReset
         assertSnapshots(
             of: subject,
-            as: [.portrait(heightMultiple: 1.25)]
+            as: [.portraitDark(heightMultiple: 1.25)]
         )
     }
 
@@ -175,7 +175,7 @@ class UpdateMasterPasswordViewTests: BitwardenTestCase {
         processor.state.forcePasswordResetReason = .weakMasterPasswordOnLogin
         assertSnapshots(
             of: subject,
-            as: [.portrait(heightMultiple: 1.25)]
+            as: [.portraitDark(heightMultiple: 1.25)]
         )
     }
 

@@ -23,9 +23,9 @@
         "color-space" : "srgb",
         "components" : {
           "alpha" : "1.000",
-          "blue" : "0x27",
-          "green" : "0x1A",
-          "red" : "0x12"
+          "blue" : "0x46",
+          "green" : "0x39",
+          "red" : "0x30"
         }
       },
       "idiom" : "universal"

@@ -8,72 +8,43 @@
     /// The content to display in the container.
     let content: Content
 
-    /// Returns an `Alignment` for the content's frame alignment based on the environment's
-    /// multiline text alignment.
-    var contentAlignment: Alignment {
-        switch textAlignment {
-        case .center:
-            Alignment.center
-        case .leading:
-            Alignment.leading
-        case .trailing:
-            Alignment.trailing
-        }
-    }
-
-    /// The text alignment to apply to the view.
-    let textAlignment: TextAlignment
-
     // MARK: View
 
     var body: some View {
         content
-            .foregroundStyle(Asset.Colors.textSecondary.swiftUIColor)
-            .frame(maxWidth: .infinity, alignment: contentAlignment)
-            .multilineTextAlignment(textAlignment)
+            .foregroundStyle(Asset.Colors.textPrimary.swiftUIColor)
+            .frame(maxWidth: .infinity, alignment: .leading)
+            .multilineTextAlignment(.leading)
             .styleGuide(.callout)
             .padding(16)
-            .overlay {
-                RoundedRectangle(cornerRadius: 4)
-                    .strokeBorder(Asset.Colors.strokeBorder.swiftUIColor)
-            }
+            .background(Asset.Colors.backgroundTertiary.swiftUIColor)
+            .cornerRadius(8)
     }
 
     // MARK: Initialization
 
     /// Initialize a new info container.
     ///
-    /// - Parameters:
-    ///   - textAlignment: The text alignment to apply to the view.
-    ///   - content: The content to display in the container.
+    /// - Parameter content: The content to display in the container.
     ///
-    init(
-        textAlignment: TextAlignment = .center,
-        @ViewBuilder content: () -> Content
-    ) {
+    init(@ViewBuilder content: () -> Content) {
         self.content = content()
-        self.textAlignment = textAlignment
     }
 
     /// Initialize a new info container that displays text content.
     ///
-    /// - Parameters:
-    ///   - text: The text message to display in the container.
-    ///   - textAlignment: The text alignment to apply to the view.
+    /// - Parameter text: The text message to display in the container.
     ///
-    init(
-        _ text: String,
-        textAlignment: TextAlignment = .center
-    ) where Content == Text {
+    init(_ text: String) where Content == Text {
         content = Text(text)
-        self.textAlignment = textAlignment
     }
 }
 
 // MARK: - Previews
 
 #Preview {
     InfoContainer("Hello!")
+        .padding()
 }
 
 #Preview {
@@ -83,4 +54,5 @@
             Text("Info")
         }
     }
+    .padding()
 }
@@ -177,7 +177,7 @@ private struct VaultItemSelectionSearchableView: View {
     @ViewBuilder
     private func matchingItemsView() -> some View {
         VStack(spacing: 16) {
-            InfoContainer(Localizations.addTheKeyToAnExistingOrNewItem, textAlignment: .leading)
+            InfoContainer(Localizations.addTheKeyToAnExistingOrNewItem)
 
             ForEach(store.state.vaultListSections) { section in
                 VaultListSectionView(section: section) { item in