add faded style for input fields

Author: mikhailChelbaev

Examples/DemosApp/DemosApp/ComponentsPreview/PreviewPages/InputFieldPreview.swift

@@ -64,6 +64,7 @@ struct InputFieldPreview: View {
         Picker("Style", selection: self.$model.style) {
           Text("Light").tag(InputFieldVM.Style.light)
           Text("Bordered").tag(InputFieldVM.Style.bordered)
+          Text("Faded").tag(InputFieldVM.Style.faded)
         }
         SubmitTypePicker(selection: self.$model.submitType)
         UniversalColorPicker(
@@ -99,7 +100,7 @@ struct InputFieldPreview: View {
 
   private static let title = "Email"
   private static let placeholder = "Enter your email"
-  private static let caption = "We'll send you a verification code"
+  private static let caption = "Your email address will be used to send a verification code"
   private static var initialModel: InputFieldVM {
     return .init {
       $0.title = Self.title

Sources/ComponentsKit/Components/InputField/Models/InputFieldStyle.swift

@@ -1,8 +1,13 @@
 import Foundation
 
 extension InputFieldVM {
+  /// The input fields appearance style.
   public enum Style: Hashable {
+    /// An input field with a partially transparent background.
     case light
+    /// An input field with a transparent background and a border.
     case bordered
+    /// An input field with a partially transparent background and a border.
+    case faded
   }
 }

Sources/ComponentsKit/Components/InputField/Models/InputFieldVM.swift

@@ -151,7 +151,7 @@ extension InputFieldVM {
   }
   var backgroundColor: UniversalColor {
     switch self.style {
-    case .light:
+    case .light, .faded:
       return self.color?.background ?? .content1
     case .bordered:
       return .background
@@ -174,7 +174,7 @@ extension InputFieldVM {
     switch self.style {
     case .light:
       return 0
-    case .bordered:
+    case .bordered, .faded:
       switch self.size {
       case .small:
         return BorderWidth.small.value

Sources/ComponentsKit/Components/InputField/UKInputField.swift

@@ -257,6 +257,7 @@ extension UKInputField {
       label.isVisible = model.caption.isNotNilAndEmpty
       label.textColor = model.captionColor.uiColor
       label.font = model.preferredCaptionFont.uiFont
+      label.numberOfLines = 0
     }
     static func horizontalStackView(
       _ stackView: UIStackView,