@instructure/ui-table 10.26.1-snapshot-2 → 10.26.2

package/CHANGELOG.md

@@ -3,30 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [10.26.1-snapshot-2](https://github.com/instructure/instructure-ui/compare/v10.26.0...v10.26.1-snapshot-2) (2025-10-06)
+## [10.26.2](https://github.com/instructure/instructure-ui/compare/v10.26.1...v10.26.2) (2025-10-13)
 
+**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`
+## [10.26.1](https://github.com/instructure/instructure-ui/compare/v10.26.0...v10.26.1) (2025-10-06)
+
+**Note:** Version bump only for package @instructure/ui-table
 
 
 

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 } from './props';
+import { allowedProps, propTypes } from './props';
 import TableContext from '../TableContext';
 
 /**
@@ -52,7 +52,10 @@ let Body = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
     const _this$props3 = this.props,
       children = _this$props3.children,
       styles = _this$props3.styles;
-    const isStacked = this.context.isStacked;
+    const _this$context = this.context,
+      isStacked = _this$context.isStacked,
+      hover = _this$context.hover,
+      headers = _this$context.headers;
     return _jsx(View, {
       ...View.omitViewProps(omitProps(this.props, Body.allowedProps), Body),
       as: isStacked ? 'div' : 'tbody',
@@ -61,14 +64,23 @@ let Body = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
       children: Children.map(children, child => {
         if (/*#__PURE__*/isValidElement(child)) {
           return safeCloneElement(child, {
-            key: child.props.name
+            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
           });
         }
         return child;
       })
     });
   }
-}, _Body.displayName = "Body", _Body.componentId = 'Table.Body', _Body.contextType = TableContext, _Body.allowedProps = allowedProps, _Body.defaultProps = {
+}, _Body.displayName = "Body", _Body.componentId = 'Table.Body', _Body.contextType = TableContext, _Body.allowedProps = allowedProps, _Body.propTypes = propTypes, _Body.defaultProps = {
   children: null
 }, _Body)) || _class);
 export default Body;

package/es/Table/Body/props.js

@@ -22,5 +22,9 @@
  * SOFTWARE.
  */
 
+import PropTypes from 'prop-types';
+const propTypes = {
+  children: PropTypes.node
+};
 const allowedProps = ['children'];
-export { allowedProps };
+export { propTypes, 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 } from './props';
+import { allowedProps, propTypes } 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.defaultProps = {
+}, _Cell.displayName = "Cell", _Cell.componentId = 'Table.Cell', _Cell.contextType = TableContext, _Cell.allowedProps = allowedProps, _Cell.propTypes = propTypes, _Cell.defaultProps = {
   textAlign: 'start',
   children: null
 }, _Cell)) || _class);

package/es/Table/Cell/props.js

@@ -22,5 +22,11 @@
  * 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 { allowedProps };
+export { propTypes, 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 } from './props';
+import { allowedProps, propTypes } 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.defaultProps = {
+}, _ColHeader.displayName = "ColHeader", _ColHeader.componentId = 'Table.ColHeader', _ColHeader.allowedProps = allowedProps, _ColHeader.propTypes = propTypes, _ColHeader.defaultProps = {
   textAlign: 'start',
   sortDirection: 'none',
   children: null,

package/es/Table/ColHeader/props.js

@@ -22,5 +22,17 @@
  * SOFTWARE.
  */
 
-const allowedProps = ['id', 'stackedSortByLabel', 'children', 'width', 'textAlign', 'sortDirection', 'onRequestSort', 'scope'];
-export { allowedProps };
+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 };

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 } from './props';
+import { allowedProps, propTypes } from './props';
 import TableContext from '../TableContext';
 
 /**
@@ -161,13 +161,15 @@ 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() : _jsx("thead", {
-      ...omitProps(this.props, Head.allowedProps),
+    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']),
       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.defaultProps = {
+}, _Head.displayName = "Head", _Head.componentId = 'Table.Head', _Head.contextType = TableContext, _Head.allowedProps = allowedProps, _Head.propTypes = propTypes, _Head.defaultProps = {
   children: null
 }, _Head)) || _class);
 export default Head;

package/es/Table/Head/props.js

@@ -22,5 +22,10 @@
  * SOFTWARE.
  */
 
+import PropTypes from 'prop-types';
+const propTypes = {
+  children: PropTypes.node,
+  renderSortLabel: PropTypes.oneOfType([PropTypes.node, PropTypes.func])
+};
 const allowedProps = ['children', 'renderSortLabel'];
-export { allowedProps };
+export { propTypes, 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 } from './props';
+import { allowedProps, propTypes } from './props';
 import TableContext from '../TableContext';
 
 /**
@@ -69,6 +69,9 @@ 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]
           });
@@ -77,7 +80,7 @@ let Row = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
       })
     });
   }
-}, _Row.displayName = "Row", _Row.componentId = 'Table.Row', _Row.contextType = TableContext, _Row.allowedProps = allowedProps, _Row.defaultProps = {
+}, _Row.displayName = "Row", _Row.componentId = 'Table.Row', _Row.contextType = TableContext, _Row.allowedProps = allowedProps, _Row.propTypes = propTypes, _Row.defaultProps = {
   children: null
 }, _Row)) || _class);
 export default Row;

package/es/Table/Row/props.js

@@ -22,5 +22,10 @@
  * SOFTWARE.
  */
 
+import PropTypes from 'prop-types';
+const propTypes = {
+  children: PropTypes.node,
+  setHoverStateTo: PropTypes.bool
+};
 const allowedProps = ['children', 'setHoverStateTo'];
-export { allowedProps };
+export { propTypes, 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 } from './props';
+import { allowedProps, propTypes } 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.defaultProps = {
+}, _RowHeader.displayName = "RowHeader", _RowHeader.componentId = 'Table.RowHeader', _RowHeader.contextType = TableContext, _RowHeader.allowedProps = allowedProps, _RowHeader.propTypes = propTypes, _RowHeader.defaultProps = {
   textAlign: 'start',
   children: null
 }, _RowHeader)) || _class);

package/es/Table/RowHeader/props.js

@@ -22,5 +22,10 @@
  * 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 { allowedProps };
+export { propTypes, allowedProps };

package/es/Table/index.js

@@ -37,9 +37,8 @@ import { Row } from './Row';
 import { ColHeader } from './ColHeader';
 import { RowHeader } from './RowHeader';
 import { Cell } from './Cell';
-import { allowedProps } from './props';
+import { allowedProps, propTypes } from './props';
 import TableContext from './TableContext';
-import { error } from '@instructure/console';
 
 /**
 ---
@@ -91,9 +90,6 @@ 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,
@@ -123,7 +119,7 @@ let Table = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_clas
       })
     });
   }
-}, _Table.displayName = "Table", _Table.componentId = 'Table', _Table.allowedProps = allowedProps, _Table.defaultProps = {
+}, _Table.displayName = "Table", _Table.componentId = 'Table', _Table.allowedProps = allowedProps, _Table.propTypes = propTypes, _Table.defaultProps = {
   children: null,
   hover: false,
   layout: 'auto'

package/es/Table/props.js

@@ -22,5 +22,14 @@
  * 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 { allowedProps };
+export { propTypes, allowedProps };

package/lib/Table/Body/index.js

@@ -58,7 +58,10 @@ 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 isStacked = this.context.isStacked;
+    const _this$context = this.context,
+      isStacked = _this$context.isStacked,
+      hover = _this$context.hover,
+      headers = _this$context.headers;
     return (0, _jsxRuntime.jsx)(_View.View, {
       ..._View.View.omitViewProps((0, _omitProps.omitProps)(this.props, Body.allowedProps), Body),
       as: isStacked ? 'div' : 'tbody',
@@ -67,14 +70,23 @@ 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
+            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
           });
         }
         return child;
       })
     });
   }
-}, _Body.displayName = "Body", _Body.componentId = 'Table.Body', _Body.contextType = _TableContext.default, _Body.allowedProps = _props.allowedProps, _Body.defaultProps = {
+}, _Body.displayName = "Body", _Body.componentId = 'Table.Body', _Body.contextType = _TableContext.default, _Body.allowedProps = _props.allowedProps, _Body.propTypes = _props.propTypes, _Body.defaultProps = {
   children: null
 }, _Body)) || _class);
 var _default = exports.default = Body;

package/lib/Table/Body/props.js

@@ -1,9 +1,11 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.allowedProps = void 0;
+exports.propTypes = exports.allowedProps = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
 /*
  * The MIT License (MIT)
  *
@@ -28,4 +30,7 @@ exports.allowedProps = void 0;
  * 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.defaultProps = {
+}, _Cell.displayName = "Cell", _Cell.componentId = 'Table.Cell', _Cell.contextType = _TableContext.default, _Cell.allowedProps = _props.allowedProps, _Cell.propTypes = _props.propTypes, _Cell.defaultProps = {
   textAlign: 'start',
   children: null
 }, _Cell)) || _class);

package/lib/Table/Cell/props.js

@@ -1,9 +1,11 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.allowedProps = void 0;
+exports.propTypes = exports.allowedProps = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
 /*
  * The MIT License (MIT)
  *
@@ -28,4 +30,9 @@ exports.allowedProps = void 0;
  * 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.defaultProps = {
+}, _ColHeader.displayName = "ColHeader", _ColHeader.componentId = 'Table.ColHeader', _ColHeader.allowedProps = _props.allowedProps, _ColHeader.propTypes = _props.propTypes, _ColHeader.defaultProps = {
   textAlign: 'start',
   sortDirection: 'none',
   children: null,

package/lib/Table/ColHeader/props.js

@@ -1,9 +1,11 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.allowedProps = void 0;
+exports.propTypes = exports.allowedProps = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
 /*
  * The MIT License (MIT)
  *
@@ -28,4 +30,15 @@ exports.allowedProps = void 0;
  * SOFTWARE.
  */
 
-const allowedProps = exports.allowedProps = ['id', 'stackedSortByLabel', 'children', 'width', 'textAlign', 'sortDirection', 'onRequestSort', 'scope'];
+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'];

package/lib/Table/Head/index.js

@@ -167,13 +167,15 @@ 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() : (0, _jsxRuntime.jsx)("thead", {
-      ...(0, _omitProps.omitProps)(this.props, Head.allowedProps),
+    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']),
       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.defaultProps = {
+}, _Head.displayName = "Head", _Head.componentId = 'Table.Head', _Head.contextType = _TableContext.default, _Head.allowedProps = _props.allowedProps, _Head.propTypes = _props.propTypes, _Head.defaultProps = {
   children: null
 }, _Head)) || _class);
 var _default = exports.default = Head;

package/lib/Table/Head/props.js

@@ -1,9 +1,11 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.allowedProps = void 0;
+exports.propTypes = exports.allowedProps = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
 /*
  * The MIT License (MIT)
  *
@@ -28,4 +30,8 @@ exports.allowedProps = void 0;
  * 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,6 +75,9 @@ 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]
           });
@@ -83,7 +86,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.defaultProps = {
+}, _Row.displayName = "Row", _Row.componentId = 'Table.Row', _Row.contextType = _TableContext.default, _Row.allowedProps = _props.allowedProps, _Row.propTypes = _props.propTypes, _Row.defaultProps = {
   children: null
 }, _Row)) || _class);
 var _default = exports.default = Row;

package/lib/Table/Row/props.js

@@ -1,9 +1,11 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.allowedProps = void 0;
+exports.propTypes = exports.allowedProps = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
 /*
  * The MIT License (MIT)
  *
@@ -28,4 +30,8 @@ exports.allowedProps = void 0;
  * 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.defaultProps = {
+}, _RowHeader.displayName = "RowHeader", _RowHeader.componentId = 'Table.RowHeader', _RowHeader.contextType = _TableContext.default, _RowHeader.allowedProps = _props.allowedProps, _RowHeader.propTypes = _props.propTypes, _RowHeader.defaultProps = {
   textAlign: 'start',
   children: null
 }, _RowHeader)) || _class);

package/lib/Table/RowHeader/props.js

@@ -1,9 +1,11 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.allowedProps = void 0;
+exports.propTypes = exports.allowedProps = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
 /*
  * The MIT License (MIT)
  *
@@ -28,4 +30,8 @@ exports.allowedProps = void 0;
  * 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,7 +22,6 @@ 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;
 /*
@@ -97,9 +96,6 @@ 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,
@@ -129,7 +125,7 @@ let Table = exports.Table = (_dec = (0, _emotion.withStyle)(_styles.default, _th
       })
     });
   }
-}, _Table.displayName = "Table", _Table.componentId = 'Table', _Table.allowedProps = _props.allowedProps, _Table.defaultProps = {
+}, _Table.displayName = "Table", _Table.componentId = 'Table', _Table.allowedProps = _props.allowedProps, _Table.propTypes = _props.propTypes, _Table.defaultProps = {
   children: null,
   hover: false,
   layout: 'auto'

package/lib/Table/props.js

@@ -1,9 +1,11 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.allowedProps = void 0;
+exports.propTypes = exports.allowedProps = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
 /*
  * The MIT License (MIT)
  *
@@ -28,4 +30,12 @@ exports.allowedProps = void 0;
  * 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'];