@instructure/ui-form-field 10.26.1 → 11.0.1-snapshot-0

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.
 
-## [10.26.1](https://github.com/instructure/instructure-ui/compare/v10.26.0...v10.26.1) (2025-10-06)
+## [11.0.1-snapshot-0](https://github.com/instructure/instructure-ui/compare/v11.0.0...v11.0.1-snapshot-0) (2025-10-07)
 
 **Note:** Version bump only for package @instructure/ui-form-field
 
@@ -11,6 +11,35 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
+# [11.0.0](https://github.com/instructure/instructure-ui/compare/v10.26.0...v11.0.0) (2025-10-06)
+
+
+### Features
+
+* **many:** instUI v11 release ([36f5438](https://github.com/instructure/instructure-ui/commit/36f54382669186227ba24798bbf7201ef2f5cd4c))
+
+
+### BREAKING CHANGES
+
+* **many:** InstUI v11 contains the following breaking changes:
+- React 16 and 17 are no longer supported
+- remove `PropTypes` from all packages
+- remove `CodeEditor` component
+- remove `@instui/theme-registry` package
+- remove `@testable`, `@experimental`, `@hack` decorators
+- InstUISettingsProvider's `as` prop is removed
+- `canvas.use()`, `canvasHighContrast.use()` functions are removed
+- `canvasThemeLocal`, `canvasHighContrastThemeLocal` are removed
+- `variables` field on theme objects are removed
+- remove deprecated props from Table: Row's `isStacked`, Body's
+  `isStacked`, `hover`, and `headers`
+- `Table`'s `caption` prop is now required
+- `ui-dom-utils`'s `getComputedStyle` can now return `undefined`
+
+
+
+
+
 # [10.26.0](https://github.com/instructure/instructure-ui/compare/v10.25.0...v10.26.0) (2025-10-01)
 
 **Note:** Version bump only for package @instructure/ui-form-field

package/es/FormField/index.js

@@ -25,7 +25,7 @@
 import { Component } from 'react';
 import { omitProps, pickProps } from '@instructure/ui-react-utils';
 import { FormFieldLayout } from '../FormFieldLayout';
-import { propTypes, allowedProps } from './props';
+import { allowedProps } from './props';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /**
 ---
@@ -63,7 +63,6 @@ class FormField extends Component {
 }
 FormField.displayName = "FormField";
 FormField.componentId = 'FormField';
-FormField.propTypes = propTypes;
 FormField.allowedProps = allowedProps;
 FormField.defaultProps = {
   inline: false,

package/es/FormField/props.js

@@ -22,22 +22,5 @@
  * SOFTWARE.
  */
 
-import PropTypes from 'prop-types';
-import { FormPropTypes } from '../FormPropTypes';
-const propTypes = {
-  label: PropTypes.node.isRequired,
-  id: PropTypes.string.isRequired,
-  messages: PropTypes.arrayOf(FormPropTypes.message),
-  messagesId: PropTypes.string,
-  children: PropTypes.node,
-  inline: PropTypes.bool,
-  layout: PropTypes.oneOf(['stacked', 'inline']),
-  labelAlign: PropTypes.oneOf(['start', 'end']),
-  vAlign: PropTypes.oneOf(['top', 'middle', 'bottom']),
-  width: PropTypes.string,
-  inputContainerRef: PropTypes.func,
-  elementRef: PropTypes.func,
-  margin: PropTypes.string
-};
 const allowedProps = ['label', 'id', 'messages', 'messagesId', 'children', 'inline', 'layout', 'labelAlign', 'vAlign', 'width', 'inputContainerRef', 'elementRef', 'margin'];
-export { propTypes, allowedProps };
+export { allowedProps };

package/es/FormFieldGroup/index.js

@@ -32,7 +32,7 @@ import { withStyle } from '@instructure/emotion';
 import { FormFieldLayout } from '../FormFieldLayout';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
-import { propTypes, allowedProps } from './props';
+import { allowedProps } from './props';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /**
 ---
@@ -127,7 +127,7 @@ let FormFieldGroup = (_dec = withStyle(generateStyle, generateComponentTheme), _
       children: this.renderFields()
     });
   }
-}, _FormFieldGroup.displayName = "FormFieldGroup", _FormFieldGroup.componentId = 'FormFieldGroup', _FormFieldGroup.propTypes = propTypes, _FormFieldGroup.allowedProps = allowedProps, _FormFieldGroup.defaultProps = {
+}, _FormFieldGroup.displayName = "FormFieldGroup", _FormFieldGroup.componentId = 'FormFieldGroup', _FormFieldGroup.allowedProps = allowedProps, _FormFieldGroup.defaultProps = {
   as: 'fieldset',
   disabled: false,
   rowSpacing: 'medium',

package/es/FormFieldGroup/props.js

@@ -22,21 +22,5 @@
  * SOFTWARE.
  */
 
-import PropTypes from 'prop-types';
-import { FormPropTypes } from '../FormPropTypes';
-const propTypes = {
-  description: PropTypes.node.isRequired,
-  as: PropTypes.elementType,
-  messages: PropTypes.arrayOf(FormPropTypes.message),
-  messagesId: PropTypes.string,
-  disabled: PropTypes.bool,
-  children: PropTypes.node,
-  layout: PropTypes.oneOf(['stacked', 'columns', 'inline']),
-  rowSpacing: PropTypes.oneOf(['none', 'small', 'medium', 'large']),
-  colSpacing: PropTypes.oneOf(['none', 'small', 'medium', 'large']),
-  vAlign: PropTypes.oneOf(['top', 'middle', 'bottom']),
-  startAt: PropTypes.oneOf(['small', 'medium', 'large', 'x-large', null]),
-  elementRef: PropTypes.func
-};
 const allowedProps = ['description', 'as', 'messages', 'messagesId', 'disabled', 'children', 'layout', 'rowSpacing', 'colSpacing', 'vAlign', 'startAt', 'elementRef'];
-export { propTypes, allowedProps };
+export { allowedProps };

package/es/FormFieldLabel/index.js

@@ -1,4 +1,4 @@
-var _dec, _dec2, _class, _FormFieldLabel;
+var _dec, _class, _FormFieldLabel;
 /*
  * The MIT License (MIT)
  *
@@ -24,11 +24,11 @@ var _dec, _dec2, _class, _FormFieldLabel;
  */
 
 import { Component } from 'react';
-import { omitProps, getElementType, deprecated } from '@instructure/ui-react-utils';
+import { omitProps, getElementType } from '@instructure/ui-react-utils';
 import { withStyle } from '@instructure/emotion';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
-import { propTypes, allowedProps } from './props';
+import { allowedProps } from './props';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /**
 ---
@@ -48,7 +48,7 @@ type: example
  @deprecated since version 10. This is an internal component that will be
  removed in the future
 **/
-let FormFieldLabel = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = deprecated('10', null, 'This component will be removed in a future version'), _dec(_class = _dec2(_class = (_FormFieldLabel = class FormFieldLabel extends Component {
+let FormFieldLabel = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_FormFieldLabel = class FormFieldLabel extends Component {
   constructor(...args) {
     super(...args);
     this.ref = null;
@@ -76,8 +76,8 @@ let FormFieldLabel = (_dec = withStyle(generateStyle, generateComponentTheme), _
       children: children
     });
   }
-}, _FormFieldLabel.displayName = "FormFieldLabel", _FormFieldLabel.componentId = 'FormFieldLabel', _FormFieldLabel.propTypes = propTypes, _FormFieldLabel.allowedProps = allowedProps, _FormFieldLabel.defaultProps = {
+}, _FormFieldLabel.displayName = "FormFieldLabel", _FormFieldLabel.componentId = 'FormFieldLabel', _FormFieldLabel.allowedProps = allowedProps, _FormFieldLabel.defaultProps = {
   as: 'span'
-}, _FormFieldLabel)) || _class) || _class);
+}, _FormFieldLabel)) || _class);
 export default FormFieldLabel;
 export { FormFieldLabel };

