@instructure/ui-grid 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-grid
+
+### 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/Grid/index.js

@@ -33,7 +33,7 @@ import { GridCol } from '../GridCol';
 import { withStyle } from '@instructure/emotion';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
-import { propTypes, allowedProps } from './props';
+import { allowedProps } from './props';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /**
 ---
@@ -86,7 +86,7 @@ let Grid = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
       children: this.renderChildren()
     });
   }
-}, _Grid.displayName = "Grid", _Grid.componentId = 'Grid', _Grid.propTypes = propTypes, _Grid.allowedProps = allowedProps, _Grid.defaultProps = {
+}, _Grid.displayName = "Grid", _Grid.componentId = 'Grid', _Grid.allowedProps = allowedProps, _Grid.defaultProps = {
   colSpacing: 'medium',
   rowSpacing: 'medium',
   hAlign: 'start',

package/es/Grid/props.js

@@ -22,18 +22,5 @@
  * SOFTWARE.
  */
 
-import PropTypes from 'prop-types';
-import { Children as ChildrenPropTypes } from '@instructure/ui-prop-types';
-import { ScreenReaderContent } from '@instructure/ui-a11y-content';
-import { GridRow } from '../GridRow';
-const propTypes = {
-  children: ChildrenPropTypes.oneOf([GridRow, ScreenReaderContent]),
-  colSpacing: PropTypes.oneOf(['none', 'small', 'medium', 'large']),
-  rowSpacing: PropTypes.oneOf(['none', 'small', 'medium', 'large']),
-  hAlign: PropTypes.oneOf(['start', 'center', 'end', 'space-around', 'space-between']),
-  vAlign: PropTypes.oneOf(['top', 'middle', 'bottom', 'stretch']),
-  startAt: PropTypes.oneOf(['small', 'medium', 'large', 'x-large', null]),
-  visualDebug: PropTypes.bool
-};
 const allowedProps = ['children', 'colSpacing', 'rowSpacing', 'hAlign', 'vAlign', 'startAt', 'visualDebug'];
-export { propTypes, allowedProps };
+export { allowedProps };

package/es/GridCol/index.js

@@ -29,7 +29,7 @@ import { withStyle } from '@instructure/emotion';
 import { logWarn as warn } from '@instructure/console';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
-import { propTypes, allowedProps } from './props';
+import { allowedProps } from './props';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /**
 ---
@@ -91,7 +91,7 @@ let GridCol = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_cl
       children: children
     });
   }
-}, _GridCol.displayName = "GridCol", _GridCol.componentId = 'Grid.Col', _GridCol.propTypes = propTypes, _GridCol.allowedProps = allowedProps, _GridCol.defaultProps = {
+}, _GridCol.displayName = "GridCol", _GridCol.componentId = 'Grid.Col', _GridCol.allowedProps = allowedProps, _GridCol.defaultProps = {
   textAlign: 'inherit',
   children: null,
   isLastCol: false,

package/es/GridCol/props.js

@@ -22,33 +22,5 @@
  * SOFTWARE.
  */
 
-import PropTypes from 'prop-types';
-// TODO: get numcols from theme config
-const COL_WIDTHS = PropTypes.oneOfType([PropTypes.number, PropTypes.oneOf(['auto'])]);
-const propTypes = {
-  children: PropTypes.node,
-  colSpacing: PropTypes.oneOf(['none', 'small', 'medium', 'large']),
-  rowSpacing: PropTypes.oneOf(['none', 'small', 'medium', 'large']),
-  textAlign: PropTypes.oneOf(['start', 'end', 'center', 'inherit']),
-  hAlign: PropTypes.oneOf(['start', 'center', 'end', 'space-around', 'space-between']),
-  vAlign: PropTypes.oneOf(['top', 'middle', 'bottom', 'stretch']),
-  startAt: PropTypes.oneOf(['small', 'medium', 'large', 'x-large', null]),
-  visualDebug: PropTypes.bool,
-  width: PropTypes.oneOfType([COL_WIDTHS, PropTypes.shape({
-    small: COL_WIDTHS,
-    medium: COL_WIDTHS,
-    large: COL_WIDTHS,
-    xLarge: COL_WIDTHS
-  })]),
-  offset: PropTypes.oneOfType([COL_WIDTHS, PropTypes.shape({
-    small: COL_WIDTHS,
-    medium: COL_WIDTHS,
-    large: COL_WIDTHS,
-    xLarge: COL_WIDTHS
-  })]),
-  isLastRow: PropTypes.bool,
-  isLastCol: PropTypes.bool,
-  elementRef: PropTypes.func
-};
 const allowedProps = ['children', 'colSpacing', 'rowSpacing', 'textAlign', 'hAlign', 'vAlign', 'startAt', 'visualDebug', 'width', 'offset', 'isLastRow', 'isLastCol', 'elementRef'];
