@instructure/ui-form-field 8.33.2-snapshot-0 → 8.33.2

package/lib/FormField/index.js

@@ -1,22 +1,15 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.FormField = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
-
 var _pickProps = require("@instructure/ui-react-utils/lib/pickProps.js");
-
 var _FormFieldLayout = require("../FormFieldLayout");
-
 var _props = require("./props");
-
 /*
  * The MIT License (MIT)
  *
@@ -51,17 +44,14 @@ class FormField extends _react.Component {
   constructor() {
     super(...arguments);
     this.ref = null;
-
     this.handleRef = el => {
       const elementRef = this.props.elementRef;
       this.ref = el;
-
       if (typeof elementRef === 'function') {
         elementRef(el);
       }
     };
   }
-
   render() {
     return /*#__PURE__*/_react.default.createElement(_FormFieldLayout.FormFieldLayout, Object.assign({}, (0, _omitProps.omitProps)(this.props, FormField.allowedProps), (0, _pickProps.pickProps)(this.props, _FormFieldLayout.FormFieldLayout.allowedProps), {
       label: this.props.label,
@@ -71,9 +61,7 @@ class FormField extends _react.Component {
       elementRef: this.handleRef
     }));
   }
-
 }
-
 exports.FormField = FormField;
 FormField.displayName = "FormField";
 FormField.componentId = 'FormField';

