update checkbox / radio input styles

ui/js/component/form.js

@@ -106,12 +106,10 @@ export class FormRow extends React.PureComponent {
   }
 
   onFocus() {
-    //this._field.focus();
     this.setState({ isFocus: true });
   }
 
   onBlur() {
-    //this._field.focus();
     this.setState({ isFocus: false });
   }
 

ui/js/component/formField/view.jsx

@@ -134,6 +134,8 @@ class FormField extends React.PureComponent {
       renderElementInsideLabel =
         this.props.label && formFieldNestedLabelTypes.includes(this.props.type);
 
+    const isCheck = this.refs.field && this.refs.field.checked ? true : false;
+
     delete otherProps.type;
     delete otherProps.label;
     delete otherProps.hasError;
@@ -177,7 +179,8 @@ class FormField extends React.PureComponent {
               htmlFor={elementId}
               className={
                 "form-field__label " +
-                (isError ? "form-field__label--error" : "")
+                (isError ? "form-field__label--error" : "") +
+                (isCheck ? " checked" : "")
               }
             >
               {element}

ui/scss/component/_form-field.scss

@@ -155,6 +155,12 @@ input[readonly]:focus {
     color: var(--color-primary) !important;
   }
 
+  &.checked {
+    color: var(--text-color) !important;
+  }
+
+
+
 }
 
 .form-row__label-row .form-field__label--error {