@instructure/ui-table 10.26.1 → 11.0.0

package/CHANGELOG.md

@@ -3,9 +3,30 @@
 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.0](https://github.com/instructure/instructure-ui/compare/v10.26.0...v11.0.0) (2025-10-06)
 
-**Note:** Version bump only for package @instructure/ui-table
+
+### 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`
 
 
 

package/es/Table/Body/index.js

@@ -29,7 +29,7 @@ import { View } from '@instructure/ui-view';
 import { withStyle } from '@instructure/emotion';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
-import { allowedProps, propTypes } from './props';
+import { allowedProps } from './props';
 import TableContext from '../TableContext';
 
 /**
@@ -52,10 +52,7 @@ let Body = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
     const _this$props3 = this.props,
       children = _this$props3.children,
       styles = _this$props3.styles;
-    const _this$context = this.context,
-      isStacked = _this$context.isStacked,
-      hover = _this$context.hover,
-      headers = _this$context.headers;
+    const isStacked = this.context.isStacked;
     return _jsx(View, {
       ...View.omitViewProps(omitProps(this.props, Body.allowedProps), Body),
       as: isStacked ? 'div' : 'tbody',
@@ -64,23 +61,14 @@ let Body = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
       children: Children.map(children, child => {
         if (/*#__PURE__*/isValidElement(child)) {
           return safeCloneElement(child, {
-            key: child.props.name,
-            // Sent down for compatibility with custom components
-            // TODO DEPRECATED, remove in v11
-            hover,
-            // Sent down for compatibility with custom components
-            // TODO DEPRECATED, remove in v11
-            isStacked,
-            // Sent down for compatibility with custom components
-            // TODO DEPRECATED, remove in v11
-            headers
+            key: child.props.name
           });
         }
         return child;
       })
     });
   }
-}, _Body.displayName = "Body", _Body.componentId = 'Table.Body', _Body.contextType = TableContext, _Body.allowedProps = allowedProps, _Body.propTypes = propTypes, _Body.defaultProps = {
+}, _Body.displayName = "Body", _Body.componentId = 'Table.Body', _Body.contextType = TableContext, _Body.allowedProps = allowedProps, _Body.defaultProps = {
   children: null
 }, _Body)) || _class);
 export default Body;

package/es/Table/Body/props.js

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

package/es/Table/Cell/index.js

@@ -29,7 +29,7 @@ import { View } from '@instructure/ui-view';
 import { withStyle } from '@instructure/emotion';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
-import { allowedProps, propTypes } from './props';
+import { allowedProps } from './props';
 import TableContext from '../TableContext';
 
 /**
@@ -62,7 +62,7 @@ let Cell = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
       children: [header && callRenderProp(header), header && ': ', callRenderProp(children)]
     });
   }
-}, _Cell.displayName = "Cell", _Cell.componentId = 'Table.Cell', _Cell.contextType = TableContext, _Cell.allowedProps = allowedProps, _Cell.propTypes = propTypes, _Cell.defaultProps = {
+}, _Cell.displayName = "Cell", _Cell.componentId = 'Table.Cell', _Cell.contextType = TableContext, _Cell.allowedProps = allowedProps, _Cell.defaultProps = {
   textAlign: 'start',
   children: null
 }, _Cell)) || _class);

package/es/Table/Cell/props.js

@@ -22,11 +22,5 @@
  * SOFTWARE.
  */
 
-import PropTypes from 'prop-types';
-const propTypes = {
-  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
-  header: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
-  textAlign: PropTypes.oneOf(['start', 'center', 'end'])
-};
 const allowedProps = ['children', 'header', 'textAlign'];
-export { propTypes, allowedProps };
+export { allowedProps };

package/es/Table/ColHeader/index.js

@@ -29,7 +29,7 @@ import { IconMiniArrowUpLine, IconMiniArrowDownLine, IconMiniArrowDoubleLine } f
 import { withStyle } from '@instructure/emotion';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
