@khanacademy/wonder-blocks-modal 5.1.17 → 6.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +18 -0
- package/dist/components/modal-content.d.ts +1 -1
- package/dist/components/modal-footer.d.ts +1 -1
- package/dist/components/modal-header.d.ts +1 -1
- package/dist/components/modal-launcher.d.ts +1 -1
- package/dist/components/modal-panel.d.ts +1 -1
- package/dist/themes/themed-modal-dialog.d.ts +1 -1
- package/package.json +13 -13
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# @khanacademy/wonder-blocks-modal
|
|
2
2
|
|
|
3
|
+
## 6.0.0
|
|
4
|
+
|
|
5
|
+
### Major Changes
|
|
6
|
+
|
|
7
|
+
- e6abdd17: Upgrade to React 18
|
|
8
|
+
|
|
9
|
+
### Patch Changes
|
|
10
|
+
|
|
11
|
+
- Updated dependencies [e6abdd17]
|
|
12
|
+
- @khanacademy/wonder-blocks-theming@3.0.0
|
|
13
|
+
- @khanacademy/wonder-blocks-timing@6.0.0
|
|
14
|
+
- @khanacademy/wonder-blocks-core@8.0.0
|
|
15
|
+
- @khanacademy/wonder-blocks-breadcrumbs@3.0.0
|
|
16
|
+
- @khanacademy/wonder-blocks-icon-button@6.0.0
|
|
17
|
+
- @khanacademy/wonder-blocks-layout@3.0.0
|
|
18
|
+
- @khanacademy/wonder-blocks-tokens@3.0.0
|
|
19
|
+
- @khanacademy/wonder-blocks-typography@3.0.0
|
|
20
|
+
|
|
3
21
|
## 5.1.17
|
|
4
22
|
|
|
5
23
|
### Patch Changes
|
|
@@ -11,7 +11,7 @@ type Props = {
|
|
|
11
11
|
/**
|
|
12
12
|
* The Modal content included after the header
|
|
13
13
|
*/
|
|
14
|
-
declare function ModalContent(props: Props): JSX.Element;
|
|
14
|
+
declare function ModalContent(props: Props): React.JSX.Element;
|
|
15
15
|
declare namespace ModalContent {
|
|
16
16
|
var __IS_MODAL_CONTENT__: boolean;
|
|
17
17
|
var isComponentOf: (instance: any) => boolean;
|
|
@@ -19,7 +19,7 @@ type Props = {
|
|
|
19
19
|
* </ModalFooter>
|
|
20
20
|
* ```
|
|
21
21
|
*/
|
|
22
|
-
declare function ModalFooter({ children }: Props): JSX.Element;
|
|
22
|
+
declare function ModalFooter({ children }: Props): React.JSX.Element;
|
|
23
23
|
declare namespace ModalFooter {
|
|
24
24
|
var __IS_MODAL_FOOTER__: boolean;
|
|
25
25
|
var isComponentOf: (instance: any) => boolean;
|
|
@@ -83,7 +83,7 @@ type Props = Common | WithSubtitle | WithBreadcrumbs;
|
|
|
83
83
|
* />
|
|
84
84
|
* ```
|
|
85
85
|
*/
|
|
86
|
-
declare function ModalHeader(props: Props): JSX.Element;
|
|
86
|
+
declare function ModalHeader(props: Props): React.JSX.Element;
|
|
87
87
|
declare namespace ModalHeader {
|
|
88
88
|
var defaultProps: {
|
|
89
89
|
light: boolean;
|
|
@@ -14,7 +14,7 @@ declare const _default: {
|
|
|
14
14
|
readonly closedFocusId?: string | undefined;
|
|
15
15
|
readonly opened?: boolean | undefined;
|
|
16
16
|
readonly onClose?: (() => unknown) | undefined;
|
|
17
|
-
}): JSX.Element;
|
|
17
|
+
}): React.JSX.Element;
|
|
18
18
|
displayName: string;
|
|
19
19
|
};
|
|
20
20
|
export default _default;
|
|
@@ -72,7 +72,7 @@ type Props = {
|
|
|
72
72
|
* </ModalDialog>
|
|
73
73
|
* ```
|
|
74
74
|
*/
|
|
75
|
-
declare function ModalPanel({ closeButtonVisible, scrollOverflow, light, content, footer, header, onClose, style, testId, }: Props): JSX.Element;
|
|
75
|
+
declare function ModalPanel({ closeButtonVisible, scrollOverflow, light, content, footer, header, onClose, style, testId, }: Props): React.JSX.Element;
|
|
76
76
|
declare namespace ModalPanel {
|
|
77
77
|
var defaultProps: {
|
|
78
78
|
closeButtonVisible: boolean;
|
|
@@ -44,5 +44,5 @@ export declare const ModalDialogThemeContext: React.Context<{
|
|
|
44
44
|
* ThemeModalDialog is a component that provides a theme to the <ModalDialog/>
|
|
45
45
|
* component.
|
|
46
46
|
*/
|
|
47
|
-
export default function ThemeModalDialog(props: Props): JSX.Element;
|
|
47
|
+
export default function ThemeModalDialog(props: Props): React.JSX.Element;
|
|
48
48
|
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@khanacademy/wonder-blocks-modal",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "6.0.0",
|
|
4
4
|
"design": "v2",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -16,23 +16,23 @@
|
|
|
16
16
|
"license": "MIT",
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"@babel/runtime": "^7.18.6",
|
|
19
|
-
"@khanacademy/wonder-blocks-breadcrumbs": "^
|
|
20
|
-
"@khanacademy/wonder-blocks-core": "^
|
|
21
|
-
"@khanacademy/wonder-blocks-icon-button": "^
|
|
22
|
-
"@khanacademy/wonder-blocks-layout": "^
|
|
23
|
-
"@khanacademy/wonder-blocks-theming": "^
|
|
24
|
-
"@khanacademy/wonder-blocks-timing": "^
|
|
25
|
-
"@khanacademy/wonder-blocks-tokens": "^
|
|
26
|
-
"@khanacademy/wonder-blocks-typography": "^
|
|
19
|
+
"@khanacademy/wonder-blocks-breadcrumbs": "^3.0.0",
|
|
20
|
+
"@khanacademy/wonder-blocks-core": "^8.0.0",
|
|
21
|
+
"@khanacademy/wonder-blocks-icon-button": "^6.0.0",
|
|
22
|
+
"@khanacademy/wonder-blocks-layout": "^3.0.0",
|
|
23
|
+
"@khanacademy/wonder-blocks-theming": "^3.0.0",
|
|
24
|
+
"@khanacademy/wonder-blocks-timing": "^6.0.0",
|
|
25
|
+
"@khanacademy/wonder-blocks-tokens": "^3.0.0",
|
|
26
|
+
"@khanacademy/wonder-blocks-typography": "^3.0.0"
|
|
27
27
|
},
|
|
28
28
|
"peerDependencies": {
|
|
29
29
|
"@phosphor-icons/core": "^2.0.2",
|
|
30
30
|
"aphrodite": "^1.2.5",
|
|
31
|
-
"react": "
|
|
32
|
-
"react-dom": "
|
|
31
|
+
"react": "18.2.0",
|
|
32
|
+
"react-dom": "18.2.0"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
|
-
"@khanacademy/wonder-blocks-breadcrumbs": "^
|
|
36
|
-
"@khanacademy/wb-dev-build-settings": "^
|
|
35
|
+
"@khanacademy/wonder-blocks-breadcrumbs": "^3.0.0",
|
|
36
|
+
"@khanacademy/wb-dev-build-settings": "^2.0.0"
|
|
37
37
|
}
|
|
38
38
|
}
|