@instructure/ui-form-field 8.12.1-snapshot.7 → 8.13.0

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.13.0](https://github.com/instructure/instructure-ui/compare/v8.12.0...v8.13.0) (2021-12-01)
+
+### Features
+
+- **ui-form-field:** make FormField messages accept `ReactNode` text, not just `string` ([4d36973](https://github.com/instructure/instructure-ui/commit/4d369733414715a70bae0628378e8d82214eab3e))
+
 # [8.12.0](https://github.com/instructure/instructure-ui/compare/v8.11.1...v8.12.0) (2021-11-17)
 
 **Note:** Version bump only for package @instructure/ui-form-field

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 => {
@@ -80,7 +80,7 @@ let FormFieldGroup = (_dec = withStyle(generateStyle, generateComponentTheme), _
   renderColumns() {
     return Children.map(this.props.children, (child, index) => {
       return child ? jsx(Grid.Col, {
-        width: child.props && child.props.width ? 'auto' : null,
+        width: child.props && child.props.width ? 'auto' : void 0,
         key: index
       }, child) : null;
     });

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/index.js

@@ -124,8 +124,8 @@ let FormFieldLayout = (_dec = withStyle(generateStyle, null), _dec(_class = (_te
 
   renderVisibleMessages() {
     return this.hasMessages ? jsx(Grid.Row, null, jsx(Grid.Col, {
-      offset: this.inlineContainerAndLabel ? null : 3,
-      textAlign: this.inlineContainerAndLabel ? 'end' : null
+      offset: this.inlineContainerAndLabel ? void 0 : 3,
+      textAlign: this.inlineContainerAndLabel ? 'end' : void 0
     }, jsx(FormFieldMessages, {
       id: this._messagesId,
       messages: this.props.messages
@@ -155,7 +155,7 @@ let FormFieldLayout = (_dec = withStyle(generateStyle, null), _dec(_class = (_te
       colSpacing: "small",
       startAt: layout === 'inline' && this.hasVisibleLabel ? 'medium' : null
     }, pickProps(props, Grid.allowedProps)), jsx(Grid.Row, null, this.renderLabel(), jsx(Grid.Col, {
-      width: this.inlineContainerAndLabel ? 'auto' : null,
+      width: this.inlineContainerAndLabel ? 'auto' : void 0,
       elementRef: this.handleInputContainerRef
     }, children)), this.renderVisibleMessages()));
   }

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 => {
@@ -74,7 +74,7 @@ let FormFieldGroup = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
   renderColumns() {
     return _react.Children.map(this.props.children, (child, index) => {
       return child ? (0, _emotion.jsx)(_Grid.Grid.Col, {
-        width: child.props && child.props.width ? 'auto' : null,
+        width: child.props && child.props.width ? 'auto' : void 0,
         key: index
       }, child) : null;
     });

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"));
 
@@ -124,8 +124,8 @@ let FormFieldLayout = (_dec = (0, _emotion.withStyle)(_styles.default, null), _d
 
   renderVisibleMessages() {
     return this.hasMessages ? (0, _emotion.jsx)(_Grid.Grid.Row, null, (0, _emotion.jsx)(_Grid.Grid.Col, {
-      offset: this.inlineContainerAndLabel ? null : 3,
-      textAlign: this.inlineContainerAndLabel ? 'end' : null
+      offset: this.inlineContainerAndLabel ? void 0 : 3,
+      textAlign: this.inlineContainerAndLabel ? 'end' : void 0
     }, (0, _emotion.jsx)(_FormFieldMessages.FormFieldMessages, {
       id: this._messagesId,
       messages: this.props.messages
@@ -153,7 +153,7 @@ let FormFieldLayout = (_dec = (0, _emotion.withStyle)(_styles.default, null), _d
       colSpacing: "small",
       startAt: layout === 'inline' && this.hasVisibleLabel ? 'medium' : null
     }, (0, _pickProps.pickProps)(props, _Grid.Grid.allowedProps)), (0, _emotion.jsx)(_Grid.Grid.Row, null, this.renderLabel(), (0, _emotion.jsx)(_Grid.Grid.Col, {
-      width: this.inlineContainerAndLabel ? 'auto' : null,
+      width: this.inlineContainerAndLabel ? 'auto' : void 0,
       elementRef: this.handleInputContainerRef
     }, children)), this.renderVisibleMessages()));
   }

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.7+1e7ac8219",
+  "version": "8.13.0",
   "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.7+1e7ac8219",
-    "@instructure/ui-test-utils": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-themes": "8.12.1-snapshot.7+1e7ac8219"
+    "@instructure/ui-babel-preset": "8.13.0",
+    "@instructure/ui-test-utils": "8.13.0",
+    "@instructure/ui-themes": "8.13.0"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/emotion": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/shared-types": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-a11y-content": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-a11y-utils": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-grid": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-icons": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-react-utils": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/ui-utils": "8.12.1-snapshot.7+1e7ac8219",
-    "@instructure/uid": "8.12.1-snapshot.7+1e7ac8219",
+    "@instructure/console": "8.13.0",
+    "@instructure/emotion": "8.13.0",
+    "@instructure/shared-types": "8.13.0",
+    "@instructure/ui-a11y-content": "8.13.0",
+    "@instructure/ui-a11y-utils": "8.13.0",
+    "@instructure/ui-grid": "8.13.0",
+    "@instructure/ui-icons": "8.13.0",
+    "@instructure/ui-react-utils": "8.13.0",
+    "@instructure/ui-utils": "8.13.0",
+    "@instructure/uid": "8.13.0",
     "prop-types": "^15"
   },
   "peerDependencies": {
@@ -47,6 +47,5 @@
   },
   "publishConfig": {
     "access": "public"
-  },
-  "gitHead": "1e7ac821932a91fe9ef761c96f747c7ea1f3925a"
+  }
 }

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/index.tsx

@@ -23,7 +23,7 @@
  */
 
 /** @jsx jsx */
-import { Component, Children } from 'react'
+import { Component, Children, ReactElement } from 'react'
 
 import { Grid } from '@instructure/ui-grid'
 import { pickProps, omitProps } from '@instructure/ui-react-utils'
@@ -97,8 +97,11 @@ class FormFieldGroup extends Component<FormFieldGroupProps> {
     return Children.map(this.props.children, (child, index) => {
       return child ? (
         <Grid.Col
-          // @ts-expect-error ts-migrate(2339) FIXME: Property 'props' does not exist on type 'string | ... Remove this comment to see the full error message
-          width={child.props && child.props.width ? 'auto' : null}
+          width={
+            (child as ReactElement).props && (child as ReactElement).props.width
+              ? 'auto'
+              : undefined
+          }
           key={index}
         >
           {child}

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/index.tsx

@@ -167,9 +167,8 @@ class FormFieldLayout extends Component<FormFieldLayoutProps> {
     return this.hasMessages ? (
       <Grid.Row>
         <Grid.Col
-          offset={this.inlineContainerAndLabel ? null : 3}
-          // @ts-expect-error ts-migrate(2769) FIXME: No overload matches this call.
-          textAlign={this.inlineContainerAndLabel ? 'end' : null}
+          offset={this.inlineContainerAndLabel ? undefined : 3}
+          textAlign={this.inlineContainerAndLabel ? 'end' : undefined}
         >
           <FormFieldMessages
             // @ts-expect-error ts-migrate(2769) FIXME: No overload matches this call.
@@ -211,7 +210,7 @@ class FormFieldLayout extends Component<FormFieldLayoutProps> {
           <Grid.Row>
             {this.renderLabel()}
             <Grid.Col
-              width={this.inlineContainerAndLabel ? 'auto' : null}
+              width={this.inlineContainerAndLabel ? 'auto' : undefined}
               elementRef={this.handleInputContainerRef}
             >
               {children}

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/FormFieldGroup/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FormFieldGroup/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAI3C,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAQrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAE5E;;;;GAIG;AACH,cACM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,QAAQ,CAAC,WAAW,oBAAmB;IAE9C,MAAM,CAAC,SAAS;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;MAOlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,IAAI,mBAAmB,IAAI,wBAAwB,CAElD;IAED,IAAI,OAAO,YAOV;IAED,aAAa;IAcb,cAAc;IAgBd,YAAY;IAUZ,MAAM;CAmBP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FormFieldGroup/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAA0B,MAAM,OAAO,CAAA;AAIzD,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAQrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAE5E;;;;GAIG;AACH,cACM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,QAAQ,CAAC,WAAW,oBAAmB;IAE9C,MAAM,CAAC,SAAS;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;MAOlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,IAAI,mBAAmB,IAAI,wBAAwB,CAElD;IAED,IAAI,OAAO,YAOV;IAED,aAAa;IAiBb,cAAc;IAgBd,YAAY;IAUZ,MAAM;CAmBP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}

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/FormFieldLayout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FormFieldLayout/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAajC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAQrD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEnD;;;;GAIG;AACH,cACM,eAAgB,SAAQ,SAAS,CAAC,oBAAoB,CAAC;IAC3D,MAAM,CAAC,QAAQ,CAAC,WAAW,qBAAoB;IAE/C,MAAM,CAAC,SAAS;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;MAMT;gBAGE,KAAK,KAAA;IAejB,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,IAAI,eAAe,wCAElB;IAED,IAAI,WAAW,wBAEd;IAED,IAAI,WAAW,wEAEd;IAED,IAAI,uBAAuB,wBAG1B;IAGD,uBAAuB,sBAItB;IAED,WAAW;IAsBX,YAAY;IAaZ,qBAAqB;IAkBrB,MAAM;CAyCP;AAED,eAAe,eAAe,CAAA;AAC9B,OAAO,EAAE,eAAe,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FormFieldLayout/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAajC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAQrD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEnD;;;;GAIG;AACH,cACM,eAAgB,SAAQ,SAAS,CAAC,oBAAoB,CAAC;IAC3D,MAAM,CAAC,QAAQ,CAAC,WAAW,qBAAoB;IAE/C,MAAM,CAAC,SAAS;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;MAMT;gBAGE,KAAK,KAAA;IAejB,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,IAAI,eAAe,wCAElB;IAED,IAAI,WAAW,wBAEd;IAED,IAAI,WAAW,wEAEd;IAED,IAAI,uBAAuB,wBAG1B;IAGD,uBAAuB,sBAItB;IAED,WAAW;IAsBX,YAAY;IAaZ,qBAAqB;IAiBrB,MAAM;CAyCP;AAED,eAAe,eAAe,CAAA;AAC9B,OAAO,EAAE,eAAe,EAAE,CAAA"}

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"}

package/LICENSE.md

@@ -1,27 +0,0 @@
----
-title: The MIT License (MIT)
-category: Getting Started
-order: 9
----
-
-# The MIT License (MIT)
-
-Copyright (c) 2015 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.