-export { propTypes, allowedProps };
+export { allowedProps };

package/es/GridRow/index.js

@@ -32,7 +32,7 @@ import { GridCol } from '../GridCol';
 import { withStyle } from '@instructure/emotion';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
-import { propTypes, allowedProps } from './props';
+import { allowedProps } from './props';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /**
 ---
@@ -86,7 +86,7 @@ let GridRow = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_cl
       children: this.renderChildren()
     });
   }
-}, _GridRow.displayName = "GridRow", _GridRow.componentId = 'Grid.Row', _GridRow.propTypes = propTypes, _GridRow.allowedProps = allowedProps, _GridRow.defaultProps = {
+}, _GridRow.displayName = "GridRow", _GridRow.componentId = 'Grid.Row', _GridRow.allowedProps = allowedProps, _GridRow.defaultProps = {
   children: null,
   isLastRow: false
 }, _GridRow)) || _class);

package/es/GridRow/props.js

@@ -22,19 +22,5 @@
  * SOFTWARE.
  */
 
-import PropTypes from 'prop-types';
-import { Children as ChildrenPropTypes } from '@instructure/ui-prop-types';
-import { ScreenReaderContent } from '@instructure/ui-a11y-content';
-import { GridCol } from '../GridCol';
-const propTypes = {
-  children: ChildrenPropTypes.oneOf([GridCol, ScreenReaderContent]),
-  rowSpacing: PropTypes.oneOf(['none', 'small', 'medium', 'large']),
-  colSpacing: PropTypes.oneOf(['none', 'small', 'medium', 'large']),
-  hAlign: PropTypes.oneOf(['start', 'center', 'end', 'space-around', 'space-between']),
-  vAlign: PropTypes.oneOf(['top', 'middle', 'bottom', 'stretch']),
-  startAt: PropTypes.oneOf(['small', 'medium', 'large', 'x-large', null]),
-  visualDebug: PropTypes.bool,
-  isLastRow: PropTypes.bool
-};
 const allowedProps = ['children', 'rowSpacing', 'colSpacing', 'hAlign', 'vAlign', 'startAt', 'visualDebug', 'isLastRow'];
-export { propTypes, allowedProps };
+export { allowedProps };

package/lib/Grid/index.js

@@ -108,7 +108,7 @@ let Grid = exports.Grid = (_dec = (0, _emotion.withStyle)(_styles.default, _them
       children: this.renderChildren()
     });
   }