-import { allowedProps, propTypes } from './props';
+import { allowedProps } from './props';
 
 /**
 ---
@@ -106,7 +106,7 @@ let ColHeader = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_
       }), !onRequestSort && children, !onRequestSort && this.renderSortArrow()]
     });
   }
-}, _ColHeader.displayName = "ColHeader", _ColHeader.componentId = 'Table.ColHeader', _ColHeader.allowedProps = allowedProps, _ColHeader.propTypes = propTypes, _ColHeader.defaultProps = {
+}, _ColHeader.displayName = "ColHeader", _ColHeader.componentId = 'Table.ColHeader', _ColHeader.allowedProps = allowedProps, _ColHeader.defaultProps = {
   textAlign: 'start',
   sortDirection: 'none',
   children: null,

package/es/Table/ColHeader/props.js

@@ -22,17 +22,5 @@
  * SOFTWARE.
  */
 
-import PropTypes from 'prop-types';
-const propTypes = {
-  isStacked: PropTypes.bool,
-  id: PropTypes.string.isRequired,
-  stackedSortByLabel: PropTypes.string,
-  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
-  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  textAlign: PropTypes.oneOf(['start', 'center', 'end']),
-  sortDirection: PropTypes.oneOf(['none', 'ascending', 'descending']),
-  onRequestSort: PropTypes.func,
-  scope: PropTypes.oneOf(['row', 'col', 'rowgroup', 'colgroup', 'auto'])
-};
-const allowedProps = ['id', 'isStacked', 'stackedSortByLabel', 'children', 'width', 'textAlign', 'sortDirection', 'onRequestSort', 'scope'];
-export { propTypes, allowedProps };
+const allowedProps = ['id', 'stackedSortByLabel', 'children', 'width', 'textAlign', 'sortDirection', 'onRequestSort', 'scope'];
+export { allowedProps };

package/es/Table/Head/index.js

@@ -33,7 +33,7 @@ import { warn } from '@instructure/console';
 import { withStyle } from '@instructure/emotion';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
-import { allowedProps, propTypes } from './props';
+import { allowedProps } from './props';
 import TableContext from '../TableContext';
 
 /**
@@ -161,15 +161,13 @@ let Head = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
     const _this$props4 = this.props,
       children = _this$props4.children,
       styles = _this$props4.styles;
-    return this.context.isStacked ? this.renderSelect() :
-    // TODO remove 'hover' exclude in v11, its passed down for compatibility with custom components
-    _jsx("thead", {
-      ...omitProps(this.props, Head.allowedProps, ['hover']),
+    return this.context.isStacked ? this.renderSelect() : _jsx("thead", {
+      ...omitProps(this.props, Head.allowedProps),
       css: styles === null || styles === void 0 ? void 0 : styles.head,
       children: children
     });
   }
-}, _Head.displayName = "Head", _Head.componentId = 'Table.Head', _Head.contextType = TableContext, _Head.allowedProps = allowedProps, _Head.propTypes = propTypes, _Head.defaultProps = {
+}, _Head.displayName = "Head", _Head.componentId = 'Table.Head', _Head.contextType = TableContext, _Head.allowedProps = allowedProps, _Head.defaultProps = {
   children: null
 }, _Head)) || _class);
 export default Head;

package/es/Table/Head/props.js

@@ -22,10 +22,5 @@
  * SOFTWARE.
  */
 
-import PropTypes from 'prop-types';
-const propTypes = {
-  children: PropTypes.node,
-  renderSortLabel: PropTypes.oneOfType([PropTypes.node, PropTypes.func])
-};
 const allowedProps = ['children', 'renderSortLabel'];
-export { propTypes, allowedProps };
+export { allowedProps };

package/es/Table/Row/index.js

@@ -29,7 +29,7 @@ import { View } from '@instructure/ui-view';
 import { withStyle } from '@instructure/emotion';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
