@automattic/jetpack-shared-extension-utils 2.0.28 → 2.0.29
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
CHANGED
|
@@ -5,6 +5,11 @@ All notable changes to this project will be documented in this file.
|
|
|
5
5
|
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
|
|
6
6
|
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
|
7
7
|
|
|
8
|
+
## [2.0.29] - 2026-10-05
|
|
9
|
+
### Changed
|
|
10
|
+
- Update the Pexels icon to the current Pexels logo. [#52890]
|
|
11
|
+
- Upgrade nudge: Use the admin theme color for the Upgrade button instead of pink. [#52974]
|
|
12
|
+
|
|
8
13
|
## [2.0.28] - 2026-09-29
|
|
9
14
|
### Changed
|
|
10
15
|
- Update dependencies. [#51015]
|
|
@@ -1095,6 +1100,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
1095
1100
|
### Changed
|
|
1096
1101
|
- Core: prepare utility for release
|
|
1097
1102
|
|
|
1103
|
+
[2.0.29]: https://github.com/Automattic/jetpack-shared-extension-utils/compare/2.0.28...2.0.29
|
|
1098
1104
|
[2.0.28]: https://github.com/Automattic/jetpack-shared-extension-utils/compare/2.0.27...2.0.28
|
|
1099
1105
|
[2.0.27]: https://github.com/Automattic/jetpack-shared-extension-utils/compare/2.0.26...2.0.27
|
|
1100
1106
|
[2.0.26]: https://github.com/Automattic/jetpack-shared-extension-utils/compare/2.0.25...2.0.26
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@automattic/jetpack-shared-extension-utils",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.29",
|
|
4
4
|
"description": "Utility functions used by the block editor extensions",
|
|
5
5
|
"homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/js-packages/shared-extension-utils/#readme",
|
|
6
6
|
"bugs": {
|
|
@@ -29,11 +29,11 @@
|
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"@automattic/color-studio": "4.1.0",
|
|
31
31
|
"@automattic/jetpack-analytics": "^1.0.16",
|
|
32
|
-
"@automattic/jetpack-base-styles": "^1.2.
|
|
33
|
-
"@automattic/jetpack-components": "^
|
|
34
|
-
"@automattic/jetpack-connection": "^2.
|
|
32
|
+
"@automattic/jetpack-base-styles": "^1.2.16",
|
|
33
|
+
"@automattic/jetpack-components": "^4.0.0",
|
|
34
|
+
"@automattic/jetpack-connection": "^2.10.0",
|
|
35
35
|
"@automattic/jetpack-script-data": "^0.6.8",
|
|
36
|
-
"@automattic/jetpack-shared-stores": "^0.2.
|
|
36
|
+
"@automattic/jetpack-shared-stores": "^0.2.12",
|
|
37
37
|
"@types/jest": "30.0.0",
|
|
38
38
|
"@wordpress/api-fetch": "7.55.0",
|
|
39
39
|
"@wordpress/block-editor": "17.1.0",
|
|
@@ -48,9 +48,8 @@ export const Nudge = ( {
|
|
|
48
48
|
href={ isRedirecting ? null : checkoutUrl } // Only for server-side rendering, since onClick doesn't work there.
|
|
49
49
|
onClick={ goToCheckoutPage }
|
|
50
50
|
target={ target }
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
} ) }
|
|
51
|
+
variant="primary"
|
|
52
|
+
className={ clsx( { 'jetpack-upgrade-plan__hidden': ! checkoutUrl } ) }
|
|
54
53
|
isBusy={ isRedirecting }
|
|
55
54
|
>
|
|
56
55
|
<span>{ isRedirecting ? redirectingText : buttonText }</span>
|
|
@@ -28,20 +28,6 @@
|
|
|
28
28
|
height: 28px;
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
-
.jetpack-upgrade-plan-banner .jetpack-upgrade-plan-banner__wrapper .components-button.is-primary {
|
|
32
|
-
background: studio.$studio-pink-40;
|
|
33
|
-
color: studio.$studio-white;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
.jetpack-upgrade-plan-banner .jetpack-upgrade-plan-banner__wrapper .components-button.is-primary:hover {
|
|
37
|
-
background: studio.$studio-pink-30;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.jetpack-upgrade-plan-banner .jetpack-upgrade-plan-banner__wrapper .components-button.is-primary.is-busy {
|
|
41
|
-
background-size: 100px 100%;
|
|
42
|
-
background-image: linear-gradient(-45deg, studio.$studio-pink-40 28%, studio.$studio-pink-60 28%, studio.$studio-pink-60 72%, studio.$studio-pink-40 72%);
|
|
43
|
-
}
|
|
44
|
-
|
|
45
31
|
.jetpack-upgrade-plan-banner.block-editor-block-list__block {
|
|
46
32
|
margin-top: 0;
|
|
47
33
|
margin-bottom: 0;
|
|
@@ -42,7 +42,7 @@ const clearRafInterval = ( handle?: RafHandle | null ) => {
|
|
|
42
42
|
* @return {Function} Function to clear the interval.
|
|
43
43
|
*/
|
|
44
44
|
const useRafInterval = ( callback: () => void, timeout = 0 ) => {
|
|
45
|
-
const timerRef = useRef< RafHandle >();
|
|
45
|
+
const timerRef = useRef< RafHandle >( undefined );
|
|
46
46
|
|
|
47
47
|
const callbackRef = useRef( callback );
|
|
48
48
|
callbackRef.current = callback;
|
package/src/icons.jsx
CHANGED
|
@@ -110,9 +110,16 @@ export const OpenverseIcon = props => (
|
|
|
110
110
|
);
|
|
111
111
|
|
|
112
112
|
export const PexelsIcon = props => (
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
113
|
+
// The padded viewBox draws the tile at ~22px inside the standard 24px icon box.
|
|
114
|
+
<SVG
|
|
115
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
116
|
+
width="24"
|
|
117
|
+
height="24"
|
|
118
|
+
viewBox="-12 -12 280 280"
|
|
119
|
+
{ ...props }
|
|
120
|
+
>
|
|
121
|
+
<Rect width="256" height="256" rx="46" fill="#191919" />
|
|
122
|
+
<Path d="M0 158h147a49 49 0 1 0-49-49v147" fill="none" stroke="#fff" strokeWidth="32" />
|
|
116
123
|
</SVG>
|
|
117
124
|
);
|
|
118
125
|
|