@instructure/ui-form-field 8.12.1-snapshot.45 → 8.12.1-snapshot.51

package/es/FormField/index.js

@@ -32,8 +32,8 @@ category: components
 ---
 **/
 class FormField extends Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
     this.ref = null;
 
     this.handleRef = el => {

package/es/FormField/props.js

@@ -33,7 +33,7 @@ const propTypes = {
 
   /**
    * object with shape: `{
-   *   text: PropTypes.string,
+   *   text: PropTypes.node,
    *   type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
    * }`
    */

package/es/FormFieldGroup/index.js

@@ -43,8 +43,8 @@ category: components
 ---
 **/
 let FormFieldGroup = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = class FormFieldGroup extends Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
     this.ref = null;
 
     this.handleRef = el => {

package/es/FormFieldGroup/props.js

@@ -33,7 +33,7 @@ const propTypes = {
 
   /**
    * object with shape: `{
-   * text: PropTypes.string,
+   * text: PropTypes.node,
    * type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
    *   }`
    */

package/es/FormFieldLabel/index.js

@@ -49,8 +49,8 @@ example: true
 
 **/
 let FormFieldLabel = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = class FormFieldLabel extends Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
     this.ref = null;
 
     this.handleRef = el => {

package/es/FormFieldLayout/props.js

@@ -38,7 +38,7 @@ const propTypes = {
 
   /**
    * object with shape: `{
-   * text: PropTypes.string,
+   * text: PropTypes.node,
    * type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
    *   }`
    */

package/es/FormFieldMessage/index.js

@@ -48,8 +48,8 @@ example: true
 ```
 **/
 let FormFieldMessage = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = class FormFieldMessage extends Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
     this.ref = null;
 
     this.handleRef = el => {

package/es/FormFieldMessage/props.js

@@ -21,10 +21,10 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import PropTypes from 'prop-types';
+import { formMessageTypePropType, formMessageChildPropType } from '../FormPropTypes';
 const propTypes = {
-  variant: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only']),
-  children: PropTypes.node
+  variant: formMessageTypePropType,
+  children: formMessageChildPropType
 };
 const allowedProps = ['variant', 'children'];
 export { propTypes, allowedProps };

package/es/FormFieldMessages/index.js

@@ -52,8 +52,8 @@ example: true
 ```
 **/
 let FormFieldMessages = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = class FormFieldMessages extends Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
     this.ref = null;
 
     this.handleRef = el => {

package/es/FormFieldMessages/props.js

@@ -26,7 +26,7 @@ import { FormPropTypes } from '../FormPropTypes';
 const propTypes = {
   /**
    * object with shape: `{
-   * text: PropTypes.string,
+   * text: PropTypes.node,
    * type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
    *   }`
    */

package/es/FormPropTypes.js

@@ -22,6 +22,9 @@
  * SOFTWARE.
  */
 import PropTypes from 'prop-types';
+const formMessageTypePropType = PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only']);
+const formMessageChildPropType = PropTypes.node;
+
 /**
  * ---
  * category: utilities/form
@@ -29,12 +32,11 @@ import PropTypes from 'prop-types';
  * Custom prop types for React components.
  * @module FormPropTypes
  */
-
 const FormPropTypes = {
   message: PropTypes.shape({
-    text: PropTypes.string,
-    type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
+    type: formMessageTypePropType,
+    text: formMessageChildPropType
   })
 };
 export default FormPropTypes;
-export { FormPropTypes };
+export { FormPropTypes, formMessageTypePropType, formMessageChildPropType };

package/lib/FormField/index.js

@@ -5,7 +5,7 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FormField = exports.default = void 0;
+exports.default = exports.FormField = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -47,8 +47,8 @@ category: components
 ---
 **/
 class FormField extends _react.Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
     this.ref = null;
 
     this.handleRef = el => {

package/lib/FormField/props.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.allowedProps = exports.propTypes = void 0;
+exports.propTypes = exports.allowedProps = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -44,7 +44,7 @@ const propTypes = {
 
   /**
    * object with shape: `{
-   *   text: PropTypes.string,
+   *   text: PropTypes.node,
    *   type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
    * }`
    */

package/lib/FormFieldGroup/index.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FormFieldGroup = exports.default = void 0;
+exports.default = exports.FormFieldGroup = void 0;
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
@@ -37,8 +37,8 @@ category: components
 ---
 **/
 let FormFieldGroup = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = class FormFieldGroup extends _react.Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
     this.ref = null;
 
     this.handleRef = el => {

package/lib/FormFieldGroup/props.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.allowedProps = exports.propTypes = void 0;
+exports.propTypes = exports.allowedProps = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -44,7 +44,7 @@ const propTypes = {
 
   /**
    * object with shape: `{
-   * text: PropTypes.string,
+   * text: PropTypes.node,
    * type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
    *   }`
    */

package/lib/FormFieldLabel/index.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FormFieldLabel = exports.default = void 0;
+exports.default = exports.FormFieldLabel = void 0;
 
 var _react = require("react");
 
@@ -40,8 +40,8 @@ example: true
 
 **/
 let FormFieldLabel = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = class FormFieldLabel extends _react.Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
     this.ref = null;
 
     this.handleRef = el => {

package/lib/FormFieldLabel/props.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.allowedProps = exports.propTypes = void 0;
+exports.propTypes = exports.allowedProps = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 

package/lib/FormFieldLayout/index.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FormFieldLayout = exports.default = void 0;
+exports.default = exports.FormFieldLayout = void 0;
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 

package/lib/FormFieldLayout/props.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.allowedProps = exports.propTypes = void 0;
+exports.propTypes = exports.allowedProps = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -49,7 +49,7 @@ const propTypes = {
 
   /**
    * object with shape: `{
-   * text: PropTypes.string,
+   * text: PropTypes.node,
    * type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
    *   }`
    */

package/lib/FormFieldMessage/index.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FormFieldMessage = exports.default = void 0;
+exports.default = exports.FormFieldMessage = void 0;
 
 var _react = require("react");
 
@@ -37,8 +37,8 @@ example: true
 ```
 **/
 let FormFieldMessage = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = class FormFieldMessage extends _react.Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
     this.ref = null;
 
     this.handleRef = el => {

package/lib/FormFieldMessage/props.js

@@ -1,13 +1,11 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.allowedProps = exports.propTypes = void 0;
+exports.propTypes = exports.allowedProps = void 0;
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _FormPropTypes = require("../FormPropTypes");
 
 /*
  * The MIT License (MIT)
@@ -33,8 +31,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
  * SOFTWARE.
  */
 const propTypes = {
-  variant: _propTypes.default.oneOf(['error', 'hint', 'success', 'screenreader-only']),
-  children: _propTypes.default.node
+  variant: _FormPropTypes.formMessageTypePropType,
+  children: _FormPropTypes.formMessageChildPropType
 };
 exports.propTypes = propTypes;
 const allowedProps = ['variant', 'children'];

package/lib/FormFieldMessages/index.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FormFieldMessages = exports.default = void 0;
+exports.default = exports.FormFieldMessages = void 0;
 
 var _react = require("react");
 
@@ -42,8 +42,8 @@ example: true
 ```
 **/
 let FormFieldMessages = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = class FormFieldMessages extends _react.Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
     this.ref = null;
 
     this.handleRef = el => {

package/lib/FormFieldMessages/props.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.allowedProps = exports.propTypes = void 0;
+exports.propTypes = exports.allowedProps = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -37,7 +37,7 @@ var _FormPropTypes = require("../FormPropTypes");
 const propTypes = {
   /**
    * object with shape: `{
-   * text: PropTypes.string,
+   * text: PropTypes.node,
    * type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
    *   }`
    */

package/lib/FormPropTypes.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FormPropTypes = exports.default = void 0;
+exports.formMessageTypePropType = exports.formMessageChildPropType = exports.default = exports.FormPropTypes = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -32,6 +32,11 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+const formMessageTypePropType = _propTypes.default.oneOf(['error', 'hint', 'success', 'screenreader-only']);
+
+exports.formMessageTypePropType = formMessageTypePropType;
+const formMessageChildPropType = _propTypes.default.node;
+exports.formMessageChildPropType = formMessageChildPropType;
 
 /**
  * ---
@@ -42,8 +47,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
  */
 const FormPropTypes = {
   message: _propTypes.default.shape({
-    text: _propTypes.default.string,
-    type: _propTypes.default.oneOf(['error', 'hint', 'success', 'screenreader-only'])
+    type: formMessageTypePropType,
+    text: formMessageChildPropType
   })
 };
 exports.FormPropTypes = FormPropTypes;

package/lib/index.js

@@ -9,34 +9,34 @@ Object.defineProperty(exports, "FormField", {
     return _FormField.FormField;
   }
 });
-Object.defineProperty(exports, "FormFieldLabel", {
+Object.defineProperty(exports, "FormFieldGroup", {
   enumerable: true,
   get: function () {
-    return _FormFieldLabel.FormFieldLabel;
+    return _FormFieldGroup.FormFieldGroup;
   }
 });
-Object.defineProperty(exports, "FormFieldMessage", {
+Object.defineProperty(exports, "FormFieldLabel", {
   enumerable: true,
   get: function () {
-    return _FormFieldMessage.FormFieldMessage;
+    return _FormFieldLabel.FormFieldLabel;
   }
 });
-Object.defineProperty(exports, "FormFieldMessages", {
+Object.defineProperty(exports, "FormFieldLayout", {
   enumerable: true,
   get: function () {
-    return _FormFieldMessages.FormFieldMessages;
+    return _FormFieldLayout.FormFieldLayout;
   }
 });
-Object.defineProperty(exports, "FormFieldLayout", {
+Object.defineProperty(exports, "FormFieldMessage", {
   enumerable: true,
   get: function () {
-    return _FormFieldLayout.FormFieldLayout;
+    return _FormFieldMessage.FormFieldMessage;
   }
 });
-Object.defineProperty(exports, "FormFieldGroup", {
+Object.defineProperty(exports, "FormFieldMessages", {
   enumerable: true,
   get: function () {
-    return _FormFieldGroup.FormFieldGroup;
+    return _FormFieldMessages.FormFieldMessages;
   }
 });
 Object.defineProperty(exports, "FormPropTypes", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-form-field",
-  "version": "8.12.1-snapshot.45+9f4d9f91f",
+  "version": "8.12.1-snapshot.51+4d3697334",
   "description": "Form layout components.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -24,22 +24,22 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.12.1-snapshot.45+9f4d9f91f",
-    "@instructure/ui-test-utils": "8.12.1-snapshot.45+9f4d9f91f",
-    "@instructure/ui-themes": "8.12.1-snapshot.45+9f4d9f91f"
+    "@instructure/ui-babel-preset": "8.12.1-snapshot.51+4d3697334",
+    "@instructure/ui-test-utils": "8.12.1-snapshot.51+4d3697334",
+    "@instructure/ui-themes": "8.12.1-snapshot.51+4d3697334"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.12.1-snapshot.45+9f4d9f91f",
-    "@instructure/emotion": "8.12.1-snapshot.45+9f4d9f91f",
-    "@instructure/shared-types": "8.12.1-snapshot.45+9f4d9f91f",
-    "@instructure/ui-a11y-content": "8.12.1-snapshot.45+9f4d9f91f",
-    "@instructure/ui-a11y-utils": "8.12.1-snapshot.45+9f4d9f91f",
-    "@instructure/ui-grid": "8.12.1-snapshot.45+9f4d9f91f",
-    "@instructure/ui-icons": "8.12.1-snapshot.45+9f4d9f91f",
-    "@instructure/ui-react-utils": "8.12.1-snapshot.45+9f4d9f91f",
-    "@instructure/ui-utils": "8.12.1-snapshot.45+9f4d9f91f",
-    "@instructure/uid": "8.12.1-snapshot.45+9f4d9f91f",
+    "@instructure/console": "8.12.1-snapshot.51+4d3697334",
+    "@instructure/emotion": "8.12.1-snapshot.51+4d3697334",
+    "@instructure/shared-types": "8.12.1-snapshot.51+4d3697334",
+    "@instructure/ui-a11y-content": "8.12.1-snapshot.51+4d3697334",
+    "@instructure/ui-a11y-utils": "8.12.1-snapshot.51+4d3697334",
+    "@instructure/ui-grid": "8.12.1-snapshot.51+4d3697334",
+    "@instructure/ui-icons": "8.12.1-snapshot.51+4d3697334",
+    "@instructure/ui-react-utils": "8.12.1-snapshot.51+4d3697334",
+    "@instructure/ui-utils": "8.12.1-snapshot.51+4d3697334",
+    "@instructure/uid": "8.12.1-snapshot.51+4d3697334",
     "prop-types": "^15"
   },
   "peerDependencies": {
@@ -48,5 +48,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "9f4d9f91f603496ac87a04d953afe7fe9004874d"
+  "gitHead": "4d369733414715a70bae0628378e8d82214eab3e"
 }

package/src/FormField/props.ts

@@ -62,7 +62,7 @@ const propTypes: PropValidators<PropKeys> = {
   id: PropTypes.string.isRequired,
   /**
    * object with shape: `{
-   *   text: PropTypes.string,
+   *   text: PropTypes.node,
    *   type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
    * }`
    */

package/src/FormFieldGroup/props.ts

@@ -72,7 +72,7 @@ const propTypes: PropValidators<PropKeys> = {
   as: PropTypes.elementType,
   /**
    * object with shape: `{
-   * text: PropTypes.string,
+   * text: PropTypes.node,
    * type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
    *   }`
    */

package/src/FormFieldLayout/props.ts

@@ -71,7 +71,7 @@ const propTypes: PropValidators<PropKeys> = {
   as: PropTypes.elementType,
   /**
    * object with shape: `{
-   * text: PropTypes.string,
+   * text: PropTypes.node,
    * type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
    *   }`
    */

package/src/FormFieldMessage/props.ts

@@ -22,18 +22,21 @@
  * SOFTWARE.
  */
 
-import PropTypes from 'prop-types'
+import {
+  formMessageTypePropType,
+  formMessageChildPropType
+} from '../FormPropTypes'
 
 import type {
   PropValidators,
   FormFieldMessageTheme
 } from '@instructure/shared-types'
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
-import type { FormMessageType } from '../FormPropTypes'
+import type { FormMessageType, FormMessageChild } from '../FormPropTypes'
 
 type FormFieldMessageOwnProps = {
   variant?: FormMessageType
-  children?: React.ReactNode
+  children?: FormMessageChild
 }
 
 type PropKeys = keyof FormFieldMessageOwnProps
@@ -46,8 +49,8 @@ type FormFieldMessageProps = FormFieldMessageOwnProps &
 type FormFieldMessageStyle = ComponentStyle<'formFieldMessage'>
 
 const propTypes: PropValidators<PropKeys> = {
-  variant: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only']),
-  children: PropTypes.node
+  variant: formMessageTypePropType,
+  children: formMessageChildPropType
 }
 
 const allowedProps: AllowedPropKeys = ['variant', 'children']

package/src/FormFieldMessages/props.ts

@@ -51,7 +51,7 @@ type FormFieldMessagesStyle = ComponentStyle<'formFieldMessages' | 'message'>
 const propTypes: PropValidators<PropKeys> = {
   /**
    * object with shape: `{
-   * text: PropTypes.string,
+   * text: PropTypes.node,
    * type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
    *   }`
    */

package/src/FormPropTypes.ts

@@ -22,8 +22,20 @@
  * SOFTWARE.
  */
 
+import React from 'react'
 import PropTypes from 'prop-types'
 
+const formMessageTypePropType = PropTypes.oneOf([
+  'error',
+  'hint',
+  'success',
+  'screenreader-only'
+])
+const formMessageChildPropType = PropTypes.node
+
+type FormMessageType = 'error' | 'hint' | 'success' | 'screenreader-only'
+type FormMessageChild = React.ReactNode
+
 /**
  * ---
  * category: utilities/form
@@ -33,17 +45,16 @@ import PropTypes from 'prop-types'
  */
 const FormPropTypes = {
   message: PropTypes.shape({
-    text: PropTypes.string,
-    type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
+    type: formMessageTypePropType,
+    text: formMessageChildPropType
   })
 }
 
-export type FormMessageType = 'error' | 'hint' | 'success' | 'screenreader-only'
-
-export type FormMessage = {
-  text: string
+type FormMessage = {
   type: FormMessageType
+  text: FormMessageChild
 }
 
 export default FormPropTypes
-export { FormPropTypes }
+export { FormPropTypes, formMessageTypePropType, formMessageChildPropType }
+export type { FormMessage, FormMessageType, FormMessageChild }

package/types/FormField/index.d.ts

@@ -10,7 +10,7 @@ declare class FormField extends Component<FormFieldProps> {
     static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
         label: React.ReactNode;
         id: string;
-        messages?: import("..").FormMessage[] | undefined;
+        messages?: import("../FormPropTypes").FormMessage[] | undefined;
         messagesId?: string | undefined;
         children?: React.ReactNode;
         inline?: boolean | undefined;
@@ -24,7 +24,7 @@ declare class FormField extends Component<FormFieldProps> {
     static allowedProps: readonly (keyof {
         label: React.ReactNode;
         id: string;
-        messages?: import("..").FormMessage[] | undefined;
+        messages?: import("../FormPropTypes").FormMessage[] | undefined;
         messagesId?: string | undefined;
         children?: React.ReactNode;
         inline?: boolean | undefined;

package/types/FormFieldGroup/index.d.ts

@@ -12,7 +12,7 @@ declare class FormFieldGroup extends Component<FormFieldGroupProps> {
     static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
         description: import("react").ReactNode;
         as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
-        messages?: import("..").FormMessage[] | undefined;
+        messages?: import("../FormPropTypes").FormMessage[] | undefined;
         messagesId?: string | undefined;
         disabled?: boolean | undefined;
         children?: import("react").ReactNode;
@@ -26,7 +26,7 @@ declare class FormFieldGroup extends Component<FormFieldGroupProps> {
     static allowedProps: readonly (keyof {
         description: import("react").ReactNode;
         as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
-        messages?: import("..").FormMessage[] | undefined;
+        messages?: import("../FormPropTypes").FormMessage[] | undefined;
         messagesId?: string | undefined;
         disabled?: boolean | undefined;
         children?: import("react").ReactNode;

package/types/FormFieldLayout/index.d.ts

@@ -13,7 +13,7 @@ declare class FormFieldLayout extends Component<FormFieldLayoutProps> {
         label: import("react").ReactNode;
         id?: string | undefined;
         as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
-        messages?: import("..").FormMessage[] | undefined;
+        messages?: import("../FormPropTypes").FormMessage[] | undefined;
         messagesId?: string | undefined;
         children?: import("react").ReactNode;
         inline?: boolean | undefined;
@@ -27,7 +27,7 @@ declare class FormFieldLayout extends Component<FormFieldLayoutProps> {
         label: import("react").ReactNode;
         id?: string | undefined;
         as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
-        messages?: import("..").FormMessage[] | undefined;
+        messages?: import("../FormPropTypes").FormMessage[] | undefined;
         messagesId?: string | undefined;
         children?: import("react").ReactNode;
         inline?: boolean | undefined;

package/types/FormFieldMessage/index.d.ts

@@ -20,11 +20,11 @@ example: true
 declare class FormFieldMessage extends Component<FormFieldMessageProps> {
     static readonly componentId = "FormFieldMessage";
     static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
-        variant?: import("..").FormMessageType | undefined;
+        variant?: import("../FormPropTypes").FormMessageType | undefined;
         children?: import("react").ReactNode;
     }>;
     static allowedProps: readonly (keyof {
-        variant?: import("..").FormMessageType | undefined;
+        variant?: import("../FormPropTypes").FormMessageType | undefined;
         children?: import("react").ReactNode;
     })[];
     static defaultProps: {

package/types/FormFieldMessage/props.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import type { PropValidators, FormFieldMessageTheme } from '@instructure/shared-types';
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
-import type { FormMessageType } from '../FormPropTypes';
+import type { FormMessageType, FormMessageChild } from '../FormPropTypes';
 declare type FormFieldMessageOwnProps = {
     variant?: FormMessageType;
-    children?: React.ReactNode;
+    children?: FormMessageChild;
 };
 declare type PropKeys = keyof FormFieldMessageOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;

package/types/FormFieldMessage/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/FormFieldMessage/props.ts"],"names":[],"mappings":";AA0BA,OAAO,KAAK,EACV,cAAc,EACd,qBAAqB,EACtB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAEvD,aAAK,wBAAwB,GAAG;IAC9B,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,wBAAwB,CAAA;AAE9C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,qBAAqB,GAAG,wBAAwB,GACnD,cAAc,CAAC,qBAAqB,EAAE,qBAAqB,CAAC,CAAA;AAE9D,aAAK,qBAAqB,GAAG,cAAc,CAAC,kBAAkB,CAAC,CAAA;AAE/D,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAGvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAAyC,CAAA;AAE7D,YAAY,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,CAAA;AAC5D,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/FormFieldMessage/props.ts"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EACV,cAAc,EACd,qBAAqB,EACtB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAEzE,aAAK,wBAAwB,GAAG;IAC9B,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,QAAQ,CAAC,EAAE,gBAAgB,CAAA;CAC5B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,wBAAwB,CAAA;AAE9C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,qBAAqB,GAAG,wBAAwB,GACnD,cAAc,CAAC,qBAAqB,EAAE,qBAAqB,CAAC,CAAA;AAE9D,aAAK,qBAAqB,GAAG,cAAc,CAAC,kBAAkB,CAAC,CAAA;AAE/D,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAGvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAAyC,CAAA;AAE7D,YAAY,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,CAAA;AAC5D,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/FormPropTypes.d.ts

@@ -1,4 +1,9 @@
+import React from 'react';
 import PropTypes from 'prop-types';
+declare const formMessageTypePropType: PropTypes.Requireable<string>;
+declare const formMessageChildPropType: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+declare type FormMessageType = 'error' | 'hint' | 'success' | 'screenreader-only';
+declare type FormMessageChild = React.ReactNode;
 /**
  * ---
  * category: utilities/form
@@ -8,15 +13,15 @@ import PropTypes from 'prop-types';
  */
 declare const FormPropTypes: {
     message: PropTypes.Requireable<PropTypes.InferProps<{
-        text: PropTypes.Requireable<string>;
         type: PropTypes.Requireable<string>;
+        text: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     }>>;
 };
-export declare type FormMessageType = 'error' | 'hint' | 'success' | 'screenreader-only';
-export declare type FormMessage = {
-    text: string;
+declare type FormMessage = {
     type: FormMessageType;
+    text: FormMessageChild;
 };
 export default FormPropTypes;
-export { FormPropTypes };
+export { FormPropTypes, formMessageTypePropType, formMessageChildPropType };
+export type { FormMessage, FormMessageType, FormMessageChild };
 //# sourceMappingURL=FormPropTypes.d.ts.map

package/types/FormPropTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormPropTypes.d.ts","sourceRoot":"","sources":["../src/FormPropTypes.ts"],"names":[],"mappings":"AAwBA,OAAO,SAAS,MAAM,YAAY,CAAA;AAElC;;;;;;GAMG;AACH,QAAA,MAAM,aAAa;;;;;CAKlB,CAAA;AAED,oBAAY,eAAe,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,mBAAmB,CAAA;AAEhF,oBAAY,WAAW,GAAG;IACxB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,eAAe,CAAA;CACtB,CAAA;AAED,eAAe,aAAa,CAAA;AAC5B,OAAO,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"FormPropTypes.d.ts","sourceRoot":"","sources":["../src/FormPropTypes.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,YAAY,CAAA;AAElC,QAAA,MAAM,uBAAuB,+BAK3B,CAAA;AACF,QAAA,MAAM,wBAAwB,gDAAiB,CAAA;AAE/C,aAAK,eAAe,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,mBAAmB,CAAA;AACzE,aAAK,gBAAgB,GAAG,KAAK,CAAC,SAAS,CAAA;AAEvC;;;;;;GAMG;AACH,QAAA,MAAM,aAAa;;;;;CAKlB,CAAA;AAED,aAAK,WAAW,GAAG;IACjB,IAAI,EAAE,eAAe,CAAA;IACrB,IAAI,EAAE,gBAAgB,CAAA;CACvB,CAAA;AAED,eAAe,aAAa,CAAA;AAC5B,OAAO,EAAE,aAAa,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,CAAA;AAC3E,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,gBAAgB,EAAE,CAAA"}