@automattic/jetpack-components 0.45.2 → 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 +5 -0
- package/components/action-popover/index.tsx +39 -36
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,10 @@
|
|
|
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
|
+
|
|
5
9
|
## [0.45.2] - 2023-11-20
|
|
6
10
|
|
|
7
11
|
## [0.45.1] - 2023-11-14
|
|
@@ -882,6 +886,7 @@
|
|
|
882
886
|
### Changed
|
|
883
887
|
- Update node version requirement to 14.16.1
|
|
884
888
|
|
|
889
|
+
[0.45.3]: https://github.com/Automattic/jetpack-components/compare/0.45.2...0.45.3
|
|
885
890
|
[0.45.2]: https://github.com/Automattic/jetpack-components/compare/0.45.1...0.45.2
|
|
886
891
|
[0.45.1]: https://github.com/Automattic/jetpack-components/compare/0.45.0...0.45.1
|
|
887
892
|
[0.45.0]: https://github.com/Automattic/jetpack-components/compare/0.44.4...0.45.0
|
|
@@ -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
|
};
|