-import { allowedProps, propTypes } from './props';
+import { allowedProps } from './props';
 import TableContext from '../TableContext';
 
 /**
@@ -69,9 +69,6 @@ let Row = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
         if (/*#__PURE__*/isValidElement(child)) {
           return safeCloneElement(child, {
             key: child.props.name,
-            // Sent down for compatibility with custom components
-            // TODO DEPRECATED, remove in v11
-            isStacked,
             // used by `Cell` to render its column title in `stacked` layout
             header: headers && headers[index]
           });
@@ -80,7 +77,7 @@ let Row = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
       })
     });
   }
-}, _Row.displayName = "Row", _Row.componentId = 'Table.Row', _Row.contextType = TableContext, _Row.allowedProps = allowedProps, _Row.propTypes = propTypes, _Row.defaultProps = {
+}, _Row.displayName = "Row", _Row.componentId = 'Table.Row', _Row.contextType = TableContext, _Row.allowedProps = allowedProps, _Row.defaultProps = {
   children: null
 }, _Row)) || _class);
 export default Row;

package/es/Table/Row/props.js

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

package/es/Table/RowHeader/index.js

@@ -29,7 +29,7 @@ import { View } from '@instructure/ui-view';
 import { withStyle } from '@instructure/emotion';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
-import { allowedProps, propTypes } from './props';
+import { allowedProps } from './props';
 import TableContext from '../TableContext';
 
 /**
@@ -62,7 +62,7 @@ let RowHeader = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_
       children: callRenderProp(children)
     });
   }
-}, _RowHeader.displayName = "RowHeader", _RowHeader.componentId = 'Table.RowHeader', _RowHeader.contextType = TableContext, _RowHeader.allowedProps = allowedProps, _RowHeader.propTypes = propTypes, _RowHeader.defaultProps = {
+}, _RowHeader.displayName = "RowHeader", _RowHeader.componentId = 'Table.RowHeader', _RowHeader.contextType = TableContext, _RowHeader.allowedProps = allowedProps, _RowHeader.defaultProps = {
   textAlign: 'start',
   children: null
 }, _RowHeader)) || _class);

package/es/Table/RowHeader/props.js

@@ -22,10 +22,5 @@
  * SOFTWARE.
  */
 
-import PropTypes from 'prop-types';
-const propTypes = {
-  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
-  textAlign: PropTypes.oneOf(['start', 'center', 'end'])
-};
 const allowedProps = ['children', 'textAlign'];
-export { propTypes, allowedProps };
+export { allowedProps };

package/es/Table/index.js

@@ -37,8 +37,9 @@ import { Row } from './Row';
 import { ColHeader } from './ColHeader';
 import { RowHeader } from './RowHeader';
 import { Cell } from './Cell';
-import { allowedProps, propTypes } from './props';
+import { allowedProps } from './props';
 import TableContext from './TableContext';
+import { error } from '@instructure/console';
 
 /**
 ---
@@ -90,6 +91,9 @@ let Table = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_clas
       styles = _this$props3.styles;
     const isStacked = layout === 'stacked';
     const headers = isStacked ? this.getHeaders() : void 0;
+    if (!caption) {
+      error(false, `[Table] required prop caption is not set.`);
+    }
     return _jsx(TableContext.Provider, {
       value: {
         isStacked: isStacked,
@@ -119,7 +123,7 @@ let Table = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_clas
       })
     });
   }
-}, _Table.displayName = "Table", _Table.componentId = 'Table', _Table.allowedProps = allowedProps, _Table.propTypes = propTypes, _Table.defaultProps = {
+}, _Table.displayName = "Table", _Table.componentId = 'Table', _Table.allowedProps = allowedProps, _Table.defaultProps = {
   children: null,
   hover: false,
   layout: 'auto'

package/es/Table/props.js

@@ -22,14 +22,5 @@
  * SOFTWARE.
  */
 
