Merge pull request #147 from webreinvent/feature/Task-7971-update-Input-text-textalign-color

Feature -> Develop | Task 7971 update input text text align color

Author: we-vikram-wri231

content/vaahflutter/5.directory_structure/3.vaahextendflutter/6.widgets/1.atoms/8.input-text.md

@@ -187,6 +187,54 @@ InputText(
 ),
 ```
 
+Use inputTextAlign to align the text in center.
+```dart{3}
+InputText(
+    label: 'Text Alignment',
+    inputTextAlign: TextAlign.center,
+),
+```
+
+Use borderWidth for changing border thickness.
+```dart{3}
+InputText(
+    label: 'Border width',
+    borderWidth: 2,
+),
+```
+
+Use focusedEnabledColor to change color of InputText when it's focused.
+```dart{3}
+InputText(
+    label: 'Highlight Border Color on focus',
+    focusedBorderColor: Colors.blue,
+),
+```
+
+Use enabledBorderColor to change border color when InputText is enabled.
+```dart{3}
+InputText(
+    label: 'Border Color',
+    enabledBorderColor: Colors.amber,
+),
+```
+
+Use inputColor for changing user input text color.
+```dart{3}
+InputText(
+    label: 'Change user input color',
+    inputColor: Colors.blue,
+),
+```
+
+Use labelColor to change label color.
+```dart{3}
+InputText(
+    label: 'Label color',
+    labelColor: Colors.blue,
+),
+```
+
 ## Source Code
 
 ```dart
@@ -217,7 +265,12 @@ class InputText extends StatelessWidget {
   final Function()? suffixOnTap;
   final int? minLines;
   final int? maxLines;
-  final FocusNode? focusNode;
+  final TextAlign inputTextAlign;
+  final double borderWidth;
+  final Color? focusedBorderColor;
+  final Color? inputColor;
+  final Color? labelColor;
+  final Color? enabledBorderColor;
 
   const InputText({
     super.key,
@@ -240,26 +293,32 @@ class InputText extends StatelessWidget {
     this.suffixOnTap,
     this.minLines,
     this.maxLines,
-    this.focusNode,
+    this.inputTextAlign = TextAlign.start,
+    this.borderWidth = 1,
+    this.focusedBorderColor,
+    this.inputColor,
+    this.labelColor,
+    this.enabledBorderColor,
   });
 
   @override
   Widget build(BuildContext context) {
     return TextFormField(
+      textAlign: inputTextAlign,
       decoration: InputDecoration(
         contentPadding: padding,
-        border: getInputBorder(inputBorder, AppTheme.colors['black']!.shade400),
-        enabledBorder: getInputBorder(inputBorder, AppTheme.colors['black']!.shade400),
-        disabledBorder: getInputBorder(inputBorder, AppTheme.colors['black']!.shade300),
-        focusedBorder: getInputBorder(inputBorder, AppTheme.colors['black']!.shade400),
-        errorBorder: getInputBorder(inputBorder, AppTheme.colors['danger']!.shade400),
-        focusedErrorBorder: getInputBorder(inputBorder, AppTheme.colors['danger']!.shade400),
+        border: border(AppTheme.colors['black']!.shade400),
+        enabledBorder: border(enabledBorderColor ?? AppTheme.colors['black']!.shade400),
+        disabledBorder: border(AppTheme.colors['black']!.shade300),
+        focusedBorder: border(focusedBorderColor ?? AppTheme.colors['black']!.shade400),
+        errorBorder: border(AppTheme.colors['danger']!.shade400),
+        focusedErrorBorder: border(AppTheme.colors['danger']!.shade400),
         errorStyle: TextStyle(color: AppTheme.colors['danger']!.shade400),
         hintText: label,
         hintStyle: TextStyle(
           fontSize: getFontSize(),
           color:
-              isEnabled ? AppTheme.colors['black']!.shade400 : AppTheme.colors['black']!.shade300,
+              isEnabled ? labelColor : AppTheme.colors['black']!.shade400 : AppTheme.colors['black']!.shade300,
         ),
         prefixIcon: prefixIcon != null
             ? InkWell(
@@ -307,7 +366,7 @@ class InputText extends StatelessWidget {
       onChanged: onChanged,
       style: TextStyle(
         fontSize: getFontSize(),
-        color: AppTheme.colors['black']!.shade400,
+        color: isEnabled ? inputColor : AppTheme.colors['black']!.shade400,
       ),
       enabled: isEnabled,
       autovalidateMode: autoValidateMode,
@@ -317,29 +376,14 @@ class InputText extends StatelessWidget {
     );
   }
 
-  InputBorder getInputBorder(InputBorderType inputBorderType, Color color) {
-    switch (inputBorderType) {
-      case InputBorderType.none:
-        return InputBorder.none;
-
-      case InputBorderType.underline:
-        return UnderlineInputBorder(
-          borderRadius: BorderRadius.circular(borderRadius),
-          borderSide: BorderSide(
-            width: 1,
-            color: color,
-          ),
-        );
-
-      case InputBorderType.outline:
-        return OutlineInputBorder(
-          borderRadius: BorderRadius.circular(borderRadius),
-          borderSide: BorderSide(
-            width: 1,
-            color: color,
-          ),
-        );
-    }
+  OutlineInputBorder border(Color color) {
+    return OutlineInputBorder(
+      borderRadius: BorderRadius.circular(borderRadius),
+      borderSide: BorderSide(
+        width: borderWidth,
+        color: color,
+      ),
+    );
   }
 
   double getFontSize() {