@automattic/jetpack-components 0.45.1 → 0.45.3
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 +8 -0
- package/components/action-popover/index.tsx +39 -36
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
### This is a list detailing changes for the Jetpack RNA Components package releases.
|
|
4
4
|
|
|
5
|
+
## [0.45.3] - 2023-11-21
|
|
6
|
+
### Fixed
|
|
7
|
+
- Fixed ActionPopover CSS variables. [#34226]
|
|
8
|
+
|
|
9
|
+
## [0.45.2] - 2023-11-20
|
|
10
|
+
|
|
5
11
|
## [0.45.1] - 2023-11-14
|
|
6
12
|
### Changed
|
|
7
13
|
- Updated package dependencies. [#34093]
|
|
@@ -880,6 +886,8 @@
|
|
|
880
886
|
### Changed
|
|
881
887
|
- Update node version requirement to 14.16.1
|
|
882
888
|
|
|
889
|
+
[0.45.3]: https://github.com/Automattic/jetpack-components/compare/0.45.2...0.45.3
|
|
890
|
+
[0.45.2]: https://github.com/Automattic/jetpack-components/compare/0.45.1...0.45.2
|
|
883
891
|
[0.45.1]: https://github.com/Automattic/jetpack-components/compare/0.45.0...0.45.1
|
|
884
892
|
[0.45.0]: https://github.com/Automattic/jetpack-components/compare/0.44.4...0.45.0
|
|
885
893
|
[0.44.4]: https://github.com/Automattic/jetpack-components/compare/0.44.3...0.44.4
|
|
@@ -10,6 +10,7 @@ import Text from '../text';
|
|
|
10
10
|
/**
|
|
11
11
|
* Internal dependencies
|
|
12
12
|
*/
|
|
13
|
+
import ThemeProvider from '../theme-provider';
|
|
13
14
|
import styles from './styles.module.scss';
|
|
14
15
|
/**
|
|
15
16
|
* Types
|
|
@@ -60,44 +61,46 @@ const ActionPopover = ( {
|
|
|
60
61
|
|
|
61
62
|
return (
|
|
62
63
|
<Popover { ...popoverProps }>
|
|
63
|
-
<
|
|
64
|
-
<div className={ styles.
|
|
65
|
-
<
|
|
66
|
-
{ title }
|
|
67
|
-
|
|
68
|
-
{ ! hideCloseButton && (
|
|
69
|
-
<>
|
|
70
|
-
<Button
|
|
71
|
-
size="small"
|
|
72
|
-
variant="tertiary"
|
|
73
|
-
aria-label="close"
|
|
74
|
-
className={ styles[ 'close-button' ] }
|
|
75
|
-
icon={ close }
|
|
76
|
-
iconSize={ 16 }
|
|
77
|
-
onClick={ onClose }
|
|
78
|
-
/>
|
|
79
|
-
</>
|
|
80
|
-
) }
|
|
81
|
-
</div>
|
|
82
|
-
{ children }
|
|
83
|
-
<div className={ styles.footer }>
|
|
84
|
-
{ showSteps && (
|
|
85
|
-
<Text variant="body" className={ styles.steps }>
|
|
86
|
-
{ stepsText }
|
|
64
|
+
<ThemeProvider>
|
|
65
|
+
<div className={ styles.wrapper }>
|
|
66
|
+
<div className={ styles.header }>
|
|
67
|
+
<Text variant="title-small" className={ styles.title }>
|
|
68
|
+
{ title }
|
|
87
69
|
</Text>
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
70
|
+
{ ! hideCloseButton && (
|
|
71
|
+
<>
|
|
72
|
+
<Button
|
|
73
|
+
size="small"
|
|
74
|
+
variant="tertiary"
|
|
75
|
+
aria-label="close"
|
|
76
|
+
className={ styles[ 'close-button' ] }
|
|
77
|
+
icon={ close }
|
|
78
|
+
iconSize={ 16 }
|
|
79
|
+
onClick={ onClose }
|
|
80
|
+
/>
|
|
81
|
+
</>
|
|
82
|
+
) }
|
|
83
|
+
</div>
|
|
84
|
+
{ children }
|
|
85
|
+
<div className={ styles.footer }>
|
|
86
|
+
{ showSteps && (
|
|
87
|
+
<Text variant="body" className={ styles.steps }>
|
|
88
|
+
{ stepsText }
|
|
89
|
+
</Text>
|
|
90
|
+
) }
|
|
91
|
+
<Button
|
|
92
|
+
variant="primary"
|
|
93
|
+
className={ styles[ 'action-button' ] }
|
|
94
|
+
disabled={ buttonDisabled }
|
|
95
|
+
onClick={ onClick }
|
|
96
|
+
isExternalLink={ buttonExternalLink }
|
|
97
|
+
href={ buttonHref }
|
|
98
|
+
>
|
|
99
|
+
{ buttonContent }
|
|
100
|
+
</Button>
|
|
101
|
+
</div>
|
|
99
102
|
</div>
|
|
100
|
-
</
|
|
103
|
+
</ThemeProvider>
|
|
101
104
|
</Popover>
|
|
102
105
|
);
|
|
103
106
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@automattic/jetpack-components",
|
|
3
|
-
"version": "0.45.
|
|
3
|
+
"version": "0.45.3",
|
|
4
4
|
"description": "Jetpack Components Package",
|
|
5
5
|
"author": "Automattic",
|
|
6
6
|
"license": "GPL-2.0-or-later",
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"@automattic/format-currency": "1.0.1",
|
|
18
|
-
"@automattic/jetpack-boost-score-api": "^0.1.
|
|
18
|
+
"@automattic/jetpack-boost-score-api": "^0.1.17",
|
|
19
19
|
"@babel/runtime": "^7",
|
|
20
20
|
"@wordpress/browserslist-config": "5.28.0",
|
|
21
21
|
"@wordpress/components": "25.11.0",
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"uplot-react": "1.1.4"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
|
-
"@automattic/jetpack-base-styles": "^0.6.
|
|
37
|
+
"@automattic/jetpack-base-styles": "^0.6.13",
|
|
38
38
|
"@babel/core": "7.23.2",
|
|
39
39
|
"@babel/preset-react": "7.22.15",
|
|
40
40
|
"@jest/globals": "29.4.3",
|