-import PropTypes from 'prop-types';
-const propTypes = {
-  caption: PropTypes.node.isRequired,
-  children: PropTypes.node,
-  margin: PropTypes.string,
-  elementRef: PropTypes.func,
-  hover: PropTypes.bool,
-  layout: PropTypes.oneOf(['auto', 'fixed', 'stacked'])
-};
 const allowedProps = ['caption', 'children', 'margin', 'elementRef', 'hover', 'layout'];
-export { propTypes, allowedProps };
+export { allowedProps };

package/lib/Table/Body/index.js

@@ -58,10 +58,7 @@ let Body = exports.Body = (_dec = (0, _emotion.withStyle)(_styles.default, _them
     const _this$props3 = this.props,
       children = _this$props3.children,
       styles = _this$props3.styles;
-    const _this$context = this.context,
-      isStacked = _this$context.isStacked,
-      hover = _this$context.hover,
-      headers = _this$context.headers;
+    const isStacked = this.context.isStacked;
     return (0, _jsxRuntime.jsx)(_View.View, {
       ..._View.View.omitViewProps((0, _omitProps.omitProps)(this.props, Body.allowedProps), Body),
       as: isStacked ? 'div' : 'tbody',
@@ -70,23 +67,14 @@ let Body = exports.Body = (_dec = (0, _emotion.withStyle)(_styles.default, _them
       children: _react.Children.map(children, child => {
         if (/*#__PURE__*/(0, _react.isValidElement)(child)) {
           return (0, _safeCloneElement.safeCloneElement)(child, {
-            key: child.props.name,
-            // Sent down for compatibility with custom components
-            // TODO DEPRECATED, remove in v11
-            hover,
-            // Sent down for compatibility with custom components
-            // TODO DEPRECATED, remove in v11
-            isStacked,
-            // Sent down for compatibility with custom components
-            // TODO DEPRECATED, remove in v11
-            headers
+            key: child.props.name
           });
         }
         return child;
       })
     });
   }
-}, _Body.displayName = "Body", _Body.componentId = 'Table.Body', _Body.contextType = _TableContext.default, _Body.allowedProps = _props.allowedProps, _Body.propTypes = _props.propTypes, _Body.defaultProps = {
+}, _Body.displayName = "Body", _Body.componentId = 'Table.Body', _Body.contextType = _TableContext.default, _Body.allowedProps = _props.allowedProps, _Body.defaultProps = {
   children: null
 }, _Body)) || _class);
 var _default = exports.default = Body;

package/lib/Table/Body/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,7 +28,4 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
  * SOFTWARE.
  */
 
-const propTypes = exports.propTypes = {
-  children: _propTypes.default.node
-};
 const allowedProps = exports.allowedProps = ['children'];

package/lib/Table/Cell/index.js

@@ -68,7 +68,7 @@ let Cell = exports.Cell = (_dec = (0, _emotion.withStyle)(_styles.default, _them
       children: [header && (0, _callRenderProp.callRenderProp)(header), header && ': ', (0, _callRenderProp.callRenderProp)(children)]
     });
   }
-}, _Cell.displayName = "Cell", _Cell.componentId = 'Table.Cell', _Cell.contextType = _TableContext.default, _Cell.allowedProps = _props.allowedProps, _Cell.propTypes = _props.propTypes, _Cell.defaultProps = {
+}, _Cell.displayName = "Cell", _Cell.componentId = 'Table.Cell', _Cell.contextType = _TableContext.default, _Cell.allowedProps = _props.allowedProps, _Cell.defaultProps = {
   textAlign: 'start',
   children: null
 }, _Cell)) || _class);

package/lib/Table/Cell/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,9 +28,4 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
  * SOFTWARE.
  */
 
-const propTypes = exports.propTypes = {
-  children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
-  header: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
-  textAlign: _propTypes.default.oneOf(['start', 'center', 'end'])
-};
 const allowedProps = exports.allowedProps = ['children', 'header', 'textAlign'];

package/lib/Table/ColHeader/index.js

