@instructure/ui-billboard 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-billboard
 
@@ -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)
 
 **Note:** Version bump only for package @instructure/ui-billboard

package/es/Billboard/index.js

@@ -30,7 +30,7 @@ import { omitProps, callRenderProp, getElementType } from '@instructure/ui-react
 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, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 /**
 ---
@@ -145,7 +145,7 @@ let Billboard = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_
       })
     });
   }
-}, _Billboard.displayName = "Billboard", _Billboard.componentId = 'Billboard', _Billboard.propTypes = propTypes, _Billboard.allowedProps = allowedProps, _Billboard.defaultProps = {
+}, _Billboard.displayName = "Billboard", _Billboard.componentId = 'Billboard', _Billboard.allowedProps = allowedProps, _Billboard.defaultProps = {
   disabled: false,
   readOnly: false,
   size: 'medium',

package/es/Billboard/props.js

@@ -22,21 +22,5 @@
  * SOFTWARE.
  */
 
-import PropTypes from 'prop-types';
-const propTypes = {
-  hero: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),
-  size: PropTypes.oneOf(['small', 'medium', 'large']),
-  as: PropTypes.elementType,
-  elementRef: PropTypes.func,
-  heading: PropTypes.string,
-  headingAs: PropTypes.oneOf(['h1', 'h2', 'h3', 'span']),
-  headingLevel: PropTypes.oneOf(['h1', 'h2', 'h3', 'h4']),
-  message: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
-  onClick: PropTypes.func,
-  href: PropTypes.string,
-  disabled: PropTypes.bool,
-  readOnly: PropTypes.bool,
-  margin: PropTypes.string
-};
 const allowedProps = ['hero', 'size', 'as', 'elementRef', 'heading', 'headingAs', 'headingLevel', 'message', 'onClick', 'href', 'disabled', 'readOnly', 'margin'];
-export { propTypes, allowedProps };
+export { allowedProps };

package/lib/Billboard/index.js

@@ -153,7 +153,7 @@ let Billboard = exports.Billboard = (_dec = (0, _emotion.withStyle)(_styles.defa
       })
     });
   }
-}, _Billboard.displayName = "Billboard", _Billboard.componentId = 'Billboard', _Billboard.propTypes = _props.propTypes, _Billboard.allowedProps = _props.allowedProps, _Billboard.defaultProps = {
+}, _Billboard.displayName = "Billboard", _Billboard.componentId = 'Billboard', _Billboard.allowedProps = _props.allowedProps, _Billboard.defaultProps = {
   disabled: false,
   readOnly: false,
   size: 'medium',

package/lib/Billboard/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,19 +28,4 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
  * SOFTWARE.
  */
 
-const propTypes = exports.propTypes = {
-  hero: _propTypes.default.oneOfType([_propTypes.default.element, _propTypes.default.func]),
-  size: _propTypes.default.oneOf(['small', 'medium', 'large']),
-  as: _propTypes.default.elementType,
-  elementRef: _propTypes.default.func,
-  heading: _propTypes.default.string,
-  headingAs: _propTypes.default.oneOf(['h1', 'h2', 'h3', 'span']),
-  headingLevel: _propTypes.default.oneOf(['h1', 'h2', 'h3', 'h4']),
-  message: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
-  onClick: _propTypes.default.func,
-  href: _propTypes.default.string,
-  disabled: _propTypes.default.bool,
-  readOnly: _propTypes.default.bool,
-  margin: _propTypes.default.string
-};
 const allowedProps = exports.allowedProps = ['hero', 'size', 'as', 'elementRef', 'heading', 'headingAs', 'headingLevel', 'message', 'onClick', 'href', 'disabled', 'readOnly', 'margin'];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-billboard",
-  "version": "10.26.1",
+  "version": "11.0.1-snapshot-0",
   "description": "A UI component to display empty states, 404 pages, redirects, etc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,28 +23,27 @@
   },
   "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-icons": "10.26.1",
-    "@instructure/ui-themes": "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-icons": "11.0.1-snapshot-0",
+    "@instructure/ui-themes": "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/emotion": "10.26.1",
-    "@instructure/shared-types": "10.26.1",
-    "@instructure/ui-heading": "10.26.1",
-    "@instructure/ui-img": "10.26.1",
-    "@instructure/ui-react-utils": "10.26.1",
-    "@instructure/ui-view": "10.26.1",
-    "prop-types": "^15.8.1"
+    "@instructure/emotion": "11.0.1-snapshot-0",
+    "@instructure/shared-types": "11.0.1-snapshot-0",
+    "@instructure/ui-heading": "11.0.1-snapshot-0",
+    "@instructure/ui-img": "11.0.1-snapshot-0",
+    "@instructure/ui-react-utils": "11.0.1-snapshot-0",
+    "@instructure/ui-view": "11.0.1-snapshot-0"
   },
   "peerDependencies": {
-    "react": ">=16.14 <=18"
+    "react": ">=18 <=19"
   },
   "publishConfig": {
     "access": "public"

package/src/Billboard/index.tsx

@@ -37,7 +37,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 { BillboardProps, HeroIconSize } from './props'
 import type { ViewProps } from '@instructure/ui-view'
 
@@ -50,7 +50,6 @@ category: components
 class Billboard extends Component<BillboardProps> {
   static readonly componentId = 'Billboard'
 
-  static propTypes = propTypes
   static allowedProps = allowedProps
   static defaultProps = {
     disabled: false,

package/src/Billboard/props.ts

@@ -22,8 +22,6 @@
  * SOFTWARE.
  */
 
-import PropTypes from 'prop-types'
-
 import type {
   Spacing,
   WithStyleProps,
@@ -32,8 +30,7 @@ import type {
 import type {
   AsElementType,
   BillboardTheme,
-  OtherHTMLAttributes,
-  PropValidators
+  OtherHTMLAttributes
 } from '@instructure/shared-types'
 import type { ViewProps } from '@instructure/ui-view'
 import { MouseEvent } from 'react'
@@ -111,23 +108,6 @@ type BillboardProps = BillboardOwnProps &
 type BillboardStyle = ComponentStyle<
   'billboard' | 'content' | 'hero' | 'heading' | 'message'
 >
-
-const propTypes: PropValidators<PropKeys> = {
-  hero: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),
-  size: PropTypes.oneOf(['small', 'medium', 'large']),
-  as: PropTypes.elementType,
-  elementRef: PropTypes.func,
-  heading: PropTypes.string,
-  headingAs: PropTypes.oneOf(['h1', 'h2', 'h3', 'span']),
-  headingLevel: PropTypes.oneOf(['h1', 'h2', 'h3', 'h4']),
-  message: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
-  onClick: PropTypes.func,
-  href: PropTypes.string,
-  disabled: PropTypes.bool,
-  readOnly: PropTypes.bool,
-  margin: PropTypes.string
-}
-
 const allowedProps: AllowedPropKeys = [
   'hero',
   'size',
@@ -145,4 +125,4 @@ const allowedProps: AllowedPropKeys = [
 ]
 
 export type { BillboardProps, BillboardStyle, HeroIconSize }
-export { propTypes, allowedProps }
+export { allowedProps }