-}, _Grid.displayName = "Grid", _Grid.componentId = 'Grid', _Grid.propTypes = _props.propTypes, _Grid.allowedProps = _props.allowedProps, _Grid.defaultProps = {
+}, _Grid.displayName = "Grid", _Grid.componentId = 'Grid', _Grid.allowedProps = _props.allowedProps, _Grid.defaultProps = {
   colSpacing: 'medium',
   rowSpacing: 'medium',
   hAlign: 'start',

package/lib/Grid/props.js

@@ -1,14 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.propTypes = exports.allowedProps = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Children = require("@instructure/ui-prop-types/lib/Children.js");
-var _ScreenReaderContent = require("@instructure/ui-a11y-content/lib/ScreenReaderContent");
-var _GridRow = require("../GridRow");
+exports.allowedProps = void 0;
 /*
  * The MIT License (MIT)
  *
@@ -33,13 +28,4 @@ var _GridRow = require("../GridRow");
  * SOFTWARE.
  */
 
-const propTypes = exports.propTypes = {
-  children: _Children.Children.oneOf([_GridRow.GridRow, _ScreenReaderContent.ScreenReaderContent]),
-  colSpacing: _propTypes.default.oneOf(['none', 'small', 'medium', 'large']),
-  rowSpacing: _propTypes.default.oneOf(['none', 'small', 'medium', 'large']),
-  hAlign: _propTypes.default.oneOf(['start', 'center', 'end', 'space-around', 'space-between']),
-  vAlign: _propTypes.default.oneOf(['top', 'middle', 'bottom', 'stretch']),
-  startAt: _propTypes.default.oneOf(['small', 'medium', 'large', 'x-large', null]),
-  visualDebug: _propTypes.default.bool
-};
 const allowedProps = exports.allowedProps = ['children', 'colSpacing', 'rowSpacing', 'hAlign', 'vAlign', 'startAt', 'visualDebug'];

package/lib/GridCol/index.js

@@ -97,7 +97,7 @@ let GridCol = exports.GridCol = (_dec = (0, _emotion.withStyle)(_styles.default,
       children: children
     });
   }
-}, _GridCol.displayName = "GridCol", _GridCol.componentId = 'Grid.Col', _GridCol.propTypes = _props.propTypes, _GridCol.allowedProps = _props.allowedProps, _GridCol.defaultProps = {
+}, _GridCol.displayName = "GridCol", _GridCol.componentId = 'Grid.Col', _GridCol.allowedProps = _props.allowedProps, _GridCol.defaultProps = {
   textAlign: 'inherit',
   children: null,
   isLastCol: false,

package/lib/GridCol/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,31 +28,4 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
  * SOFTWARE.
  */
 
-// TODO: get numcols from theme config
-const COL_WIDTHS = _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.oneOf(['auto'])]);
-const propTypes = exports.propTypes = {
-  children: _propTypes.default.node,
-  colSpacing: _propTypes.default.oneOf(['none', 'small', 'medium', 'large']),
-  rowSpacing: _propTypes.default.oneOf(['none', 'small', 'medium', 'large']),
-  textAlign: _propTypes.default.oneOf(['start', 'end', 'center', 'inherit']),
-  hAlign: _propTypes.default.oneOf(['start', 'center', 'end', 'space-around', 'space-between']),
-  vAlign: _propTypes.default.oneOf(['top', 'middle', 'bottom', 'stretch']),
-  startAt: _propTypes.default.oneOf(['small', 'medium', 'large', 'x-large', null]),
-  visualDebug: _propTypes.default.bool,
-  width: _propTypes.default.oneOfType([COL_WIDTHS, _propTypes.default.shape({
-    small: COL_WIDTHS,
-    medium: COL_WIDTHS,
-    large: COL_WIDTHS,
-    xLarge: COL_WIDTHS
-  })]),
-  offset: _propTypes.default.oneOfType([COL_WIDTHS, _propTypes.default.shape({
-    small: COL_WIDTHS,
-    medium: COL_WIDTHS,
-    large: COL_WIDTHS,
-    xLarge: COL_WIDTHS
-  })]),
-  isLastRow: _propTypes.default.bool,
-  isLastCol: _propTypes.default.bool,
-  elementRef: _propTypes.default.func
-};
 const allowedProps = exports.allowedProps = ['children', 'colSpacing', 'rowSpacing', 'textAlign', 'hAlign', 'vAlign', 'startAt', 'visualDebug', 'width', 'offset', 'isLastRow', 'isLastCol', 'elementRef'];

package/lib/GridRow/index.js

@@ -95,7 +95,7 @@ let GridRow = exports.GridRow = (_dec = (0, _emotion.withStyle)(_styles.default,
       children: this.renderChildren()
     });
   }
-}, _GridRow.displayName = "GridRow", _GridRow.componentId = 'Grid.Row', _GridRow.propTypes = _props.propTypes, _GridRow.allowedProps = _props.allowedProps, _GridRow.defaultProps = {
+}, _GridRow.displayName = "GridRow", _GridRow.componentId = 'Grid.Row', _GridRow.allowedProps = _props.allowedProps, _GridRow.defaultProps = {
   children: null,
   isLastRow: false
 }, _GridRow)) || _class);