package/es/FormFieldLabel/props.js

@@ -22,10 +22,5 @@
  * SOFTWARE.
  */
 
-import PropTypes from 'prop-types';
-const propTypes = {
-  children: PropTypes.node.isRequired,
-  as: PropTypes.elementType
-};
 const allowedProps = ['as', 'children'];
-export { propTypes, allowedProps };
+export { allowedProps };

package/es/FormFieldLayout/index.js

@@ -31,7 +31,7 @@ import { omitProps, getElementType, withDeterministicId } from '@instructure/ui-
 import { withStyle } from '@instructure/emotion';
 import { FormFieldMessages } from '../FormFieldMessages';
 import generateStyle from './styles';
-import { propTypes, allowedProps } from './props';
+import { allowedProps } from './props';
 import generateComponentTheme from './theme';
 
 /**
@@ -177,7 +177,7 @@ let FormFieldLayout = (_dec = withDeterministicId(), _dec2 = withStyle(generateS
       }), !hasNewErrorMsgAndIsGroup && this.renderVisibleMessages()]
     });
   }
-}, _FormFieldLayout.displayName = "FormFieldLayout", _FormFieldLayout.componentId = 'FormFieldLayout', _FormFieldLayout.propTypes = propTypes, _FormFieldLayout.allowedProps = allowedProps, _FormFieldLayout.defaultProps = {
+}, _FormFieldLayout.displayName = "FormFieldLayout", _FormFieldLayout.componentId = 'FormFieldLayout', _FormFieldLayout.allowedProps = allowedProps, _FormFieldLayout.defaultProps = {
   inline: false,
   layout: 'stacked',
   as: 'label',

package/es/FormFieldLayout/props.js

@@ -22,24 +22,5 @@
  * SOFTWARE.
  */
 
