@khanacademy/wonder-blocks-modal 7.1.5 → 7.1.7
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 +25 -0
- package/dist/components/close-button.d.ts +0 -7
- package/dist/es/index.js +2 -3
- package/dist/index.js +2 -3
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,30 @@
|
|
|
1
1
|
# @khanacademy/wonder-blocks-modal
|
|
2
2
|
|
|
3
|
+
## 7.1.7
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies [24bf12f]
|
|
8
|
+
- @khanacademy/wonder-blocks-tokens@6.0.0
|
|
9
|
+
- @khanacademy/wonder-blocks-breadcrumbs@3.1.6
|
|
10
|
+
- @khanacademy/wonder-blocks-icon-button@8.0.1
|
|
11
|
+
- @khanacademy/wonder-blocks-layout@3.1.6
|
|
12
|
+
- @khanacademy/wonder-blocks-styles@0.2.2
|
|
13
|
+
|
|
14
|
+
## 7.1.6
|
|
15
|
+
|
|
16
|
+
### Patch Changes
|
|
17
|
+
|
|
18
|
+
- 4846e9c: Update icon buttons to use the new mapping (from `primary` to `tertiary`)
|
|
19
|
+
- Updated dependencies [3dc5dac]
|
|
20
|
+
- Updated dependencies [4846e9c]
|
|
21
|
+
- Updated dependencies [4846e9c]
|
|
22
|
+
- @khanacademy/wonder-blocks-tokens@5.2.0
|
|
23
|
+
- @khanacademy/wonder-blocks-icon-button@8.0.0
|
|
24
|
+
- @khanacademy/wonder-blocks-breadcrumbs@3.1.5
|
|
25
|
+
- @khanacademy/wonder-blocks-layout@3.1.5
|
|
26
|
+
- @khanacademy/wonder-blocks-styles@0.2.1
|
|
27
|
+
|
|
3
28
|
## 7.1.5
|
|
4
29
|
|
|
5
30
|
### Patch Changes
|
|
@@ -1,13 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import type { StyleType } from "@khanacademy/wonder-blocks-core";
|
|
3
3
|
type Props = {
|
|
4
|
-
/**
|
|
5
|
-
* Whether the button is on a dark/colored background.
|
|
6
|
-
*
|
|
7
|
-
* Sets primary button background color to white, and secondary and
|
|
8
|
-
* tertiary button title to color.
|
|
9
|
-
*/
|
|
10
|
-
light?: boolean;
|
|
11
4
|
/** Optional click handler */
|
|
12
5
|
onClick?: () => unknown;
|
|
13
6
|
/** Optional custom styles. */
|
package/dist/es/index.js
CHANGED
|
@@ -655,7 +655,6 @@ ModalContent.defaultProps = {
|
|
|
655
655
|
class CloseButton extends React.Component {
|
|
656
656
|
render() {
|
|
657
657
|
const {
|
|
658
|
-
light,
|
|
659
658
|
onClick,
|
|
660
659
|
style,
|
|
661
660
|
testId
|
|
@@ -670,7 +669,8 @@ class CloseButton extends React.Component {
|
|
|
670
669
|
icon: xIcon,
|
|
671
670
|
"aria-label": "Close modal",
|
|
672
671
|
onClick: onClick || closeModal,
|
|
673
|
-
kind:
|
|
672
|
+
kind: "tertiary",
|
|
673
|
+
actionType: "neutral",
|
|
674
674
|
style: style,
|
|
675
675
|
testId: testId
|
|
676
676
|
});
|
|
@@ -709,7 +709,6 @@ function ModalPanel({
|
|
|
709
709
|
style: [styles.wrapper, isInverse && styles.dark, style],
|
|
710
710
|
testId: testId && `${testId}-panel`
|
|
711
711
|
}, closeButtonVisible && React.createElement(CloseButton, {
|
|
712
|
-
light: isInverse,
|
|
713
712
|
onClick: onClose,
|
|
714
713
|
style: [styles.closeButton, isInverse && actionStyles.inverse],
|
|
715
714
|
testId: testId && `${testId}-close`
|
package/dist/index.js
CHANGED
|
@@ -685,7 +685,6 @@ ModalContent.defaultProps = {
|
|
|
685
685
|
class CloseButton extends React__namespace.Component {
|
|
686
686
|
render() {
|
|
687
687
|
const {
|
|
688
|
-
light,
|
|
689
688
|
onClick,
|
|
690
689
|
style,
|
|
691
690
|
testId
|
|
@@ -700,7 +699,8 @@ class CloseButton extends React__namespace.Component {
|
|
|
700
699
|
icon: xIcon__default["default"],
|
|
701
700
|
"aria-label": "Close modal",
|
|
702
701
|
onClick: onClick || closeModal,
|
|
703
|
-
kind:
|
|
702
|
+
kind: "tertiary",
|
|
703
|
+
actionType: "neutral",
|
|
704
704
|
style: style,
|
|
705
705
|
testId: testId
|
|
706
706
|
});
|
|
@@ -739,7 +739,6 @@ function ModalPanel({
|
|
|
739
739
|
style: [styles.wrapper, isInverse && styles.dark, style],
|
|
740
740
|
testId: testId && `${testId}-panel`
|
|
741
741
|
}, closeButtonVisible && React__namespace.createElement(CloseButton, {
|
|
742
|
-
light: isInverse,
|
|
743
742
|
onClick: onClose,
|
|
744
743
|
style: [styles.closeButton, isInverse && wonderBlocksStyles.actionStyles.inverse],
|
|
745
744
|
testId: testId && `${testId}-close`
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@khanacademy/wonder-blocks-modal",
|
|
3
|
-
"version": "7.1.
|
|
3
|
+
"version": "7.1.7",
|
|
4
4
|
"design": "v2",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -13,14 +13,14 @@
|
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"dependencies": {
|
|
15
15
|
"@babel/runtime": "^7.24.5",
|
|
16
|
-
"@khanacademy/wonder-blocks-breadcrumbs": "3.1.
|
|
16
|
+
"@khanacademy/wonder-blocks-breadcrumbs": "3.1.6",
|
|
17
17
|
"@khanacademy/wonder-blocks-core": "12.2.1",
|
|
18
|
-
"@khanacademy/wonder-blocks-icon-button": "
|
|
19
|
-
"@khanacademy/wonder-blocks-layout": "3.1.
|
|
20
|
-
"@khanacademy/wonder-blocks-styles": "0.2.
|
|
18
|
+
"@khanacademy/wonder-blocks-icon-button": "8.0.1",
|
|
19
|
+
"@khanacademy/wonder-blocks-layout": "3.1.6",
|
|
20
|
+
"@khanacademy/wonder-blocks-styles": "0.2.2",
|
|
21
21
|
"@khanacademy/wonder-blocks-theming": "3.2.1",
|
|
22
22
|
"@khanacademy/wonder-blocks-timing": "7.0.2",
|
|
23
|
-
"@khanacademy/wonder-blocks-tokens": "
|
|
23
|
+
"@khanacademy/wonder-blocks-tokens": "6.0.0",
|
|
24
24
|
"@khanacademy/wonder-blocks-typography": "3.1.3"
|
|
25
25
|
},
|
|
26
26
|
"peerDependencies": {
|