@khanacademy/wonder-blocks-popover 6.0.0 → 6.0.1
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 +15 -0
- package/dist/components/close-button.d.ts +0 -6
- package/dist/es/index.js +2 -4
- package/dist/index.js +2 -4
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# @khanacademy/wonder-blocks-popover
|
|
2
2
|
|
|
3
|
+
## 6.0.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 4846e9c: Update icon buttons to use the new mapping (from `primary` to `tertiary`)
|
|
8
|
+
- Updated dependencies [3dc5dac]
|
|
9
|
+
- Updated dependencies [4846e9c]
|
|
10
|
+
- Updated dependencies [4846e9c]
|
|
11
|
+
- Updated dependencies [4846e9c]
|
|
12
|
+
- @khanacademy/wonder-blocks-tokens@5.2.0
|
|
13
|
+
- @khanacademy/wonder-blocks-modal@7.1.6
|
|
14
|
+
- @khanacademy/wonder-blocks-icon-button@8.0.0
|
|
15
|
+
- @khanacademy/wonder-blocks-styles@0.2.1
|
|
16
|
+
- @khanacademy/wonder-blocks-tooltip@4.1.6
|
|
17
|
+
|
|
3
18
|
## 6.0.0
|
|
4
19
|
|
|
5
20
|
### Major Changes
|
|
@@ -1,11 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import type { AriaProps, StyleType } from "@khanacademy/wonder-blocks-core";
|
|
3
3
|
type Props = AriaProps & {
|
|
4
|
-
/**
|
|
5
|
-
* Whether to display the light version of this component instead, for use
|
|
6
|
-
* when the item is used on a dark background.
|
|
7
|
-
*/
|
|
8
|
-
light?: boolean;
|
|
9
4
|
/**
|
|
10
5
|
* Custom styles applied to the IconButton
|
|
11
6
|
*/
|
|
@@ -16,7 +11,6 @@ type Props = AriaProps & {
|
|
|
16
11
|
testId?: string;
|
|
17
12
|
};
|
|
18
13
|
type DefaultProps = {
|
|
19
|
-
light: Props["light"];
|
|
20
14
|
["aria-label"]: Props["aria-label"];
|
|
21
15
|
};
|
|
22
16
|
/**
|
package/dist/es/index.js
CHANGED
|
@@ -541,7 +541,6 @@ Popover.defaultProps = {
|
|
|
541
541
|
class CloseButton extends React.Component {
|
|
542
542
|
render() {
|
|
543
543
|
const {
|
|
544
|
-
light,
|
|
545
544
|
"aria-label": ariaLabel,
|
|
546
545
|
style,
|
|
547
546
|
testId
|
|
@@ -553,7 +552,8 @@ class CloseButton extends React.Component {
|
|
|
553
552
|
icon: xIcon,
|
|
554
553
|
"aria-label": ariaLabel,
|
|
555
554
|
onClick: close,
|
|
556
|
-
kind:
|
|
555
|
+
kind: "tertiary",
|
|
556
|
+
actionType: "neutral",
|
|
557
557
|
style: style,
|
|
558
558
|
testId: testId
|
|
559
559
|
});
|
|
@@ -561,7 +561,6 @@ class CloseButton extends React.Component {
|
|
|
561
561
|
}
|
|
562
562
|
}
|
|
563
563
|
CloseButton.defaultProps = {
|
|
564
|
-
light: true,
|
|
565
564
|
"aria-label": "Close Popover"
|
|
566
565
|
};
|
|
567
566
|
|
|
@@ -582,7 +581,6 @@ class PopoverContentCore extends React.Component {
|
|
|
582
581
|
"aria-label": ariaLabel
|
|
583
582
|
}, closeButtonVisible && React.createElement(CloseButton, {
|
|
584
583
|
"aria-label": closeButtonLabel,
|
|
585
|
-
light: closeButtonLight,
|
|
586
584
|
style: [styles$1.closeButton, closeButtonLight && actionStyles.inverse],
|
|
587
585
|
testId: `${testId || "popover"}-close-btn`
|
|
588
586
|
}), children);
|
package/dist/index.js
CHANGED
|
@@ -571,7 +571,6 @@ Popover.defaultProps = {
|
|
|
571
571
|
class CloseButton extends React__namespace.Component {
|
|
572
572
|
render() {
|
|
573
573
|
const {
|
|
574
|
-
light,
|
|
575
574
|
"aria-label": ariaLabel,
|
|
576
575
|
style,
|
|
577
576
|
testId
|
|
@@ -583,7 +582,8 @@ class CloseButton extends React__namespace.Component {
|
|
|
583
582
|
icon: xIcon__default["default"],
|
|
584
583
|
"aria-label": ariaLabel,
|
|
585
584
|
onClick: close,
|
|
586
|
-
kind:
|
|
585
|
+
kind: "tertiary",
|
|
586
|
+
actionType: "neutral",
|
|
587
587
|
style: style,
|
|
588
588
|
testId: testId
|
|
589
589
|
});
|
|
@@ -591,7 +591,6 @@ class CloseButton extends React__namespace.Component {
|
|
|
591
591
|
}
|
|
592
592
|
}
|
|
593
593
|
CloseButton.defaultProps = {
|
|
594
|
-
light: true,
|
|
595
594
|
"aria-label": "Close Popover"
|
|
596
595
|
};
|
|
597
596
|
|
|
@@ -612,7 +611,6 @@ class PopoverContentCore extends React__namespace.Component {
|
|
|
612
611
|
"aria-label": ariaLabel
|
|
613
612
|
}, closeButtonVisible && React__namespace.createElement(CloseButton, {
|
|
614
613
|
"aria-label": closeButtonLabel,
|
|
615
|
-
light: closeButtonLight,
|
|
616
614
|
style: [styles$1.closeButton, closeButtonLight && wonderBlocksStyles.actionStyles.inverse],
|
|
617
615
|
testId: `${testId || "popover"}-close-btn`
|
|
618
616
|
}), children);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@khanacademy/wonder-blocks-popover",
|
|
3
|
-
"version": "6.0.
|
|
3
|
+
"version": "6.0.1",
|
|
4
4
|
"design": "v1",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -14,11 +14,11 @@
|
|
|
14
14
|
"dependencies": {
|
|
15
15
|
"@babel/runtime": "^7.24.5",
|
|
16
16
|
"@khanacademy/wonder-blocks-core": "12.2.1",
|
|
17
|
-
"@khanacademy/wonder-blocks-icon-button": "
|
|
18
|
-
"@khanacademy/wonder-blocks-modal": "7.1.
|
|
19
|
-
"@khanacademy/wonder-blocks-styles": "0.2.
|
|
20
|
-
"@khanacademy/wonder-blocks-tokens": "5.
|
|
21
|
-
"@khanacademy/wonder-blocks-tooltip": "4.1.
|
|
17
|
+
"@khanacademy/wonder-blocks-icon-button": "8.0.0",
|
|
18
|
+
"@khanacademy/wonder-blocks-modal": "7.1.6",
|
|
19
|
+
"@khanacademy/wonder-blocks-styles": "0.2.1",
|
|
20
|
+
"@khanacademy/wonder-blocks-tokens": "5.2.0",
|
|
21
|
+
"@khanacademy/wonder-blocks-tooltip": "4.1.6",
|
|
22
22
|
"@khanacademy/wonder-blocks-typography": "3.1.3"
|
|
23
23
|
},
|
|
24
24
|
"peerDependencies": {
|