@instructure/ui-form-field 11.7.4-snapshot-14 → 11.7.4-snapshot-49

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [11.7.4-snapshot-14](https://github.com/instructure/instructure-ui/compare/v11.7.3...v11.7.4-snapshot-14) (2026-05-20)
+## [11.7.4-snapshot-49](https://github.com/instructure/instructure-ui/compare/v11.7.3...v11.7.4-snapshot-49) (2026-06-17)
 
 
 ### Bug Fixes

package/LICENSE.md

@@ -2,6 +2,7 @@
 title: The MIT License (MIT)
 category: Getting Started
 order: 9
+isWIP: true
 ---
 
 # The MIT License (MIT)

package/es/FormField/v1/index.js

@@ -24,8 +24,8 @@
 
 import { Component } from 'react';
 import { omitProps, pickProps } from '@instructure/ui-react-utils';
-import { FormFieldLayout } from "../../FormFieldLayout/v1/index.js";
-import { allowedProps } from "./props.js";
+import { FormFieldLayout } from '../../FormFieldLayout/v1/index.js';
+import { allowedProps } from './props.js';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /**
 ---
@@ -33,7 +33,7 @@ category: components
 ---
 **/
 class FormField extends Component {
-  static displayName = "FormField";
+  static displayName = 'FormField';
   static componentId = 'FormField';
   static allowedProps = allowedProps;
   static defaultProps = {

package/es/FormField/v2/index.js

@@ -24,9 +24,9 @@
 
 import { Component } from 'react';
 import { omitProps, pickProps } from '@instructure/ui-react-utils';
-import { allowedProps as formFieldLayoutAllowedProps } from "../../FormFieldLayout/v2/props.js";
-import { FormFieldLayout } from "../../FormFieldLayout/v2/index.js";
-import { allowedProps } from "./props.js";
+import { allowedProps as formFieldLayoutAllowedProps } from '../../FormFieldLayout/v2/props.js';
+import { FormFieldLayout } from '../../FormFieldLayout/v2/index.js';
+import { allowedProps } from './props.js';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /**
 ---
@@ -34,7 +34,7 @@ category: components
 ---
 **/
 class FormField extends Component {
-  static displayName = "FormField";
+  static displayName = 'FormField';
   static componentId = 'FormField';
   static allowedProps = allowedProps;
   static defaultProps = {

package/es/FormFieldGroup/v1/index.js

@@ -27,11 +27,11 @@ import { Component, Children } from 'react';
 import { Grid } from '@instructure/ui-grid/v11_6';
 import { pickProps, omitProps } from '@instructure/ui-react-utils';
 import { withStyle } from '@instructure/emotion';
-import { allowedProps as FormFieldLayoutAllowedProps } from "../../FormFieldLayout/v1/props.js";
-import { FormFieldLayout } from "../../FormFieldLayout/v1/index.js";
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
-import { allowedProps } from "./props.js";
+import { allowedProps as FormFieldLayoutAllowedProps } from '../../FormFieldLayout/v1/props.js';
+import { FormFieldLayout } from '../../FormFieldLayout/v1/index.js';
+import generateStyle from './styles.js';
+import generateComponentTheme from './theme.js';
+import { allowedProps } from './props.js';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /**
 ---
@@ -39,7 +39,7 @@ category: components
 ---
 **/
 let FormFieldGroup = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = class FormFieldGroup extends Component {
-  static displayName = "FormFieldGroup";
+  static displayName = 'FormFieldGroup';
   static componentId = 'FormFieldGroup';
   static allowedProps = allowedProps;
   static defaultProps = {

package/es/FormFieldGroup/v2/index.js

@@ -27,10 +27,10 @@ import { Component, Children, isValidElement } from 'react';
 import { Grid } from '@instructure/ui-grid/latest';
 import { pickProps, omitProps, safeCloneElement } from '@instructure/ui-react-utils';
 import { withStyleNew } from '@instructure/emotion';
-import { allowedProps as formFieldLayoutAllowedProps } from "../../FormFieldLayout/v2/props.js";
-import { FormFieldLayout } from "../../FormFieldLayout/v2/index.js";
-import generateStyle from "./styles.js";
-import { allowedProps } from "./props.js";
+import { allowedProps as formFieldLayoutAllowedProps } from '../../FormFieldLayout/v2/props.js';
+import { FormFieldLayout } from '../../FormFieldLayout/v2/index.js';
+import generateStyle from './styles.js';
+import { allowedProps } from './props.js';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /**
 ---
@@ -38,7 +38,7 @@ category: components
 ---
 **/
 let FormFieldGroup = (_dec = withStyleNew(generateStyle), _dec(_class = class FormFieldGroup extends Component {
-  static displayName = "FormFieldGroup";
+  static displayName = 'FormFieldGroup';
   static componentId = 'FormFieldGroup';
   static allowedProps = allowedProps;
   static defaultProps = {

package/es/FormFieldLabel/v1/index.js

@@ -26,9 +26,9 @@ var _dec, _class;
 import { Component } from 'react';
 import { omitProps, getElementType } from '@instructure/ui-react-utils';
 import { withStyle } from '@instructure/emotion';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
-import { allowedProps } from "./props.js";
+import generateStyle from './styles.js';
+import generateComponentTheme from './theme.js';
+import { allowedProps } from './props.js';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /**
 ---
@@ -49,7 +49,7 @@ type: example
  removed in the future
 **/
 let FormFieldLabel = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = class FormFieldLabel extends Component {
-  static displayName = "FormFieldLabel";
+  static displayName = 'FormFieldLabel';
   static componentId = 'FormFieldLabel';
   static allowedProps = allowedProps;
   static defaultProps = {

package/es/FormFieldLayout/v1/index.js

@@ -27,10 +27,11 @@ import { Component } from 'react';
 import { hasVisibleChildren } from '@instructure/ui-a11y-utils';
 import { omitProps, getElementType, withDeterministicId } from '@instructure/ui-react-utils';
 import { withStyle } from '@instructure/emotion';
-import { FormFieldMessages } from "../../FormFieldMessages/v1/index.js";
-import generateStyle from "./styles.js";
-import { allowedProps } from "./props.js";
-import generateComponentTheme from "./theme.js";
+import { FormFieldMessages } from '../../FormFieldMessages/v1/index.js';
+import generateStyle from './styles.js';
+import { allowedProps } from './props.js';
+import generateComponentTheme from './theme.js';
+
 /**
 ---
 parent: FormField
@@ -38,7 +39,7 @@ parent: FormField
 **/
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 let FormFieldLayout = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, generateComponentTheme), _dec(_class = _dec2(_class = class FormFieldLayout extends Component {
-  static displayName = "FormFieldLayout";
+  static displayName = 'FormFieldLayout';
   static componentId = 'FormFieldLayout';
   static allowedProps = allowedProps;
   static defaultProps = {

package/es/FormFieldLayout/v2/index.js

@@ -26,9 +26,9 @@ import { forwardRef, useEffect, useState, useCallback } from 'react';
 import { hasVisibleChildren } from '@instructure/ui-a11y-utils';
 import { omitProps, useDeterministicId } from '@instructure/ui-react-utils';
 import { useStyleNew } from '@instructure/emotion';
-import { FormFieldMessages } from "../../FormFieldMessages/v2/index.js";
-import generateStyle from "./styles.js";
-import { allowedProps } from "./props.js";
+import { FormFieldMessages } from '../../FormFieldMessages/v2/index.js';
+import generateStyle from './styles.js';
+import { allowedProps } from './props.js';
 import { jsxs as _jsxs, Fragment as _Fragment, jsx as _jsx } from "@emotion/react/jsx-runtime";
 /**
 ---

package/es/FormFieldMessage/v1/index.js

@@ -27,9 +27,9 @@ import { Component } from 'react';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { IconWarningSolid } from '@instructure/ui-icons';
 import { withStyle } from '@instructure/emotion';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
-import { allowedProps } from "./props.js";
+import generateStyle from './styles.js';
+import generateComponentTheme from './theme.js';
+import { allowedProps } from './props.js';
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 /**
 ---
@@ -47,7 +47,7 @@ type: example
 ```
 **/
 let FormFieldMessage = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = class FormFieldMessage extends Component {
-  static displayName = "FormFieldMessage";
+  static displayName = 'FormFieldMessage';
   static componentId = 'FormFieldMessage';
   static allowedProps = allowedProps;
   static defaultProps = {

package/es/FormFieldMessage/v2/index.js

@@ -26,7 +26,7 @@ import { forwardRef } from 'react';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { AlertCircleInstUIIcon, CheckCircle2InstUIIcon } from '@instructure/ui-icons';
 import { useStyleNew } from '@instructure/emotion';
-import generateStyle from "./styles.js";
+import generateStyle from './styles.js';
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 /**
 ---

package/es/FormFieldMessages/v1/index.js

@@ -26,10 +26,10 @@ var _dec, _class;
 import { Component } from 'react';
 import { omitProps } from '@instructure/ui-react-utils';
 import { withStyle } from '@instructure/emotion';
-import { FormFieldMessage } from "../../FormFieldMessage/v1/index.js";
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
-import { allowedProps } from "./props.js";
+import { FormFieldMessage } from '../../FormFieldMessage/v1/index.js';
+import generateStyle from './styles.js';
+import generateComponentTheme from './theme.js';
+import { allowedProps } from './props.js';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /**
 ---
@@ -50,7 +50,7 @@ type: example
 ```
 **/
 let FormFieldMessages = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = class FormFieldMessages extends Component {
-  static displayName = "FormFieldMessages";
+  static displayName = 'FormFieldMessages';
   static componentId = 'FormFieldMessages';
   static allowedProps = allowedProps;
   static defaultProps = {};

package/es/FormFieldMessages/v2/index.js

@@ -26,9 +26,9 @@ var _dec, _class;
 import { Component } from 'react';
 import { omitProps } from '@instructure/ui-react-utils';
 import { withStyleNew } from '@instructure/emotion';
-import { FormFieldMessage } from "../../FormFieldMessage/v2/index.js";
-import generateStyle from "./styles.js";
-import { allowedProps } from "./props.js";
+import { FormFieldMessage } from '../../FormFieldMessage/v2/index.js';
+import generateStyle from './styles.js';
+import { allowedProps } from './props.js';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /**
 ---
@@ -49,7 +49,7 @@ type: example
 ```
 **/
 let FormFieldMessages = (_dec = withStyleNew(generateStyle), _dec(_class = class FormFieldMessages extends Component {
-  static displayName = "FormFieldMessages";
+  static displayName = 'FormFieldMessages';
   static componentId = 'FormFieldMessages';
   static allowedProps = allowedProps;
   static defaultProps = {};

package/es/exports/a.js

@@ -21,9 +21,10 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-export { FormField } from "../FormField/v1/index.js";
-export { FormFieldLabel } from "../FormFieldLabel/v1/index.js";
-export { FormFieldMessage } from "../FormFieldMessage/v1/index.js";
-export { FormFieldMessages } from "../FormFieldMessages/v1/index.js";
-export { FormFieldLayout } from "../FormFieldLayout/v1/index.js";
-export { FormFieldGroup } from "../FormFieldGroup/v1/index.js";
+
+export { FormField } from '../FormField/v1/index.js';
+export { FormFieldLabel } from '../FormFieldLabel/v1/index.js';
+export { FormFieldMessage } from '../FormFieldMessage/v1/index.js';
+export { FormFieldMessages } from '../FormFieldMessages/v1/index.js';
+export { FormFieldLayout } from '../FormFieldLayout/v1/index.js';
+export { FormFieldGroup } from '../FormFieldGroup/v1/index.js';

package/es/exports/b.js

@@ -21,8 +21,9 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-export { FormField } from "../FormField/v2/index.js";
-export { FormFieldMessage } from "../FormFieldMessage/v2/index.js";
-export { FormFieldMessages } from "../FormFieldMessages/v2/index.js";
-export { FormFieldLayout } from "../FormFieldLayout/v2/index.js";
-export { FormFieldGroup } from "../FormFieldGroup/v2/index.js";
+
+export { FormField } from '../FormField/v2/index.js';
+export { FormFieldMessage } from '../FormFieldMessage/v2/index.js';
+export { FormFieldMessages } from '../FormFieldMessages/v2/index.js';
+export { FormFieldLayout } from '../FormFieldLayout/v2/index.js';
+export { FormFieldGroup } from '../FormFieldGroup/v2/index.js';

package/lib/FormField/v1/index.js

@@ -7,8 +7,8 @@ exports.default = exports.FormField = void 0;
 var _react = require("react");
 var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
 var _pickProps = require("@instructure/ui-react-utils/lib/pickProps.js");
-var _v = require("../../FormFieldLayout/v1");
-var _props = require("./props");
+var _index = require("../../FormFieldLayout/v1/index.js");
+var _props = require("./props.js");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 /*
  * The MIT License (MIT)
@@ -40,7 +40,7 @@ category: components
 ---
 **/
 class FormField extends _react.Component {
-  static displayName = "FormField";
+  static displayName = 'FormField';
   static componentId = 'FormField';
   static allowedProps = _props.allowedProps;
   static defaultProps = {
@@ -60,9 +60,9 @@ class FormField extends _react.Component {
     }
   };
   render() {
-    return (0, _jsxRuntime.jsx)(_v.FormFieldLayout, {
+    return (0, _jsxRuntime.jsx)(_index.FormFieldLayout, {
       ...(0, _omitProps.omitProps)(this.props, FormField.allowedProps),
-      ...(0, _pickProps.pickProps)(this.props, _v.FormFieldLayout.allowedProps),
+      ...(0, _pickProps.pickProps)(this.props, _index.FormFieldLayout.allowedProps),
       label: this.props.label,
       vAlign: this.props.vAlign,
       as: "label"

package/lib/FormField/v2/index.js

@@ -7,9 +7,9 @@ exports.default = exports.FormField = void 0;
 var _react = require("react");
 var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
 var _pickProps = require("@instructure/ui-react-utils/lib/pickProps.js");
-var _props = require("../../FormFieldLayout/v2/props");
-var _v = require("../../FormFieldLayout/v2");
-var _props2 = require("./props");
+var _props = require("../../FormFieldLayout/v2/props.js");
+var _index = require("../../FormFieldLayout/v2/index.js");
+var _props2 = require("./props.js");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 /*
  * The MIT License (MIT)
@@ -41,7 +41,7 @@ category: components
 ---
 **/
 class FormField extends _react.Component {
-  static displayName = "FormField";
+  static displayName = 'FormField';
   static componentId = 'FormField';
   static allowedProps = _props2.allowedProps;
   static defaultProps = {
@@ -61,7 +61,7 @@ class FormField extends _react.Component {
     }
   };
   render() {
-    return (0, _jsxRuntime.jsx)(_v.FormFieldLayout, {
+    return (0, _jsxRuntime.jsx)(_index.FormFieldLayout, {
       ...(0, _omitProps.omitProps)(this.props, FormField.allowedProps),
       ...(0, _pickProps.pickProps)(this.props, _props.allowedProps),
       label: this.props.label,

package/lib/FormFieldGroup/v1/index.js

@@ -10,11 +10,11 @@ var _v11_ = require("@instructure/ui-grid/v11_6");
 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 _props = require("../../FormFieldLayout/v1/props");
-var _v = require("../../FormFieldLayout/v1");
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _props2 = require("./props");
+var _props = require("../../FormFieldLayout/v1/props.js");
+var _index = require("../../FormFieldLayout/v1/index.js");
+var _styles = _interopRequireDefault(require("./styles.js"));
+var _theme = _interopRequireDefault(require("./theme.js"));
+var _props2 = require("./props.js");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _dec, _class;
 /*
@@ -46,7 +46,7 @@ category: components
 ---
 **/
 let FormFieldGroup = exports.FormFieldGroup = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class FormFieldGroup extends _react.Component {
-  static displayName = "FormFieldGroup";
+  static displayName = 'FormFieldGroup';
   static componentId = 'FormFieldGroup';
   static allowedProps = _props2.allowedProps;
   static defaultProps = {
@@ -131,7 +131,7 @@ let FormFieldGroup = exports.FormFieldGroup = (_dec = (0, _emotion.withStyle)(_s
     if (this.props.role && this.invalid && ['application', 'checkbox', 'combobox', 'gridcell', 'listbox', 'radiogroup', 'slider', 'spinbutton', 'textbox', 'tree', 'columnheader', 'rowheader', 'searchbox', 'switch', 'treegrid'].includes(this.props.role)) {
       ariaInvalid = 'true';
     }
-    return (0, _jsxRuntime.jsx)(_v.FormFieldLayout, {
+    return (0, _jsxRuntime.jsx)(_index.FormFieldLayout, {
       ...(0, _omitProps.omitProps)(props, FormFieldGroup.allowedProps),
       ...(0, _pickProps.pickProps)(props, _props.allowedProps),
       vAlign: props.vAlign,

package/lib/FormFieldGroup/v2/index.js

@@ -11,10 +11,10 @@ var _pickProps = require("@instructure/ui-react-utils/lib/pickProps.js");
 var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
 var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement.js");
 var _emotion = require("@instructure/emotion");
-var _props = require("../../FormFieldLayout/v2/props");
-var _v = require("../../FormFieldLayout/v2");
-var _styles = _interopRequireDefault(require("./styles"));
-var _props2 = require("./props");
+var _props = require("../../FormFieldLayout/v2/props.js");
+var _index = require("../../FormFieldLayout/v2/index.js");
+var _styles = _interopRequireDefault(require("./styles.js"));
+var _props2 = require("./props.js");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _dec, _class;
 /*
@@ -46,7 +46,7 @@ category: components
 ---
 **/
 let FormFieldGroup = exports.FormFieldGroup = (_dec = (0, _emotion.withStyleNew)(_styles.default), _dec(_class = class FormFieldGroup extends _react.Component {
-  static displayName = "FormFieldGroup";
+  static displayName = 'FormFieldGroup';
   static componentId = 'FormFieldGroup';
   static allowedProps = _props2.allowedProps;
   static defaultProps = {
@@ -130,7 +130,7 @@ let FormFieldGroup = exports.FormFieldGroup = (_dec = (0, _emotion.withStyleNew)
     if (this.props.role && this.invalid && ['application', 'checkbox', 'combobox', 'gridcell', 'listbox', 'radiogroup', 'slider', 'spinbutton', 'textbox', 'tree', 'columnheader', 'rowheader', 'searchbox', 'switch', 'treegrid'].includes(this.props.role)) {
       ariaInvalid = 'true';
     }
-    return (0, _jsxRuntime.jsx)(_v.FormFieldLayout, {
+    return (0, _jsxRuntime.jsx)(_index.FormFieldLayout, {
       ...(0, _omitProps.omitProps)(props, FormFieldGroup.allowedProps),
       ...(0, _pickProps.pickProps)(props, _props.allowedProps),
       vAlign: props.vAlign,

package/lib/FormFieldLabel/v1/index.js

@@ -9,9 +9,9 @@ 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 _styles = _interopRequireDefault(require("./styles.js"));
+var _theme = _interopRequireDefault(require("./theme.js"));
+var _props = require("./props.js");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _dec, _class;
 /*
@@ -56,7 +56,7 @@ type: example
  removed in the future
 **/
 let FormFieldLabel = exports.FormFieldLabel = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class FormFieldLabel extends _react.Component {
-  static displayName = "FormFieldLabel";
+  static displayName = 'FormFieldLabel';
   static componentId = 'FormFieldLabel';
   static allowedProps = _props.allowedProps;
   static defaultProps = {

package/lib/FormFieldLayout/v1/index.js

@@ -11,10 +11,10 @@ var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.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 _v = require("../../FormFieldMessages/v1");
-var _styles = _interopRequireDefault(require("./styles"));
-var _props = require("./props");
-var _theme = _interopRequireDefault(require("./theme"));
+var _index = require("../../FormFieldMessages/v1/index.js");
+var _styles = _interopRequireDefault(require("./styles.js"));
+var _props = require("./props.js");
+var _theme = _interopRequireDefault(require("./theme.js"));
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _dec, _dec2, _class;
 /*
@@ -46,7 +46,7 @@ parent: FormField
 ---
 **/
 let FormFieldLayout = exports.FormFieldLayout = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = _dec2(_class = class FormFieldLayout extends _react.Component {
-  static displayName = "FormFieldLayout";
+  static displayName = 'FormFieldLayout';
   static componentId = 'FormFieldLayout';
   static allowedProps = _props.allowedProps;
   static defaultProps = {
@@ -154,7 +154,7 @@ let FormFieldLayout = exports.FormFieldLayout = (_dec = (0, _withDeterministicId
     } else return null;
   }
   renderVisibleMessages() {
-    return this.hasMessages ? (0, _jsxRuntime.jsx)(_v.FormFieldMessages, {
+    return this.hasMessages ? (0, _jsxRuntime.jsx)(_index.FormFieldMessages, {
       id: this._messagesId,
       messages: this.props.messages,
       gridArea: "messages"

package/lib/FormFieldLayout/v2/index.js

@@ -17,9 +17,9 @@ var _hasVisibleChildren = require("@instructure/ui-a11y-utils/lib/hasVisibleChil
 var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
 var _useDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/useDeterministicId.js");
 var _emotion = require("@instructure/emotion");
-var _v = require("../../FormFieldMessages/v2");
-var _styles = _interopRequireDefault(require("./styles"));
-var _props = require("./props");
+var _index = require("../../FormFieldMessages/v2/index.js");
+var _styles = _interopRequireDefault(require("./styles.js"));
+var _props = require("./props.js");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 /*
  * The MIT License (MIT)
@@ -183,7 +183,7 @@ const FormFieldLayout = exports.FormFieldLayout = /*#__PURE__*/(0, _react.forwar
     } else return null;
   };
   const renderVisibleMessages = () => {
-    return hasMessages ? (0, _jsxRuntime.jsx)(_v.FormFieldMessages, {
+    return hasMessages ? (0, _jsxRuntime.jsx)(_index.FormFieldMessages, {
       id: messagesId,
       messages: filteredMessages,
       gridArea: "messages"

package/lib/FormFieldMessage/v1/index.js

@@ -9,9 +9,9 @@ var _react = require("react");
 var _ScreenReaderContent = require("@instructure/ui-a11y-content/lib/ScreenReaderContent");
 var _IconWarningSolid = require("@instructure/ui-icons/lib/generated/IconWarningSolid.js");
 var _emotion = require("@instructure/emotion");
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _props = require("./props");
+var _styles = _interopRequireDefault(require("./styles.js"));
+var _theme = _interopRequireDefault(require("./theme.js"));
+var _props = require("./props.js");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _dec, _class;
 /*
@@ -53,7 +53,7 @@ type: example
 ```
 **/
 let FormFieldMessage = exports.FormFieldMessage = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class FormFieldMessage extends _react.Component {
-  static displayName = "FormFieldMessage";
+  static displayName = 'FormFieldMessage';
   static componentId = 'FormFieldMessage';
   static allowedProps = _props.allowedProps;
   static defaultProps = {

package/lib/FormFieldMessage/v2/index.js

@@ -9,7 +9,7 @@ var _react = require("react");
 var _ScreenReaderContent = require("@instructure/ui-a11y-content/lib/ScreenReaderContent");
 var _uiIcons = require("@instructure/ui-icons");
 var _emotion = require("@instructure/emotion");
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles = _interopRequireDefault(require("./styles.js"));
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 /*
  * The MIT License (MIT)

package/lib/FormFieldMessages/v1/index.js

@@ -8,10 +8,10 @@ exports.default = exports.FormFieldMessages = void 0;
 var _react = require("react");
 var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
 var _emotion = require("@instructure/emotion");
-var _v = require("../../FormFieldMessage/v1");
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _props = require("./props");
+var _index = require("../../FormFieldMessage/v1/index.js");
+var _styles = _interopRequireDefault(require("./styles.js"));
+var _theme = _interopRequireDefault(require("./theme.js"));
+var _props = require("./props.js");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _dec, _class;
 /*
@@ -56,7 +56,7 @@ type: example
 ```
 **/
 let FormFieldMessages = exports.FormFieldMessages = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class FormFieldMessages extends _react.Component {
-  static displayName = "FormFieldMessages";
+  static displayName = 'FormFieldMessages';
   static componentId = 'FormFieldMessages';
   static allowedProps = _props.allowedProps;
   static defaultProps = {};
@@ -82,7 +82,7 @@ let FormFieldMessages = exports.FormFieldMessages = (_dec = (0, _emotion.withSty
       children: messages.map((msg, i) => {
         return (0, _jsxRuntime.jsx)("span", {
           css: styles?.message,
-          children: (0, _jsxRuntime.jsx)(_v.FormFieldMessage, {
+          children: (0, _jsxRuntime.jsx)(_index.FormFieldMessage, {
             variant: msg.type,
             children: msg.text
           })

package/lib/FormFieldMessages/v2/index.js

@@ -8,9 +8,9 @@ exports.default = exports.FormFieldMessages = void 0;
 var _react = require("react");
 var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
 var _emotion = require("@instructure/emotion");
-var _v = require("../../FormFieldMessage/v2");
-var _styles = _interopRequireDefault(require("./styles"));
-var _props = require("./props");
+var _index = require("../../FormFieldMessage/v2/index.js");
+var _styles = _interopRequireDefault(require("./styles.js"));
+var _props = require("./props.js");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _dec, _class;
 /*
@@ -55,7 +55,7 @@ type: example
 ```
 **/
 let FormFieldMessages = exports.FormFieldMessages = (_dec = (0, _emotion.withStyleNew)(_styles.default), _dec(_class = class FormFieldMessages extends _react.Component {
-  static displayName = "FormFieldMessages";
+  static displayName = 'FormFieldMessages';
   static componentId = 'FormFieldMessages';
   static allowedProps = _props.allowedProps;
   static defaultProps = {};
@@ -81,7 +81,7 @@ let FormFieldMessages = exports.FormFieldMessages = (_dec = (0, _emotion.withSty
       children: messages.map((msg, i) => {
         return (0, _jsxRuntime.jsx)("span", {
           css: styles?.message,
-          children: (0, _jsxRuntime.jsx)(_v.FormFieldMessage, {
+          children: (0, _jsxRuntime.jsx)(_index.FormFieldMessage, {
             variant: msg.type,
             children: msg.text
           })