feat(StatusBaseInput): add visual validity state

Closes #287

sandbox/StatusInputPage.qml

@@ -24,6 +24,11 @@ Column {
         clearable: true
     }
 
+    StatusBaseInput {
+        placeholderText: "Invalid"
+        valid: false
+    }
+
     StatusBaseInput {
         multiline: true
         placeholderText: "Multiline"

src/StatusQ/Controls/StatusBaseInput.qml

@@ -40,6 +40,8 @@ Item {
     property real minimumHeight: 0
     property real maximumHeight: 0
 
+    property bool valid: true
+
     implicitWidth: 448
     implicitHeight: multiline ? Math.max(edit.implicitHeight + topPadding + bottomPadding, 40) : 40
 
@@ -57,6 +59,9 @@ Item {
 
         border.width: 1
         border.color: {
+            if (!statusBaseInput.valid) {
+                return Theme.palette.dangerColor1;
+            }
             if (edit.activeFocus) {
                 return Theme.palette.primaryColor1;
             }