package/lib/GridRow/props.js

@@ -1,14 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.propTypes = exports.allowedProps = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Children = require("@instructure/ui-prop-types/lib/Children.js");
-var _ScreenReaderContent = require("@instructure/ui-a11y-content/lib/ScreenReaderContent");
-var _GridCol = require("../GridCol");
+exports.allowedProps = void 0;
 /*
  * The MIT License (MIT)
  *
@@ -33,14 +28,4 @@ var _GridCol = require("../GridCol");
  * SOFTWARE.
  */
 
-const propTypes = exports.propTypes = {
-  children: _Children.Children.oneOf([_GridCol.GridCol, _ScreenReaderContent.ScreenReaderContent]),
-  rowSpacing: _propTypes.default.oneOf(['none', 'small', 'medium', 'large']),
-  colSpacing: _propTypes.default.oneOf(['none', 'small', 'medium', 'large']),
-  hAlign: _propTypes.default.oneOf(['start', 'center', 'end', 'space-around', 'space-between']),
-  vAlign: _propTypes.default.oneOf(['top', 'middle', 'bottom', 'stretch']),
-  startAt: _propTypes.default.oneOf(['small', 'medium', 'large', 'x-large', null]),
-  visualDebug: _propTypes.default.bool,
-  isLastRow: _propTypes.default.bool
-};
 const allowedProps = exports.allowedProps = ['children', 'rowSpacing', 'colSpacing', 'hAlign', 'vAlign', 'startAt', 'visualDebug', 'isLastRow'];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-grid",
-  "version": "10.26.1",
+  "version": "11.0.0",
   "description": "A Grid component.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -24,26 +24,23 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.27.6",
-    "@instructure/console": "10.26.1",
-    "@instructure/emotion": "10.26.1",
-    "@instructure/shared-types": "10.26.1",
-    "@instructure/ui-a11y-content": "10.26.1",
-    "@instructure/ui-prop-types": "10.26.1",
-    "@instructure/ui-react-utils": "10.26.1",
-    "@instructure/ui-testable": "10.26.1",
-    "@instructure/ui-utils": "10.26.1",
-    "prop-types": "^15.8.1"
+    "@instructure/console": "11.0.0",
+    "@instructure/emotion": "11.0.0",
+    "@instructure/shared-types": "11.0.0",
+    "@instructure/ui-a11y-content": "11.0.0",
+    "@instructure/ui-react-utils": "11.0.0",
+    "@instructure/ui-utils": "11.0.0"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "10.26.1",
-    "@instructure/ui-color-utils": "10.26.1",
-    "@instructure/ui-themes": "10.26.1",
+    "@instructure/ui-babel-preset": "11.0.0",
+    "@instructure/ui-color-utils": "11.0.0",
+    "@instructure/ui-themes": "11.0.0",
     "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.0.1",