-import PropTypes from 'prop-types';
-import { FormPropTypes } from '../FormPropTypes';
-const propTypes = {
-  label: PropTypes.node.isRequired,
-  id: PropTypes.string,
-  as: PropTypes.elementType,
-  messages: PropTypes.arrayOf(FormPropTypes.message),
-  messagesId: PropTypes.string,
-  children: PropTypes.node,
-  inline: PropTypes.bool,
-  layout: PropTypes.oneOf(['stacked', 'inline']),
-  labelAlign: PropTypes.oneOf(['start', 'end']),
-  vAlign: PropTypes.oneOf(['top', 'middle', 'bottom']),
-  width: PropTypes.string,
-  inputContainerRef: PropTypes.func,
-  elementRef: PropTypes.func,
-  isGroup: PropTypes.bool,
-  margin: PropTypes.string
-};
 const allowedProps = ['label', 'id', 'as', 'messages', 'messagesId', 'children', 'inline', 'layout', 'labelAlign', 'width', 'inputContainerRef', 'elementRef', 'margin', 'vAlign'];
-export { propTypes, allowedProps };
+export { allowedProps };

package/es/FormFieldMessage/index.js

@@ -29,7 +29,7 @@ import { IconWarningSolid } from '@instructure/ui-icons';
 import { withStyle } from '@instructure/emotion';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
-import { propTypes, allowedProps } from './props';
+import { allowedProps } from './props';
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 /**
 ---
@@ -85,7 +85,7 @@ let FormFieldMessage = (_dec = withStyle(generateStyle, generateComponentTheme),
       children: children
     });
   }
-}, _FormFieldMessage.displayName = "FormFieldMessage", _FormFieldMessage.componentId = 'FormFieldMessage', _FormFieldMessage.propTypes = propTypes, _FormFieldMessage.allowedProps = allowedProps, _FormFieldMessage.defaultProps = {
+}, _FormFieldMessage.displayName = "FormFieldMessage", _FormFieldMessage.componentId = 'FormFieldMessage', _FormFieldMessage.allowedProps = allowedProps, _FormFieldMessage.defaultProps = {
   variant: 'hint'
 }, _FormFieldMessage)) || _class);
 export default FormFieldMessage;

package/es/FormFieldMessage/props.js

@@ -22,10 +22,5 @@
  * SOFTWARE.
  */
 
