@khanacademy/wonder-blocks-modal 5.1.16 → 6.0.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @khanacademy/wonder-blocks-modal
 
+## 6.0.0
+
+### Major Changes
+
+-   e6abdd17: Upgrade to React 18
+
+### Patch Changes
+
+-   Updated dependencies [e6abdd17]
+    -   @khanacademy/wonder-blocks-theming@3.0.0
+    -   @khanacademy/wonder-blocks-timing@6.0.0
+    -   @khanacademy/wonder-blocks-core@8.0.0
+    -   @khanacademy/wonder-blocks-breadcrumbs@3.0.0
+    -   @khanacademy/wonder-blocks-icon-button@6.0.0
+    -   @khanacademy/wonder-blocks-layout@3.0.0
+    -   @khanacademy/wonder-blocks-tokens@3.0.0
+    -   @khanacademy/wonder-blocks-typography@3.0.0
+
+## 5.1.17
+
+### Patch Changes
+
+-   b5cad0b1: Use h2 tag in modal header instead of h3
+
 ## 5.1.16
 
 ### Patch Changes

package/dist/components/modal-content.d.ts

@@ -11,7 +11,7 @@ type Props = {
 /**
  * The Modal content included after the header
  */
-declare function ModalContent(props: Props): JSX.Element;
+declare function ModalContent(props: Props): React.JSX.Element;
 declare namespace ModalContent {
     var __IS_MODAL_CONTENT__: boolean;
     var isComponentOf: (instance: any) => boolean;

package/dist/components/modal-footer.d.ts

@@ -19,7 +19,7 @@ type Props = {
  * </ModalFooter>
  * ```
  */
-declare function ModalFooter({ children }: Props): JSX.Element;
+declare function ModalFooter({ children }: Props): React.JSX.Element;
 declare namespace ModalFooter {
     var __IS_MODAL_FOOTER__: boolean;
     var isComponentOf: (instance: any) => boolean;

package/dist/components/modal-header.d.ts

@@ -83,7 +83,7 @@ type Props = Common | WithSubtitle | WithBreadcrumbs;
  *  />
  * ```
  */
-declare function ModalHeader(props: Props): JSX.Element;
+declare function ModalHeader(props: Props): React.JSX.Element;
 declare namespace ModalHeader {
     var defaultProps: {
         light: boolean;

package/dist/components/modal-launcher.d.ts

@@ -14,7 +14,7 @@ declare const _default: {
         readonly closedFocusId?: string | undefined;
         readonly opened?: boolean | undefined;
         readonly onClose?: (() => unknown) | undefined;
-    }): JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 export default _default;

package/dist/components/modal-panel.d.ts

@@ -72,7 +72,7 @@ type Props = {
  * </ModalDialog>
  * ```
  */
-declare function ModalPanel({ closeButtonVisible, scrollOverflow, light, content, footer, header, onClose, style, testId, }: Props): JSX.Element;
+declare function ModalPanel({ closeButtonVisible, scrollOverflow, light, content, footer, header, onClose, style, testId, }: Props): React.JSX.Element;
 declare namespace ModalPanel {
     var defaultProps: {
         closeButtonVisible: boolean;

package/dist/es/index.js

@@ -193,6 +193,7 @@ function ModalHeader(props) {
   }, breadcrumbs && React.createElement(View, {
     style: styles.breadcrumbs
   }, breadcrumbs), React.createElement(HeadingMedium, {
+    tag: "h2",
     style: styles.title,
     id: titleId,
     testId: testId && `${testId}-title`

package/dist/index.js

@@ -223,6 +223,7 @@ function ModalHeader(props) {
   }, breadcrumbs && React__namespace.createElement(wonderBlocksCore.View, {
     style: styles.breadcrumbs
   }, breadcrumbs), React__namespace.createElement(wonderBlocksTypography.HeadingMedium, {
+    tag: "h2",
     style: styles.title,
     id: titleId,
     testId: testId && `${testId}-title`

package/dist/themes/themed-modal-dialog.d.ts

@@ -44,5 +44,5 @@ export declare const ModalDialogThemeContext: React.Context<{
  * ThemeModalDialog is a component that provides a theme to the <ModalDialog/>
  * component.
  */
-export default function ThemeModalDialog(props: Props): JSX.Element;
+export default function ThemeModalDialog(props: Props): React.JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@khanacademy/wonder-blocks-modal",
-  "version": "5.1.16",
+  "version": "6.0.0",
   "design": "v2",
   "publishConfig": {
     "access": "public"
@@ -16,23 +16,23 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.18.6",
-    "@khanacademy/wonder-blocks-breadcrumbs": "^2.2.8",
-    "@khanacademy/wonder-blocks-core": "^7.0.1",
-    "@khanacademy/wonder-blocks-icon-button": "^5.6.2",
-    "@khanacademy/wonder-blocks-layout": "^2.2.2",
-    "@khanacademy/wonder-blocks-theming": "^2.0.4",
-    "@khanacademy/wonder-blocks-timing": "^5.0.2",
-    "@khanacademy/wonder-blocks-tokens": "^2.1.0",
-    "@khanacademy/wonder-blocks-typography": "^2.1.16"
+    "@khanacademy/wonder-blocks-breadcrumbs": "^3.0.0",
+    "@khanacademy/wonder-blocks-core": "^8.0.0",
+    "@khanacademy/wonder-blocks-icon-button": "^6.0.0",
+    "@khanacademy/wonder-blocks-layout": "^3.0.0",
+    "@khanacademy/wonder-blocks-theming": "^3.0.0",
+    "@khanacademy/wonder-blocks-timing": "^6.0.0",
+    "@khanacademy/wonder-blocks-tokens": "^3.0.0",
+    "@khanacademy/wonder-blocks-typography": "^3.0.0"
   },
   "peerDependencies": {
     "@phosphor-icons/core": "^2.0.2",
     "aphrodite": "^1.2.5",
-    "react": "16.14.0",
-    "react-dom": "16.14.0"
+    "react": "18.2.0",
+    "react-dom": "18.2.0"
   },
   "devDependencies": {
-    "@khanacademy/wonder-blocks-breadcrumbs": "^2.2.8",
-    "@khanacademy/wb-dev-build-settings": "^1.0.1"
+    "@khanacademy/wonder-blocks-breadcrumbs": "^3.0.0",
+    "@khanacademy/wb-dev-build-settings": "^2.0.0"
   }
 }