+    "@testing-library/react": "15.0.7",
     "vitest": "^3.2.2"
   },
   "peerDependencies": {
-    "react": ">=16.14 <=18"
+    "react": ">=18 <=19"
   },
   "publishConfig": {
     "access": "public"

package/src/Grid/index.tsx

@@ -40,7 +40,7 @@ import { withStyle } from '@instructure/emotion'
 import generateStyle from './styles'
 import generateComponentTheme from './theme'
 
-import { propTypes, allowedProps } from './props'
+import { allowedProps } from './props'
 import type { GridProps } from './props'
 
 /**
@@ -52,7 +52,6 @@ category: components
 class Grid extends Component<GridProps> {
   static readonly componentId = 'Grid'
 
-  static propTypes = propTypes
   static allowedProps = allowedProps
   static defaultProps = {
     colSpacing: 'medium',

package/src/Grid/props.ts

@@ -22,17 +22,7 @@
  * SOFTWARE.
  */
 
-import PropTypes from 'prop-types'
-
-import { Children as ChildrenPropTypes } from '@instructure/ui-prop-types'
-import { ScreenReaderContent } from '@instructure/ui-a11y-content'
-import { GridRow } from '../GridRow'
-
-import type {
-  PropValidators,
-  GridTheme,
-  OtherHTMLAttributes
-} from '@instructure/shared-types'
+import type { GridTheme, OtherHTMLAttributes } from '@instructure/shared-types'
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
 import type { GridBreakpoints } from '../GridTypes'
 
@@ -58,23 +48,6 @@ type GridProps = GridOwnProps &
   OtherHTMLAttributes<GridOwnProps>
 
 type GridStyle = ComponentStyle<'grid'>
-
-const propTypes: PropValidators<PropKeys> = {
-  children: ChildrenPropTypes.oneOf([GridRow, ScreenReaderContent]),
-  colSpacing: PropTypes.oneOf(['none', 'small', 'medium', 'large']),
-  rowSpacing: PropTypes.oneOf(['none', 'small', 'medium', 'large']),
-  hAlign: PropTypes.oneOf([
-    'start',
-    'center',
-    'end',
-    'space-around',
-    'space-between'
-  ]),
-  vAlign: PropTypes.oneOf(['top', 'middle', 'bottom', 'stretch']),
-  startAt: PropTypes.oneOf(['small', 'medium', 'large', 'x-large', null]),
-  visualDebug: PropTypes.bool
-}
-
 const allowedProps: AllowedPropKeys = [
   'children',
   'colSpacing',
@@ -86,4 +59,4 @@ const allowedProps: AllowedPropKeys = [
 ]
 
 export type { GridProps, GridStyle }
-export { propTypes, allowedProps }
+export { allowedProps }

package/src/GridCol/index.tsx

@@ -32,7 +32,7 @@ import { logWarn as warn } from '@instructure/console'
 import generateStyle from './styles'
 import generateComponentTheme from './theme'
 
-import { propTypes, allowedProps } from './props'
+import { allowedProps } from './props'
 import type { GridColProps } from './props'
 
 /**
@@ -45,7 +45,6 @@ id: Grid.Col
 class GridCol extends Component<GridColProps> {
   static readonly componentId = 'Grid.Col'
 
-  static propTypes = propTypes
   static allowedProps = allowedProps
   static defaultProps = {
     textAlign: 'inherit',

package/src/GridCol/props.ts

@@ -22,22 +22,10 @@
  * SOFTWARE.
  */
 
-import PropTypes from 'prop-types'
-
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
-import type {
-  PropValidators,
-  GridTheme,
-  OtherHTMLAttributes
-} from '@instructure/shared-types'
+import type { GridTheme, OtherHTMLAttributes } from '@instructure/shared-types'
 import type { GridBreakpoints } from '../GridTypes'
 
-// TODO: get numcols from theme config
-const COL_WIDTHS = PropTypes.oneOfType([
-  PropTypes.number,
-  PropTypes.oneOf(['auto'])
-])
-
 type ColWidths = 'auto' | number
 
 type GridColOwnProps = {
@@ -82,45 +70,6 @@ type GridColProps = GridColOwnProps &
   OtherHTMLAttributes<GridColOwnProps>
 
 type GridColStyle = ComponentStyle<'gridCol'>
-
-const propTypes: PropValidators<PropKeys> = {
-  children: PropTypes.node,
-  colSpacing: PropTypes.oneOf(['none', 'small', 'medium', 'large']),
-  rowSpacing: PropTypes.oneOf(['none', 'small', 'medium', 'large']),
-  textAlign: PropTypes.oneOf(['start', 'end', 'center', 'inherit']),
-  hAlign: PropTypes.oneOf([
-    'start',
-    'center',
-    'end',
-    'space-around',
-    'space-between'
-  ]),
-  vAlign: PropTypes.oneOf(['top', 'middle', 'bottom', 'stretch']),
-  startAt: PropTypes.oneOf(['small', 'medium', 'large', 'x-large', null]),
-  visualDebug: PropTypes.bool,
-  width: PropTypes.oneOfType([
-    COL_WIDTHS,
-    PropTypes.shape({
-      small: COL_WIDTHS,
-      medium: COL_WIDTHS,
-      large: COL_WIDTHS,
-      xLarge: COL_WIDTHS
-    })
-  ]),
-  offset: PropTypes.oneOfType([
-    COL_WIDTHS,
-    PropTypes.shape({
-      small: COL_WIDTHS,
-      medium: COL_WIDTHS,
-      large: COL_WIDTHS,
-      xLarge: COL_WIDTHS
-    })
-  ]),
-  isLastRow: PropTypes.bool,
-  isLastCol: PropTypes.bool,
-  elementRef: PropTypes.func
-}
-
 const allowedProps: AllowedPropKeys = [
   'children',
   'colSpacing',
@@ -138,4 +87,4 @@ const allowedProps: AllowedPropKeys = [
 ]
 
 export type { GridColProps, GridColStyle }
-export { propTypes, allowedProps }
+export { allowedProps }

package/src/GridRow/index.tsx

@@ -39,7 +39,7 @@ import { withStyle } from '@instructure/emotion'
 import generateStyle from './styles'
 import generateComponentTheme from './theme'
 
-import { propTypes, allowedProps } from './props'
+import { allowedProps } from './props'
 import type { GridRowProps } from './props'
 
 /**
@@ -52,7 +52,6 @@ id: Grid.Row
 class GridRow extends Component<GridRowProps> {
   static readonly componentId = 'Grid.Row'
 
-  static propTypes = propTypes
   static allowedProps = allowedProps
   static defaultProps = {
     children: null,

package/src/GridRow/props.ts

@@ -23,17 +23,8 @@
  */
 
 import React from 'react'
-import PropTypes from 'prop-types'
 
-import { Children as ChildrenPropTypes } from '@instructure/ui-prop-types'
-import { ScreenReaderContent } from '@instructure/ui-a11y-content'
-import { GridCol } from '../GridCol'
-
-import type {
-  PropValidators,
-  GridTheme,
-  OtherHTMLAttributes
-} from '@instructure/shared-types'
+import type { GridTheme, OtherHTMLAttributes } from '@instructure/shared-types'
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
 import type { GridBreakpoints } from '../GridTypes'
 
@@ -60,24 +51,6 @@ type GridRowProps = GridRowOwnProps &
   OtherHTMLAttributes<GridRowOwnProps>
 
 type GridRowStyle = ComponentStyle<'gridRow'>
-
-const propTypes: PropValidators<PropKeys> = {
-  children: ChildrenPropTypes.oneOf([GridCol, ScreenReaderContent]),
-  rowSpacing: PropTypes.oneOf(['none', 'small', 'medium', 'large']),
-  colSpacing: PropTypes.oneOf(['none', 'small', 'medium', 'large']),
-  hAlign: PropTypes.oneOf([
-    'start',
-    'center',
-    'end',
-    'space-around',
-    'space-between'
-  ]),
-  vAlign: PropTypes.oneOf(['top', 'middle', 'bottom', 'stretch']),
-  startAt: PropTypes.oneOf(['small', 'medium', 'large', 'x-large', null]),
-  visualDebug: PropTypes.bool,
-  isLastRow: PropTypes.bool
-}
-
 const allowedProps: AllowedPropKeys = [
   'children',
   'rowSpacing',
@@ -90,4 +63,4 @@ const allowedProps: AllowedPropKeys = [
 ]
 
 export type { GridRowProps, GridRowStyle }
-export { propTypes, allowedProps }
+export { allowedProps }

package/tsconfig.build.json

@@ -10,9 +10,7 @@
     { "path": "../emotion/tsconfig.build.json" },
     { "path": "../shared-types/tsconfig.build.json" },
     { "path": "../ui-a11y-content/tsconfig.build.json" },
-    { "path": "../ui-prop-types/tsconfig.build.json" },
     { "path": "../ui-react-utils/tsconfig.build.json" },
-    { "path": "../ui-testable/tsconfig.build.json" },
     { "path": "../ui-utils/tsconfig.build.json" },
     { "path": "../ui-babel-preset/tsconfig.build.json" },
     { "path": "../ui-color-utils/tsconfig.build.json" },