-import { formMessageTypePropType, formMessageChildPropType } from '../FormPropTypes';
-const propTypes = {
-  variant: formMessageTypePropType,
-  children: formMessageChildPropType
-};
 const allowedProps = ['variant', 'children'];
-export { propTypes, allowedProps };
+export { allowedProps };

package/es/FormFieldMessages/index.js

@@ -29,7 +29,7 @@ import { withStyle } from '@instructure/emotion';
 import { FormFieldMessage } from '../FormFieldMessage';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
-import { propTypes, allowedProps } from './props';
+import { allowedProps } from './props';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /**
 ---
@@ -84,6 +84,6 @@ let FormFieldMessages = (_dec = withStyle(generateStyle, generateComponentTheme)
       })
     }) : null;
   }
-}, _FormFieldMessages.displayName = "FormFieldMessages", _FormFieldMessages.componentId = 'FormFieldMessages', _FormFieldMessages.propTypes = propTypes, _FormFieldMessages.allowedProps = allowedProps, _FormFieldMessages.defaultProps = {}, _FormFieldMessages)) || _class);
+}, _FormFieldMessages.displayName = "FormFieldMessages", _FormFieldMessages.componentId = 'FormFieldMessages', _FormFieldMessages.allowedProps = allowedProps, _FormFieldMessages.defaultProps = {}, _FormFieldMessages)) || _class);
 export default FormFieldMessages;
 export { FormFieldMessages };

package/es/FormFieldMessages/props.js

@@ -22,11 +22,5 @@
  * SOFTWARE.
  */
 
-import PropTypes from 'prop-types';
-import { FormPropTypes } from '../FormPropTypes';
-const propTypes = {
-  messages: PropTypes.arrayOf(FormPropTypes.message),
-  gridArea: PropTypes.string
-};
 const allowedProps = ['messages', 'gridArea'];
-export { propTypes, allowedProps };
+export { allowedProps };

package/es/FormPropTypes.js

@@ -1,41 +1 @@
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-import PropTypes from 'prop-types';
-const formMessageTypePropType = PropTypes.oneOf(['error', 'newError', 'hint', 'success', 'screenreader-only']);
-const formMessageChildPropType = PropTypes.node;
-
-// TODO it will be easier if this would be just a string
-/**
- * The text to display in the form message
- */
-
-const FormPropTypes = {
-  message: PropTypes.shape({
-    type: formMessageTypePropType,
-    text: formMessageChildPropType
-  })
-};
-export default FormPropTypes;
-export { FormPropTypes, formMessageTypePropType, formMessageChildPropType };
+export {};

package/es/index.js

@@ -27,5 +27,4 @@ export { FormFieldLabel } from './FormFieldLabel';
 export { FormFieldMessage } from './FormFieldMessage';
 export { FormFieldMessages } from './FormFieldMessages';
 export { FormFieldLayout } from './FormFieldLayout';
-export { FormFieldGroup } from './FormFieldGroup';
-export { FormPropTypes } from './FormPropTypes';
+export { FormFieldGroup } from './FormFieldGroup';

package/lib/FormField/index.js