package/lib/FormField/props.js

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.propTypes = exports.allowedProps = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _FormPropTypes = require("../FormPropTypes");
-
 /*
  * The MIT License (MIT)
  *
@@ -34,6 +30,7 @@ var _FormPropTypes = require("../FormPropTypes");
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 const propTypes = {
   label: _propTypes.default.node.isRequired,
   id: _propTypes.default.string.isRequired,

package/lib/FormFieldGroup/index.js

@@ -1,36 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.FormFieldGroup = void 0;
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = require("react");
-
 var _Grid = require("@instructure/ui-grid/lib/Grid");
-
 var _pickProps = require("@instructure/ui-react-utils/lib/pickProps.js");
-
 var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
-
 var _emotion = require("@instructure/emotion");
-
 var _FormFieldLayout = require("../FormFieldLayout");
-
 var _styles = _interopRequireDefault(require("./styles"));
-
 var _theme = _interopRequireDefault(require("./theme"));
-
 var _props = require("./props");
-
 const _excluded = ["styles", "makeStyles"];
-
 var _dec, _class, _class2;
-
 /**
 ---
 category: components
@@ -41,41 +27,32 @@ let FormFieldGroup = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
   constructor() {
     super(...arguments);
     this.ref = null;
-
     this.handleRef = el => {
       const elementRef = this.props.elementRef;
       this.ref = el;
-
       if (typeof elementRef === 'function') {
         elementRef(el);
       }
     };
   }
-
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
-
     (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props, this.makeStylesVariables);
   }
-
   componentDidUpdate() {
     var _this$props$makeStyle2, _this$props2;
-
     (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2, this.makeStylesVariables);
   }
-
   get makeStylesVariables() {
     return {
       invalid: this.invalid
     };
   }
-
   get invalid() {
     return !!this.props.messages && this.props.messages.findIndex(message => {
       return message.type === 'error';
     }) >= 0;
   }
-
   renderColumns() {
     return _react.Children.map(this.props.children, (child, index) => {
       return child ? (0, _emotion.jsx)(_Grid.Grid.Col, {
@@ -84,7 +61,6 @@ let FormFieldGroup = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
       }, child) : null;
     });
   }
-
   renderChildren() {
     return (0, _emotion.jsx)(_Grid.Grid, {
       colSpacing: this.props.colSpacing,
@@ -93,7 +69,6 @@ let FormFieldGroup = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
       startAt: this.props.startAt || (this.props.layout === 'columns' ? 'medium' : null)
     }, (0, _emotion.jsx)(_Grid.Grid.Row, null, this.renderColumns()));
   }
-
   renderFields() {
     const styles = this.props.styles;
     return (0, _emotion.jsx)("span", {
@@ -101,12 +76,11 @@ let FormFieldGroup = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
       css: styles === null || styles === void 0 ? void 0 : styles.formFieldGroup
     }, this.renderChildren());
   }
-
   render() {
     const _this$props3 = this.props,
-          styles = _this$props3.styles,
-          makeStyles = _this$props3.makeStyles,
-          props = (0, _objectWithoutProperties2.default)(_this$props3, _excluded);
+      styles = _this$props3.styles,
+      makeStyles = _this$props3.makeStyles,
+      props = (0, _objectWithoutProperties2.default)(_this$props3, _excluded);
     return (0, _emotion.jsx)(_FormFieldLayout.FormFieldLayout, Object.assign({}, (0, _omitProps.omitProps)(props, FormFieldGroup.allowedProps), (0, _pickProps.pickProps)(props, _FormFieldLayout.FormFieldLayout.allowedProps), {
       vAlign: props.vAlign,
       layout: props.layout === 'inline' ? 'inline' : 'stacked',
@@ -116,7 +90,6 @@ let FormFieldGroup = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
       elementRef: this.handleRef
     }), this.renderFields());
   }
-
 }, _class2.displayName = "FormFieldGroup", _class2.componentId = 'FormFieldGroup', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
   as: 'fieldset',
   disabled: false,

package/lib/FormFieldGroup/props.js

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.propTypes = exports.allowedProps = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _FormPropTypes = require("../FormPropTypes");
-
 /*
  * The MIT License (MIT)
  *
@@ -34,6 +30,7 @@ var _FormPropTypes = require("../FormPropTypes");
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 const propTypes = {
   description: _propTypes.default.node.isRequired,
   as: _propTypes.default.elementType,

package/lib/FormFieldGroup/styles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /*
  * The MIT License (MIT)
  *
@@ -60,6 +59,5 @@ const generateStyle = (componentTheme, props, state) => {
     }
   };
 };
-
 var _default = generateStyle;
 exports.default = _default;

package/lib/FormFieldGroup/theme.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /*
  * The MIT License (MIT)
  *
@@ -36,8 +35,8 @@ exports.default = void 0;
  */
 const generateComponentTheme = theme => {
   const borders = theme.borders,
-        colors = theme.colors,
-        spacing = theme.spacing;
+    colors = theme.colors,
+    spacing = theme.spacing;
   const componentVariables = {
     borderWidth: borders === null || borders === void 0 ? void 0 : borders.widthSmall,
     borderStyle: borders === null || borders === void 0 ? void 0 : borders.style,
@@ -46,9 +45,9 @@ const generateComponentTheme = theme => {
     errorBorderColor: colors === null || colors === void 0 ? void 0 : colors.borderDanger,
     errorFieldsPadding: spacing === null || spacing === void 0 ? void 0 : spacing.xSmall
   };
-  return { ...componentVariables
+  return {
+    ...componentVariables
   };
 };
-
 var _default = generateComponentTheme;
 exports.default = _default;

package/lib/FormFieldLabel/index.js

@@ -1,28 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.FormFieldLabel = void 0;
-
 var _react = require("react");
-
 var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
-
 var _getElementType = require("@instructure/ui-react-utils/lib/getElementType.js");
-
 var _emotion = require("@instructure/emotion");
-
 var _styles = _interopRequireDefault(require("./styles"));
-
 var _theme = _interopRequireDefault(require("./theme"));
-
 var _props = require("./props");
-
 var _dec, _class, _class2;
-
 /**
 ---
 parent: FormField
@@ -44,35 +34,28 @@ let FormFieldLabel = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
   constructor() {
     super(...arguments);
     this.ref = null;
-
     this.handleRef = el => {
       this.ref = el;
     };
   }
-
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
-
     (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
   }
-
   componentDidUpdate() {
     var _this$props$makeStyle2, _this$props2;
-
     (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
   }
-
   render() {
     const ElementType = (0, _getElementType.getElementType)(FormFieldLabel, this.props);
     const _this$props3 = this.props,
-          styles = _this$props3.styles,
-          children = _this$props3.children;
+      styles = _this$props3.styles,
+      children = _this$props3.children;
     return (0, _emotion.jsx)(ElementType, Object.assign({}, (0, _omitProps.omitProps)(this.props, FormFieldLabel.allowedProps), {
       css: styles === null || styles === void 0 ? void 0 : styles.formFieldLabel,
       ref: this.handleRef
     }), children);
   }
-
 }, _class2.displayName = "FormFieldLabel", _class2.componentId = 'FormFieldLabel', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
   as: 'span'
 }, _class2)) || _class);

package/lib/FormFieldLabel/props.js

@@ -1,14 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.propTypes = exports.allowedProps = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 /*
  * The MIT License (MIT)
  *
@@ -32,6 +29,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 const propTypes = {
   children: _propTypes.default.node.isRequired,
   as: _propTypes.default.elementType

package/lib/FormFieldLabel/styles.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _hasVisibleChildren = require("@instructure/ui-a11y-utils/lib/hasVisibleChildren.js");
-
 /*
  * The MIT License (MIT)
  *
@@ -67,6 +65,5 @@ const generateStyle = (componentTheme, props) => {
     }
   };
 };
-
 var _default = generateStyle;
 exports.default = _default;

package/lib/FormFieldLabel/theme.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /*
  * The MIT License (MIT)
  *
@@ -36,8 +35,8 @@ exports.default = void 0;
  */
 const generateComponentTheme = theme => {
   const colors = theme.colors,
-        typography = theme.typography,
-        themeName = theme.key;
+    typography = theme.typography,
+    themeName = theme.key;
   const themeSpecificStyle = {
     canvas: {
       color: theme['ic-brand-font-color-dark']
@@ -50,10 +49,10 @@ const generateComponentTheme = theme => {
     fontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeMedium,
     lineHeight: typography === null || typography === void 0 ? void 0 : typography.lineHeightFit
   };
-  return { ...componentVariables,
+  return {
+    ...componentVariables,
     ...themeSpecificStyle[themeName]
   };
 };
-
 var _default = generateComponentTheme;
 exports.default = _default;

package/lib/FormFieldLayout/index.js

@@ -1,46 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.FormFieldLayout = void 0;
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = require("react");
-
 var _hasVisibleChildren = require("@instructure/ui-a11y-utils/lib/hasVisibleChildren.js");
-
 var _ScreenReaderContent = require("@instructure/ui-a11y-content/lib/ScreenReaderContent");
-
 var _Grid = require("@instructure/ui-grid/lib/Grid");
-
 var _console = require("@instructure/console");
-
 var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
-
 var _pickProps = require("@instructure/ui-react-utils/lib/pickProps.js");
-
 var _getElementType = require("@instructure/ui-react-utils/lib/getElementType.js");
-
 var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
-
 var _emotion = require("@instructure/emotion");
-
 var _FormFieldLabel = require("../FormFieldLabel");
-
 var _FormFieldMessages = require("../FormFieldMessages");
-
 var _styles = _interopRequireDefault(require("./styles"));
-
 var _props = require("./props");
-
 const _excluded = ["makeStyles", "styles"];
-
 var _dec, _dec2, _class, _class2;
-
 /**
 ---
 parent: FormField
@@ -52,56 +33,43 @@ let FormFieldLayout = (_dec = (0, _withDeterministicId.withDeterministicId)(), _
     super(props);
     this._messagesId = void 0;
     this.ref = null;
-
     this.handleRef = el => {
       const elementRef = this.props.elementRef;
       this.ref = el;
-
       if (typeof elementRef === 'function') {
         elementRef(el);
       }
     };
-
     this.handleInputContainerRef = node => {
       if (typeof this.props.inputContainerRef === 'function') {
         this.props.inputContainerRef(node);
       }
     };
-
     this._messagesId = props.messagesId || props.deterministicId();
     (0, _console.logError)(typeof props.width !== 'undefined' || !props.inline || props.layout !== 'inline', `[FormFieldLayout] The 'inline' prop is true, and the 'layout' is set to 'inline'.
       This will cause a layout issue in Internet Explorer 11 unless you also add a value for the 'width' prop.`);
   }
-
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
-
     (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
   }
-
   componentDidUpdate() {
     var _this$props$makeStyle2, _this$props2;
-
     (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
   }
-
   get hasVisibleLabel() {
     return this.props.label && (0, _hasVisibleChildren.hasVisibleChildren)(this.props.label);
   }
-
   get hasMessages() {
     return this.props.messages && this.props.messages.length > 0;
   }
-
   get elementType() {
     return (0, _getElementType.getElementType)(FormFieldLayout, this.props);
   }
-
   get inlineContainerAndLabel() {
     // Return if both the component container and label will display inline
     return this.props.inline && this.props.layout === 'inline';
   }
-
   renderLabel() {
     if (this.hasVisibleLabel) {
       return (0, _emotion.jsx)(_Grid.Grid.Col, {
@@ -117,7 +85,6 @@ let FormFieldLayout = (_dec = (0, _withDeterministicId.withDeterministicId)(), _
       return null;
     }
   }
-
   renderLegend() {
     // note: the legend element must be the first child of a fieldset element for SR
     // so we render it twice in that case (once for SR-only and one that is visible)
@@ -127,7 +94,6 @@ let FormFieldLayout = (_dec = (0, _withDeterministicId.withDeterministicId)(), _
       messages: this.props.messages
     }));
   }
-
   renderVisibleMessages() {
     return this.hasMessages ? (0, _emotion.jsx)(_Grid.Grid.Row, null, (0, _emotion.jsx)(_Grid.Grid.Col, {
       offset: this.inlineContainerAndLabel ? void 0 : 3,
@@ -137,17 +103,16 @@ let FormFieldLayout = (_dec = (0, _withDeterministicId.withDeterministicId)(), _
       messages: this.props.messages
     }))) : null;
   }
-
   render() {
     // any cast is needed to prevent Expression produces a union type that is too complex to represent errors
     const ElementType = this.elementType;
     const _this$props3 = this.props,
-          makeStyles = _this$props3.makeStyles,
-          styles = _this$props3.styles,
-          props = (0, _objectWithoutProperties2.default)(_this$props3, _excluded);
+      makeStyles = _this$props3.makeStyles,
+      styles = _this$props3.styles,
+      props = (0, _objectWithoutProperties2.default)(_this$props3, _excluded);
     const width = props.width,
-          layout = props.layout,
-          children = props.children;
+      layout = props.layout,
+      children = props.children;
     return (0, _emotion.jsx)(ElementType, Object.assign({}, (0, _omitProps.omitProps)(props, [...FormFieldLayout.allowedProps, ..._Grid.Grid.allowedProps]), {
       css: styles === null || styles === void 0 ? void 0 : styles.formFieldLayout,
       style: {
@@ -164,7 +129,6 @@ let FormFieldLayout = (_dec = (0, _withDeterministicId.withDeterministicId)(), _
       elementRef: this.handleInputContainerRef
     }, children)), this.renderVisibleMessages()));
   }
-
 }, _class2.displayName = "FormFieldLayout", _class2.componentId = 'FormFieldLayout', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
   inline: false,
   layout: 'stacked',

package/lib/FormFieldLayout/props.js

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.propTypes = exports.allowedProps = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _FormPropTypes = require("../FormPropTypes");
-
 /*
  * The MIT License (MIT)
  *
@@ -34,6 +30,7 @@ var _FormPropTypes = require("../FormPropTypes");
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 const propTypes = {
   label: _propTypes.default.node.isRequired,
   id: _propTypes.default.string,
@@ -50,7 +47,9 @@ const propTypes = {
   elementRef: _propTypes.default.func
 };
 exports.propTypes = propTypes;
-const allowedProps = ['label', 'id', 'as', 'messages', 'messagesId', 'children', 'inline', 'layout', 'labelAlign', 'width', 'inputContainerRef', 'elementRef' // added vAlign because FormField and FormFieldGroup passes it, but not adding
+const allowedProps = ['label', 'id', 'as', 'messages', 'messagesId', 'children', 'inline', 'layout', 'labelAlign', 'width', 'inputContainerRef', 'elementRef'
+
+// added vAlign because FormField and FormFieldGroup passes it, but not adding
 // it to allowedProps to prevent it from getting passed through accidentally
 //'vAlign'
 ];

package/lib/FormFieldLayout/styles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /*
  * The MIT License (MIT)
  *
@@ -62,6 +61,5 @@ const generateStyle = (_componentTheme, props) => {
     }
   };
 };
-
 var _default = generateStyle;
 exports.default = _default;

package/lib/FormFieldMessage/index.js

@@ -1,26 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.FormFieldMessage = void 0;
-
 var _react = require("react");
-
 var _ScreenReaderContent = require("@instructure/ui-a11y-content/lib/ScreenReaderContent");
-
 var _emotion = require("@instructure/emotion");
-
 var _styles = _interopRequireDefault(require("./styles"));
-
 var _theme = _interopRequireDefault(require("./theme"));
-
 var _props = require("./props");
-
 var _dec, _class, _class2;
-
 /**
 ---
 parent: FormField
@@ -41,28 +32,22 @@ let FormFieldMessage = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
   constructor() {
     super(...arguments);
     this.ref = null;
-
     this.handleRef = el => {
       this.ref = el;
     };
   }
-
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
-
     (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
   }
-
   componentDidUpdate() {
     var _this$props$makeStyle2, _this$props2;
-
     (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
   }
-
   render() {
     const _this$props3 = this.props,
-          children = _this$props3.children,
-          styles = _this$props3.styles;
+      children = _this$props3.children,
+      styles = _this$props3.styles;
     return this.props.variant !== 'screenreader-only' ? (0, _emotion.jsx)("span", {
       css: styles === null || styles === void 0 ? void 0 : styles.formFieldMessage,
       ref: this.handleRef
@@ -70,7 +55,6 @@ let FormFieldMessage = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
       elementRef: this.handleRef
     }, children);
   }
-
 }, _class2.displayName = "FormFieldMessage", _class2.componentId = 'FormFieldMessage', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
   variant: 'hint'
 }, _class2)) || _class);