@instructure/ui-alerts 10.26.1 → 11.0.1-snapshot-0

package/CHANGELOG.md

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

package/es/Alert/index.js

@@ -38,7 +38,7 @@ import { logError as error } from '@instructure/console';
 import { withStyle } from '@instructure/emotion';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
-import { propTypes, allowedProps } from './props';
+import { allowedProps } from './props';
 import { jsxs as _jsxs, jsx as _jsx } from "@emotion/react/jsx-runtime";
 /**
 ---
@@ -248,7 +248,7 @@ let Alert = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gene
       })]
     });
   }
-}, _Alert.displayName = "Alert", _Alert.componentId = 'Alert', _Alert.propTypes = propTypes, _Alert.allowedProps = allowedProps, _Alert.defaultProps = {
+}, _Alert.displayName = "Alert", _Alert.componentId = 'Alert', _Alert.allowedProps = allowedProps, _Alert.defaultProps = {
   variant: 'info',
   margin: 'x-small 0',
   timeout: 0,

package/es/Alert/props.js

@@ -22,23 +22,5 @@
  * SOFTWARE.
  */
 
-import PropTypes from 'prop-types';
-const propTypes = {
-  children: PropTypes.node,
-  variant: PropTypes.oneOf(['info', 'success', 'warning', 'error']),
-  margin: PropTypes.string,
-  liveRegion: PropTypes.oneOfType([PropTypes.func, PropTypes.element]),
-  liveRegionPoliteness: PropTypes.oneOf(['polite', 'assertive']),
-  isLiveRegionAtomic: PropTypes.bool,
-  screenReaderOnly: PropTypes.bool,
-  timeout: PropTypes.number,
-  renderCloseButtonLabel: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
-  onDismiss: PropTypes.func,
-  transition: PropTypes.oneOf(['none', 'fade']),
-  open: PropTypes.bool,
-  hasShadow: PropTypes.bool,
-  variantScreenReaderLabel: PropTypes.string,
-  renderCustomIcon: PropTypes.oneOfType([PropTypes.node, PropTypes.func])
-};
 const allowedProps = ['children', 'variant', 'margin', 'liveRegion', 'liveRegionPoliteness', 'isLiveRegionAtomic', 'screenReaderOnly', 'timeout', 'renderCloseButtonLabel', 'onDismiss', 'transition', 'open', 'hasShadow', 'renderCustomIcon'];
-export { propTypes, allowedProps };
+export { allowedProps };

package/lib/Alert/index.js

@@ -259,7 +259,7 @@ let Alert = exports.Alert = (_dec = (0, _withDeterministicId.withDeterministicId
       })]
     });
   }
-}, _Alert.displayName = "Alert", _Alert.componentId = 'Alert', _Alert.propTypes = _props.propTypes, _Alert.allowedProps = _props.allowedProps, _Alert.defaultProps = {
+}, _Alert.displayName = "Alert", _Alert.componentId = 'Alert', _Alert.allowedProps = _props.allowedProps, _Alert.defaultProps = {
   variant: 'info',
   margin: 'x-small 0',
   timeout: 0,

package/lib/Alert/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,21 +28,4 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
  * SOFTWARE.
  */
 
-const propTypes = exports.propTypes = {
-  children: _propTypes.default.node,
-  variant: _propTypes.default.oneOf(['info', 'success', 'warning', 'error']),
-  margin: _propTypes.default.string,
-  liveRegion: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.element]),
-  liveRegionPoliteness: _propTypes.default.oneOf(['polite', 'assertive']),
-  isLiveRegionAtomic: _propTypes.default.bool,
-  screenReaderOnly: _propTypes.default.bool,
-  timeout: _propTypes.default.number,
-  renderCloseButtonLabel: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node]),
-  onDismiss: _propTypes.default.func,
-  transition: _propTypes.default.oneOf(['none', 'fade']),
-  open: _propTypes.default.bool,
-  hasShadow: _propTypes.default.bool,
-  variantScreenReaderLabel: _propTypes.default.string,
-  renderCustomIcon: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func])
-};
 const allowedProps = exports.allowedProps = ['children', 'variant', 'margin', 'liveRegion', 'liveRegionPoliteness', 'isLiveRegionAtomic', 'screenReaderOnly', 'timeout', 'renderCloseButtonLabel', 'onDismiss', 'transition', 'open', 'hasShadow', 'renderCustomIcon'];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-alerts",
-  "version": "10.26.1",
+  "version": "11.0.1-snapshot-0",
   "description": "An alert component",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,33 +23,32 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-axe-check": "10.26.1",
