data-driven-forms
diff --git a/‎packages/pf4-component-mapper/demo/index.html‎
Lines changed: 2 additions & 2 deletions b/‎packages/pf4-component-mapper/demo/index.html‎
Lines changed: 2 additions & 2 deletions
diff --git a/‎packages/pf4-component-mapper/package.json‎
Lines changed: 4 additions & 4 deletions b/‎packages/pf4-component-mapper/package.json‎
Lines changed: 4 additions & 4 deletions
diff --git a/‎packages/pf4-component-mapper/src/common/form-group.js‎
Lines changed: 1 addition & 1 deletion b/‎packages/pf4-component-mapper/src/common/form-group.js‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎packages/pf4-component-mapper/src/common/show-error.js‎
Lines changed: 11 additions & 1 deletion b/‎packages/pf4-component-mapper/src/common/show-error.js‎
Lines changed: 11 additions & 1 deletion
@@ -4,8 +4,8 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <link rel="stylesheet" type="text/css" href="https://unpkg.com/@patternfly/patternfly@4.10.31/patternfly-base.css"/>
-  <link rel="stylesheet" type="text/css" href="https://unpkg.com/@patternfly/patternfly@4.10.31/patternfly-addons.css"/>
+  <link rel="stylesheet" type="text/css" href="https://unpkg.com/@patternfly/patternfly@4.50.4/patternfly-base.css"/>
+  <link rel="stylesheet" type="text/css" href="https://unpkg.com/@patternfly/patternfly@4.50.4/patternfly-addons.css"/>
   <title>Data driven forms</title>
 </head>
 <body>
 
@@ -30,8 +30,8 @@
     "@babel/plugin-syntax-dynamic-import": "^7.0.0",
     "@babel/preset-env": "^7.1.6",
     "@babel/preset-react": "^7.0.0",
-    "@patternfly/react-core": "^4.18.5",
-    "@patternfly/react-icons": "^4.3.5",
+    "@patternfly/react-core": "^4.63.3",
+    "@patternfly/react-icons": "^4.7.11",
     "@semantic-release/git": "^7.0.5",
     "@semantic-release/npm": "^5.1.1",
     "babel-core": "^7.0.0-bridge.0",
@@ -74,8 +74,8 @@
   },
   "peerDependencies": {
     "@data-driven-forms/react-form-renderer": "^2.4.6",
-    "@patternfly/react-core": "^4.18.5",
-    "@patternfly/react-icons": "^4.3.5"
+    "@patternfly/react-core": "^4.63.3",
+    "@patternfly/react-icons": "^4.7.11"
   },
   "dependencies": {
     "prop-types": "^15.7.2",
 
@@ -9,7 +9,7 @@ const FormGroup = ({ label, isRequired, helperText, meta, description, hideLabel
     isRequired={isRequired}
     label={!hideLabel && label}
     fieldId={id}
-    helperText={helperText}
+    helperText={(meta.touched && meta.warning) || helperText}
     helperTextInvalid={meta.error}
     {...showError(meta)}
     {...FormGroupProps}
 
@@ -1,3 +1,13 @@
-const showError = ({ error, touched }) => ({ validated: touched && error ? 'error' : 'default' });
+const showError = ({ error, touched, warning }) => {
+  if (touched && error) {
+    return { validated: 'error' };
+  }
+
+  if (touched && warning) {
+    return { validated: 'warning' };
+  }
+
+  return { validated: 'default' };
+};
 
 export default showError;