@@ -71,7 +71,6 @@ class FormField extends _react.Component {
 exports.FormField = FormField;
 FormField.displayName = "FormField";
 FormField.componentId = 'FormField';
-FormField.propTypes = _props.propTypes;
 FormField.allowedProps = _props.allowedProps;
 FormField.defaultProps = {
   inline: false,

package/lib/FormField/props.js

@@ -1,12 +1,9 @@
 "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");
+exports.allowedProps = void 0;
 /*
  * The MIT License (MIT)
  *
@@ -31,19 +28,4 @@ var _FormPropTypes = require("../FormPropTypes");
  * SOFTWARE.
  */
 
-const propTypes = exports.propTypes = {
-  label: _propTypes.default.node.isRequired,
-  id: _propTypes.default.string.isRequired,
-  messages: _propTypes.default.arrayOf(_FormPropTypes.FormPropTypes.message),
-  messagesId: _propTypes.default.string,
-  children: _propTypes.default.node,
-  inline: _propTypes.default.bool,
-  layout: _propTypes.default.oneOf(['stacked', 'inline']),
-  labelAlign: _propTypes.default.oneOf(['start', 'end']),
-  vAlign: _propTypes.default.oneOf(['top', 'middle', 'bottom']),
-  width: _propTypes.default.string,
-  inputContainerRef: _propTypes.default.func,
-  elementRef: _propTypes.default.func,
-  margin: _propTypes.default.string
-};
 const allowedProps = exports.allowedProps = ['label', 'id', 'messages', 'messagesId', 'children', 'inline', 'layout', 'labelAlign', 'vAlign', 'width', 'inputContainerRef', 'elementRef', 'margin'];

package/lib/FormFieldGroup/index.js

@@ -134,7 +134,7 @@ let FormFieldGroup = exports.FormFieldGroup = (_dec = (0, _emotion.withStyle)(_s
       children: this.renderFields()
     });
   }
-}, _FormFieldGroup.displayName = "FormFieldGroup", _FormFieldGroup.componentId = 'FormFieldGroup', _FormFieldGroup.propTypes = _props.propTypes, _FormFieldGroup.allowedProps = _props.allowedProps, _FormFieldGroup.defaultProps = {
+}, _FormFieldGroup.displayName = "FormFieldGroup", _FormFieldGroup.componentId = 'FormFieldGroup', _FormFieldGroup.allowedProps = _props.allowedProps, _FormFieldGroup.defaultProps = {
   as: 'fieldset',
   disabled: false,
   rowSpacing: 'medium',

package/lib/FormFieldGroup/props.js

@@ -1,12 +1,9 @@
 "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");
+exports.allowedProps = void 0;
 /*
  * The MIT License (MIT)
  *
@@ -31,18 +28,4 @@ var _FormPropTypes = require("../FormPropTypes");
  * SOFTWARE.
  */
 
-const propTypes = exports.propTypes = {
-  description: _propTypes.default.node.isRequired,
-  as: _propTypes.default.elementType,
-  messages: _propTypes.default.arrayOf(_FormPropTypes.FormPropTypes.message),
-  messagesId: _propTypes.default.string,
-  disabled: _propTypes.default.bool,
-  children: _propTypes.default.node,
-  layout: _propTypes.default.oneOf(['stacked', 'columns', 'inline']),
-  rowSpacing: _propTypes.default.oneOf(['none', 'small', 'medium', 'large']),
-  colSpacing: _propTypes.default.oneOf(['none', 'small', 'medium', 'large']),
-  vAlign: _propTypes.default.oneOf(['top', 'middle', 'bottom']),
-  startAt: _propTypes.default.oneOf(['small', 'medium', 'large', 'x-large', null]),
-  elementRef: _propTypes.default.func
-};
 const allowedProps = exports.allowedProps = ['description', 'as', 'messages', 'messagesId', 'disabled', 'children', 'layout', 'rowSpacing', 'colSpacing', 'vAlign', 'startAt', 'elementRef'];

package/lib/FormFieldLabel/index.js

@@ -8,13 +8,12 @@ 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 _deprecated = require("@instructure/ui-react-utils/lib/deprecated.js");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
 var _props = require("./props");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
-var _dec, _dec2, _class, _FormFieldLabel;
+var _dec, _class, _FormFieldLabel;
 /*
  * The MIT License (MIT)
  *
@@ -56,7 +55,7 @@ type: example
  @deprecated since version 10. This is an internal component that will be
  removed in the future
 **/