-    "@instructure/ui-babel-preset": "10.26.1",
-    "@instructure/ui-color-utils": "10.26.1",
-    "@instructure/ui-scripts": "10.26.1",
+    "@instructure/ui-axe-check": "11.0.1-snapshot-0",
+    "@instructure/ui-babel-preset": "11.0.1-snapshot-0",
+    "@instructure/ui-color-utils": "11.0.1-snapshot-0",
+    "@instructure/ui-scripts": "11.0.1-snapshot-0",
     "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.0.1",
+    "@testing-library/react": "15.0.7",
     "@testing-library/user-event": "^14.6.1",
     "vitest": "^3.2.2"
   },
   "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-buttons": "10.26.1",
-    "@instructure/ui-icons": "10.26.1",
-    "@instructure/ui-motion": "10.26.1",
-    "@instructure/ui-react-utils": "10.26.1",
-    "@instructure/ui-themes": "10.26.1",
-    "@instructure/ui-view": "10.26.1",
-    "keycode": "^2",
-    "prop-types": "^15.8.1"
+    "@instructure/console": "11.0.1-snapshot-0",
+    "@instructure/emotion": "11.0.1-snapshot-0",
+    "@instructure/shared-types": "11.0.1-snapshot-0",
+    "@instructure/ui-a11y-content": "11.0.1-snapshot-0",
+    "@instructure/ui-buttons": "11.0.1-snapshot-0",
+    "@instructure/ui-icons": "11.0.1-snapshot-0",
+    "@instructure/ui-motion": "11.0.1-snapshot-0",
+    "@instructure/ui-react-utils": "11.0.1-snapshot-0",
+    "@instructure/ui-themes": "11.0.1-snapshot-0",
+    "@instructure/ui-view": "11.0.1-snapshot-0",
+    "keycode": "^2"
   },
   "peerDependencies": {
-    "react": ">=16.14 <=18",
-    "react-dom": ">=16.14 <=18"
+    "react": ">=18 <=19",
+    "react-dom": ">=18 <=19"
   },
   "publishConfig": {
     "access": "public"

package/src/Alert/index.tsx

@@ -48,7 +48,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 { AlertProps, AlertState } from './props'
 
 /**
@@ -61,7 +61,6 @@ category: components
 class Alert extends Component<AlertProps, AlertState> {
   static readonly componentId = 'Alert'
 
-  static propTypes = propTypes
   static allowedProps = allowedProps
   static defaultProps = {
     variant: 'info',

package/src/Alert/props.ts

@@ -23,18 +23,13 @@
  */
 
 import { ReactNode } from 'react'
-import PropTypes from 'prop-types'
 
 import type {
   Spacing,
   WithStyleProps,
   ComponentStyle
 } from '@instructure/emotion'
-import type {
-  AlertTheme,
-  PropValidators,
-  Renderable
-} from '@instructure/shared-types'
+import type { AlertTheme, Renderable } from '@instructure/shared-types'
 import type { WithDeterministicIdProps } from '@instructure/ui-react-utils'
 
 type AlertOwnProps = {
@@ -128,24 +123,6 @@ type AlertStyle = ComponentStyle<
   'alert' | 'icon' | 'closeButton' | 'content' | 'variantScreenReaderLabel'
 >
 
-const propTypes: PropValidators<PropKeys> = {
-  children: PropTypes.node,
-  variant: PropTypes.oneOf(['info', 'success', 'warning', 'error']),
-  margin: PropTypes.string,
-  liveRegion: PropTypes.oneOfType([PropTypes.func, PropTypes.element]),
-  liveRegionPoliteness: PropTypes.oneOf(['polite', 'assertive']),
-  isLiveRegionAtomic: PropTypes.bool,
-  screenReaderOnly: PropTypes.bool,
-  timeout: PropTypes.number,
-  renderCloseButtonLabel: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
-  onDismiss: PropTypes.func,
-  transition: PropTypes.oneOf(['none', 'fade']),
-  open: PropTypes.bool,
-  hasShadow: PropTypes.bool,
-  variantScreenReaderLabel: PropTypes.string,
-  renderCustomIcon: PropTypes.oneOfType([PropTypes.node, PropTypes.func])
-}
-
 const allowedProps: AllowedPropKeys = [
   'children',
   'variant',
@@ -168,4 +145,4 @@ type AlertState = {
 }
 
 export type { AlertProps, AlertStyle, AlertState }
-export { propTypes, allowedProps }
+export { allowedProps }