@@ -114,7 +114,7 @@ let ColHeader = exports.ColHeader = (_dec = (0, _emotion.withStyle)(_styles.defa
       }), !onRequestSort && children, !onRequestSort && this.renderSortArrow()]
     });
   }
-}, _ColHeader.displayName = "ColHeader", _ColHeader.componentId = 'Table.ColHeader', _ColHeader.allowedProps = _props.allowedProps, _ColHeader.propTypes = _props.propTypes, _ColHeader.defaultProps = {
+}, _ColHeader.displayName = "ColHeader", _ColHeader.componentId = 'Table.ColHeader', _ColHeader.allowedProps = _props.allowedProps, _ColHeader.defaultProps = {
   textAlign: 'start',
   sortDirection: 'none',
   children: null,

package/lib/Table/ColHeader/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,15 +28,4 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
  * SOFTWARE.
  */
 
-const propTypes = exports.propTypes = {
-  isStacked: _propTypes.default.bool,
-  id: _propTypes.default.string.isRequired,
-  stackedSortByLabel: _propTypes.default.string,
-  children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
-  width: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
-  textAlign: _propTypes.default.oneOf(['start', 'center', 'end']),
-  sortDirection: _propTypes.default.oneOf(['none', 'ascending', 'descending']),
-  onRequestSort: _propTypes.default.func,
-  scope: _propTypes.default.oneOf(['row', 'col', 'rowgroup', 'colgroup', 'auto'])
-};
-const allowedProps = exports.allowedProps = ['id', 'isStacked', 'stackedSortByLabel', 'children', 'width', 'textAlign', 'sortDirection', 'onRequestSort', 'scope'];
+const allowedProps = exports.allowedProps = ['id', 'stackedSortByLabel', 'children', 'width', 'textAlign', 'sortDirection', 'onRequestSort', 'scope'];

package/lib/Table/Head/index.js

@@ -167,15 +167,13 @@ let Head = exports.Head = (_dec = (0, _emotion.withStyle)(_styles.default, _them
     const _this$props4 = this.props,
       children = _this$props4.children,
       styles = _this$props4.styles;
-    return this.context.isStacked ? this.renderSelect() :
-    // TODO remove 'hover' exclude in v11, its passed down for compatibility with custom components
-    (0, _jsxRuntime.jsx)("thead", {
-      ...(0, _omitProps.omitProps)(this.props, Head.allowedProps, ['hover']),
+    return this.context.isStacked ? this.renderSelect() : (0, _jsxRuntime.jsx)("thead", {
+      ...(0, _omitProps.omitProps)(this.props, Head.allowedProps),
       css: styles === null || styles === void 0 ? void 0 : styles.head,
       children: children
     });
   }
-}, _Head.displayName = "Head", _Head.componentId = 'Table.Head', _Head.contextType = _TableContext.default, _Head.allowedProps = _props.allowedProps, _Head.propTypes = _props.propTypes, _Head.defaultProps = {
+}, _Head.displayName = "Head", _Head.componentId = 'Table.Head', _Head.contextType = _TableContext.default, _Head.allowedProps = _props.allowedProps, _Head.defaultProps = {
   children: null
 }, _Head)) || _class);
 var _default = exports.default = Head;

package/lib/Table/Head/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,
-  renderSortLabel: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func])
-};
 const allowedProps = exports.allowedProps = ['children', 'renderSortLabel'];

package/lib/Table/Row/index.js

@@ -75,9 +75,6 @@ let Row = exports.Row = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
         if (/*#__PURE__*/(0, _react.isValidElement)(child)) {
           return (0, _safeCloneElement.safeCloneElement)(child, {
             key: child.props.name,
-            // Sent down for compatibility with custom components
-            // TODO DEPRECATED, remove in v11
-            isStacked,
             // used by `Cell` to render its column title in `stacked` layout
             header: headers && headers[index]
           });
@@ -86,7 +83,7 @@ let Row = exports.Row = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
       })
     });
   }
