Add fields in ApplicantForm

TeroStyle/Button.qml

@@ -25,6 +25,7 @@ T.Button {
      */
     property bool isFieldButton: false
 
+
     height: isFieldButton ? parent.height : null
     icon.color: Colors.primaryContrast
     icon.height: 21

TeroStyle/ComboBox.qml

@@ -33,36 +33,16 @@ T.ComboBox {
         border.color: Colors.interactive
         border.width: 1
         color: Colors.mantle
-        // height: parent.height
         radius: Dimensions.radius
         width: parent.width
     }
-    // delegate: MenuItem {
-    //     id: menuItem
 
-    //     required property int index
-    //     required property var model
-
-    //     highlighted: control.highlightedIndex === index
-    //     hoverEnabled: control.hoverEnabled
-    //     text: model[control.textRole]
-    //     width: control.width
-
-    //     background: Rectangle {
-    //         color: menuItem.down || menuItem.highlighted ? Colors.primary : "transparent"
-    //         height: menuItem.height
-    //         width: menuItem.width
-    //     }
-    // }
     delegate: ItemDelegate {
         required property var model
         required property int index
 
         width: ListView.view.width
         text: model[control.textRole]
-        // palette.text: control.palette.text
-        // palette.highlightedText: control.palette.highlightedText
-        // font.weight: control.currentIndex === index ? Font.DemiBold : Font.Normal
         highlighted: control.highlightedIndex === index
         hoverEnabled: control.hoverEnabled
     }
@@ -125,8 +105,4 @@ T.ComboBox {
             }
         }
     }
-    Component.onCompleted:
-    {
-        console.log(control.implicitContentHeight)
-    }
 }

TeroStyle/EmailAddressValidator.qml

@@ -0,0 +1,5 @@
+import QtQuick
+
+RegularExpressionValidator {
+    regularExpression: /([\+!#$%&‘\*\–\/\=?\^_`\.{|}\~\-\_0-9A-Za-z]{1,185})@([0-9A-Za-z\.\-\_]{1,64})\.([a-zA-z]{2,5})/
+}

TeroStyle/PhoneNumberValidator.qml

@@ -0,0 +1,5 @@
+import QtQuick
+
+RegularExpressionValidator {
+    regularExpression: /([+0-9])([0-9\s]{1,17})/
+}

TeroStyle/PostcodeValidator.qml

@@ -0,0 +1,5 @@
+import QtQuick
+
+RegularExpressionValidator {
+    regularExpression: /([^$][0-9]{1,4})/
+}

TeroStyle/qmldir

@@ -5,10 +5,13 @@ singleton Typography Typography.qml
 BarButton BarButton.qml
 Button Button.qml
 ComboBox ComboBox.qml
+EmailAddressValidator EmailAddressValidator.qml
 Field Field.qml
 H1 H1.qml
 H2 H2.qml
 Label Label.qml
+PhoneNumberValidator PhoneNumberValidator.qml
+PostcodeValidator PostcodeValidator.qml
 QuickFilter QuickFilter.qml
 SearchBar SearchBar.qml
 TextField TextField.qml