-let FormFieldLabel = exports.FormFieldLabel = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _deprecated.deprecated)('10', null, 'This component will be removed in a future version'), _dec(_class = _dec2(_class = (_FormFieldLabel = class FormFieldLabel extends _react.Component {
+let FormFieldLabel = exports.FormFieldLabel = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_FormFieldLabel = class FormFieldLabel extends _react.Component {
   constructor(...args) {
     super(...args);
     this.ref = null;
@@ -84,7 +83,7 @@ let FormFieldLabel = exports.FormFieldLabel = (_dec = (0, _emotion.withStyle)(_s
       children: children
     });
   }
-}, _FormFieldLabel.displayName = "FormFieldLabel", _FormFieldLabel.componentId = 'FormFieldLabel', _FormFieldLabel.propTypes = _props.propTypes, _FormFieldLabel.allowedProps = _props.allowedProps, _FormFieldLabel.defaultProps = {
+}, _FormFieldLabel.displayName = "FormFieldLabel", _FormFieldLabel.componentId = 'FormFieldLabel', _FormFieldLabel.allowedProps = _props.allowedProps, _FormFieldLabel.defaultProps = {
   as: 'span'
-}, _FormFieldLabel)) || _class) || _class);
+}, _FormFieldLabel)) || _class);
 var _default = exports.default = FormFieldLabel;

package/lib/FormFieldLabel/props.js

@@ -1,11 +1,9 @@
 "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"));
+exports.allowedProps = void 0;
 /*
  * The MIT License (MIT)
  *
@@ -30,8 +28,4 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
  * SOFTWARE.
  */
 
-const propTypes = exports.propTypes = {
-  children: _propTypes.default.node.isRequired,
-  as: _propTypes.default.elementType
-};
 const allowedProps = exports.allowedProps = ['as', 'children'];

package/lib/FormFieldLayout/index.js

@@ -184,7 +184,7 @@ let FormFieldLayout = exports.FormFieldLayout = (_dec = (0, _withDeterministicId
       }), !hasNewErrorMsgAndIsGroup && this.renderVisibleMessages()]
     });
   }
-}, _FormFieldLayout.displayName = "FormFieldLayout", _FormFieldLayout.componentId = 'FormFieldLayout', _FormFieldLayout.propTypes = _props.propTypes, _FormFieldLayout.allowedProps = _props.allowedProps, _FormFieldLayout.defaultProps = {
+}, _FormFieldLayout.displayName = "FormFieldLayout", _FormFieldLayout.componentId = 'FormFieldLayout', _FormFieldLayout.allowedProps = _props.allowedProps, _FormFieldLayout.defaultProps = {
   inline: false,
   layout: 'stacked',
   as: 'label',

package/lib/FormFieldLayout/props.js

@@ -1,12 +1,9 @@
 "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");
+exports.allowedProps = void 0;
 /*
  * The MIT License (MIT)
  *
@@ -31,21 +28,4 @@ var _FormPropTypes = require("../FormPropTypes");
  * SOFTWARE.
  */
 
-const propTypes = exports.propTypes = {
-  label: _propTypes.default.node.isRequired,
-  id: _propTypes.default.string,
-  as: _propTypes.default.elementType,
-  messages: _propTypes.default.arrayOf(_FormPropTypes.FormPropTypes.message),
-  messagesId: _propTypes.default.string,
-  children: _propTypes.default.node,
-  inline: _propTypes.default.bool,
-  layout: _propTypes.default.oneOf(['stacked', 'inline']),
-  labelAlign: _propTypes.default.oneOf(['start', 'end']),
-  vAlign: _propTypes.default.oneOf(['top', 'middle', 'bottom']),
-  width: _propTypes.default.string,
-  inputContainerRef: _propTypes.default.func,
-  elementRef: _propTypes.default.func,
-  isGroup: _propTypes.default.bool,
-  margin: _propTypes.default.string
-};
 const allowedProps = exports.allowedProps = ['label', 'id', 'as', 'messages', 'messagesId', 'children', 'inline', 'layout', 'labelAlign', 'width', 'inputContainerRef', 'elementRef', 'margin', 'vAlign'];