-}, _Row.displayName = "Row", _Row.componentId = 'Table.Row', _Row.contextType = _TableContext.default, _Row.allowedProps = _props.allowedProps, _Row.propTypes = _props.propTypes, _Row.defaultProps = {
+}, _Row.displayName = "Row", _Row.componentId = 'Table.Row', _Row.contextType = _TableContext.default, _Row.allowedProps = _props.allowedProps, _Row.defaultProps = {
   children: null
 }, _Row)) || _class);
 var _default = exports.default = Row;

package/lib/Table/Row/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,
-  setHoverStateTo: _propTypes.default.bool
-};
 const allowedProps = exports.allowedProps = ['children', 'setHoverStateTo'];

package/lib/Table/RowHeader/index.js

@@ -68,7 +68,7 @@ let RowHeader = exports.RowHeader = (_dec = (0, _emotion.withStyle)(_styles.defa
       children: (0, _callRenderProp.callRenderProp)(children)
     });
   }
-}, _RowHeader.displayName = "RowHeader", _RowHeader.componentId = 'Table.RowHeader', _RowHeader.contextType = _TableContext.default, _RowHeader.allowedProps = _props.allowedProps, _RowHeader.propTypes = _props.propTypes, _RowHeader.defaultProps = {
+}, _RowHeader.displayName = "RowHeader", _RowHeader.componentId = 'Table.RowHeader', _RowHeader.contextType = _TableContext.default, _RowHeader.allowedProps = _props.allowedProps, _RowHeader.defaultProps = {
   textAlign: 'start',
   children: null
 }, _RowHeader)) || _class);

package/lib/Table/RowHeader/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.oneOfType([_propTypes.default.node, _propTypes.default.func]),
-  textAlign: _propTypes.default.oneOf(['start', 'center', 'end'])
-};
 const allowedProps = exports.allowedProps = ['children', 'textAlign'];

package/lib/Table/index.js

@@ -22,6 +22,7 @@ var _RowHeader = require("./RowHeader");
 var _Cell = require("./Cell");
 var _props = require("./props");
 var _TableContext = _interopRequireDefault(require("./TableContext"));
+var _console = require("@instructure/console");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _dec, _class, _Table;
 /*
@@ -96,6 +97,9 @@ let Table = exports.Table = (_dec = (0, _emotion.withStyle)(_styles.default, _th
       styles = _this$props3.styles;
     const isStacked = layout === 'stacked';
     const headers = isStacked ? this.getHeaders() : void 0;
+    if (!caption) {
+      (0, _console.error)(false, `[Table] required prop caption is not set.`);
+    }
     return (0, _jsxRuntime.jsx)(_TableContext.default.Provider, {
       value: {
         isStacked: isStacked,
@@ -125,7 +129,7 @@ let Table = exports.Table = (_dec = (0, _emotion.withStyle)(_styles.default, _th
       })
     });
   }
-}, _Table.displayName = "Table", _Table.componentId = 'Table', _Table.allowedProps = _props.allowedProps, _Table.propTypes = _props.propTypes, _Table.defaultProps = {
+}, _Table.displayName = "Table", _Table.componentId = 'Table', _Table.allowedProps = _props.allowedProps, _Table.defaultProps = {
   children: null,
   hover: false,
   layout: 'auto'

package/lib/Table/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,12 +28,4 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
  * SOFTWARE.
  */
 
-const propTypes = exports.propTypes = {
-  caption: _propTypes.default.node.isRequired,
-  children: _propTypes.default.node,
-  margin: _propTypes.default.string,
-  elementRef: _propTypes.default.func,
-  hover: _propTypes.default.bool,
-  layout: _propTypes.default.oneOf(['auto', 'fixed', 'stacked'])
-};
 const allowedProps = exports.allowedProps = ['caption', 'children', 'margin', 'elementRef', 'hover', 'layout'];