From 8238c4635099a236d5e7e4083c356ba8d99eaaec Mon Sep 17 00:00:00 2001
From: Alex Khomenko <Clarity-89@users.noreply.github.com>
Date: Thu, 27 Aug 2020 16:35:01 +0300
Subject: [PATCH] Grafana-UI: FieldValidationMessage tweaks (#27246)

* Grafana-UI: Export FieldValidationMessage

* Grafana-UI: Add alert role to FieldValidationMessage
---
 .../grafana-ui/src/components/Forms/FieldValidationMessage.tsx  | 2 +-
 packages/grafana-ui/src/components/index.ts                     | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/grafana-ui/src/components/Forms/FieldValidationMessage.tsx b/packages/grafana-ui/src/components/Forms/FieldValidationMessage.tsx
index 6b6dc427979..b0855b48040 100644
--- a/packages/grafana-ui/src/components/Forms/FieldValidationMessage.tsx
+++ b/packages/grafana-ui/src/components/Forms/FieldValidationMessage.tsx
@@ -45,7 +45,7 @@ export const FieldValidationMessage: React.FC<FieldValidationMessageProps> = ({
   const styles = getFieldValidationMessageStyles(theme);
 
   return (
-    <div className={cx(styles.fieldValidationMessage, className)}>
+    <div role="alert" className={cx(styles.fieldValidationMessage, className)}>
       <Icon className={styles.fieldValidationMessageIcon} name="exclamation-triangle" />
       {children}
     </div>
diff --git a/packages/grafana-ui/src/components/index.ts b/packages/grafana-ui/src/components/index.ts
index 93eebc97817..39553882e46 100644
--- a/packages/grafana-ui/src/components/index.ts
+++ b/packages/grafana-ui/src/components/index.ts
@@ -143,6 +143,7 @@ export { Label } from './Forms/Label';
 export { Field } from './Forms/Field';
 export { Legend } from './Forms/Legend';
 export { FieldSet } from './Forms/FieldSet';
+export { FieldValidationMessage } from './Forms/FieldValidationMessage';
 
 export { default as resetSelectStyles } from './Select/resetSelectStyles';
 export * from './Select/Select';