package/lib/FormFieldMessage/index.js

@@ -91,7 +91,7 @@ let FormFieldMessage = exports.FormFieldMessage = (_dec = (0, _emotion.withStyle
       children: children
     });
   }
-}, _FormFieldMessage.displayName = "FormFieldMessage", _FormFieldMessage.componentId = 'FormFieldMessage', _FormFieldMessage.propTypes = _props.propTypes, _FormFieldMessage.allowedProps = _props.allowedProps, _FormFieldMessage.defaultProps = {
+}, _FormFieldMessage.displayName = "FormFieldMessage", _FormFieldMessage.componentId = 'FormFieldMessage', _FormFieldMessage.allowedProps = _props.allowedProps, _FormFieldMessage.defaultProps = {
   variant: 'hint'
 }, _FormFieldMessage)) || _class);
 var _default = exports.default = FormFieldMessage;

package/lib/FormFieldMessage/props.js

@@ -3,8 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.propTypes = exports.allowedProps = void 0;
-var _FormPropTypes = require("../FormPropTypes");
+exports.allowedProps = void 0;
 /*
  * The MIT License (MIT)
  *
@@ -29,8 +28,4 @@ var _FormPropTypes = require("../FormPropTypes");
  * SOFTWARE.
  */
 
-const propTypes = exports.propTypes = {
-  variant: _FormPropTypes.formMessageTypePropType,
-  children: _FormPropTypes.formMessageChildPropType
-};
 const allowedProps = exports.allowedProps = ['variant', 'children'];

package/lib/FormFieldMessages/index.js

@@ -90,5 +90,5 @@ let FormFieldMessages = exports.FormFieldMessages = (_dec = (0, _emotion.withSty
       })
     }) : null;
   }
-}, _FormFieldMessages.displayName = "FormFieldMessages", _FormFieldMessages.componentId = 'FormFieldMessages', _FormFieldMessages.propTypes = _props.propTypes, _FormFieldMessages.allowedProps = _props.allowedProps, _FormFieldMessages.defaultProps = {}, _FormFieldMessages)) || _class);
+}, _FormFieldMessages.displayName = "FormFieldMessages", _FormFieldMessages.componentId = 'FormFieldMessages', _FormFieldMessages.allowedProps = _props.allowedProps, _FormFieldMessages.defaultProps = {}, _FormFieldMessages)) || _class);
 var _default = exports.default = FormFieldMessages;

package/lib/FormFieldMessages/props.js

@@ -1,12 +1,9 @@
 "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");
+exports.allowedProps = void 0;
 /*
  * The MIT License (MIT)
  *
@@ -31,8 +28,4 @@ var _FormPropTypes = require("../FormPropTypes");
  * SOFTWARE.
  */
 
-const propTypes = exports.propTypes = {
-  messages: _propTypes.default.arrayOf(_FormPropTypes.FormPropTypes.message),
-  gridArea: _propTypes.default.string
-};
 const allowedProps = exports.allowedProps = ['messages', 'gridArea'];

package/lib/FormPropTypes.js

@@ -1,47 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
-exports.formMessageTypePropType = exports.formMessageChildPropType = exports.default = exports.FormPropTypes = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-const formMessageTypePropType = exports.formMessageTypePropType = _propTypes.default.oneOf(['error', 'newError', 'hint', 'success', 'screenreader-only']);
-const formMessageChildPropType = exports.formMessageChildPropType = _propTypes.default.node;
-
-// TODO it will be easier if this would be just a string
-/**
- * The text to display in the form message
- */
-
-const FormPropTypes = exports.FormPropTypes = {
-  message: _propTypes.default.shape({
-    type: formMessageTypePropType,
-    text: formMessageChildPropType
-  })
-};
-var _default = exports.default = FormPropTypes;
+});