@automattic/jetpack-connection 0.39.17 → 1.0.0
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 +11 -0
- package/components/connect-screen/basic/style.scss +2 -3
- package/components/connect-screen/layout/style.scss +8 -9
- package/components/connect-screen/required-plan/style.scss +4 -5
- package/components/disconnect-card/style.scss +1 -1
- package/components/disconnect-dialog/style.scss +1 -1
- package/components/disconnect-survey/_jp-connect_disconnect-survey-card.scss +1 -1
- package/components/manage-connection-dialog/style.scss +1 -1
- package/package.json +10 -10
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
### This is a list detailing changes for the Jetpack RNA Connection Component releases.
|
|
4
4
|
|
|
5
|
+
## [1.0.0] - 2025-06-03
|
|
6
|
+
### Changed
|
|
7
|
+
- Update package dependencies. [#43718] [#43734]
|
|
8
|
+
|
|
9
|
+
## [0.39.18] - 2025-06-02
|
|
10
|
+
### Changed
|
|
11
|
+
- sass: `@use` rather than `@import` for `@wordpress/base-styles`. [#43607]
|
|
12
|
+
- Update package dependencies. [#43711]
|
|
13
|
+
|
|
5
14
|
## [0.39.17] - 2025-05-26
|
|
6
15
|
### Changed
|
|
7
16
|
- Update package dependencies. [#43578]
|
|
@@ -1035,6 +1044,8 @@
|
|
|
1035
1044
|
- `Main` and `ConnectUser` components added.
|
|
1036
1045
|
- `JetpackRestApiClient` API client added.
|
|
1037
1046
|
|
|
1047
|
+
[1.0.0]: https://github.com/Automattic/jetpack-connection-js/compare/v0.39.18...v1.0.0
|
|
1048
|
+
[0.39.18]: https://github.com/Automattic/jetpack-connection-js/compare/v0.39.17...v0.39.18
|
|
1038
1049
|
[0.39.17]: https://github.com/Automattic/jetpack-connection-js/compare/v0.39.16...v0.39.17
|
|
1039
1050
|
[0.39.16]: https://github.com/Automattic/jetpack-connection-js/compare/v0.39.15...v0.39.16
|
|
1040
1051
|
[0.39.15]: https://github.com/Automattic/jetpack-connection-js/compare/v0.39.14...v0.39.15
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
@
|
|
2
|
-
@import '@wordpress/base-styles/mixins';
|
|
1
|
+
@use '@wordpress/base-styles/breakpoints';
|
|
3
2
|
|
|
4
3
|
.jp-connection__connect-screen {
|
|
5
4
|
--spacing-base: 8px;
|
|
@@ -33,7 +32,7 @@
|
|
|
33
32
|
color: hsla( 0, 0%, 100%, 0.4 );
|
|
34
33
|
}
|
|
35
34
|
|
|
36
|
-
@media ( max-width:
|
|
35
|
+
@media ( max-width: breakpoints.$break-medium ) {
|
|
37
36
|
max-width: none;
|
|
38
37
|
width: 100%;
|
|
39
38
|
}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
@
|
|
2
|
-
@
|
|
3
|
-
@import '@automattic/jetpack-base-styles/style';
|
|
1
|
+
@use '@wordpress/base-styles/mixins';
|
|
2
|
+
@use '@automattic/jetpack-base-styles/style';
|
|
4
3
|
|
|
5
4
|
.jp-connection__connect-screen-layout {
|
|
6
5
|
background: var( --jp-white );
|
|
@@ -18,7 +17,7 @@
|
|
|
18
17
|
&__left {
|
|
19
18
|
padding: calc(var(--spacing-base) * 3);
|
|
20
19
|
|
|
21
|
-
@include break-small {
|
|
20
|
+
@include mixins.break-small {
|
|
22
21
|
padding: 64px 96px;
|
|
23
22
|
}
|
|
24
23
|
|
|
@@ -106,7 +105,7 @@
|
|
|
106
105
|
flex-grow: 1;
|
|
107
106
|
flex-basis: 100%;
|
|
108
107
|
|
|
109
|
-
@include break-xlarge {
|
|
108
|
+
@include mixins.break-xlarge {
|
|
110
109
|
flex-basis: 52%;
|
|
111
110
|
}
|
|
112
111
|
}
|
|
@@ -117,7 +116,7 @@
|
|
|
117
116
|
background: #F9F9F6;
|
|
118
117
|
display: none;
|
|
119
118
|
|
|
120
|
-
@include break-xlarge {
|
|
119
|
+
@include mixins.break-xlarge {
|
|
121
120
|
display: block;
|
|
122
121
|
}
|
|
123
122
|
}
|
|
@@ -140,7 +139,7 @@
|
|
|
140
139
|
margin-top: 24px;
|
|
141
140
|
}
|
|
142
141
|
|
|
143
|
-
@include break-small {
|
|
142
|
+
@include mixins.break-small {
|
|
144
143
|
padding: 4rem 6rem 4rem 4rem;
|
|
145
144
|
}
|
|
146
145
|
}
|
|
@@ -151,7 +150,7 @@
|
|
|
151
150
|
* and mirror 96px horizontal padding seen in
|
|
152
151
|
* .jp-connection__connect-screen-layout__left
|
|
153
152
|
*/
|
|
154
|
-
@include break-xlarge {
|
|
153
|
+
@include mixins.break-xlarge {
|
|
155
154
|
position: absolute;
|
|
156
155
|
top: calc(var(--spacing-base) * 9.25);
|
|
157
156
|
right: calc(var(--spacing-base) * -45);
|
|
@@ -166,7 +165,7 @@
|
|
|
166
165
|
margin-top: 0.625rem;
|
|
167
166
|
}
|
|
168
167
|
|
|
169
|
-
@include break-large {
|
|
168
|
+
@include mixins.break-large {
|
|
170
169
|
padding: 3rem;
|
|
171
170
|
}
|
|
172
171
|
}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
@
|
|
2
|
-
@import '@wordpress/base-styles/mixins';
|
|
1
|
+
@use '@wordpress/base-styles/mixins';
|
|
3
2
|
|
|
4
3
|
.jp-connection__connect-screen-layout__left {
|
|
5
4
|
|
|
@@ -8,14 +7,14 @@
|
|
|
8
7
|
* then account for a 384px pricing card that floats to the right;
|
|
9
8
|
* finally give 32px of padding between content and the pricing card
|
|
10
9
|
*/
|
|
11
|
-
@include break-xlarge {
|
|
10
|
+
@include mixins.break-xlarge {
|
|
12
11
|
width: calc(100% - 384px - var(--spacing-base) * 4);
|
|
13
12
|
}
|
|
14
13
|
}
|
|
15
14
|
|
|
16
15
|
.jp-connection__connect-screen-required-plan {
|
|
17
16
|
|
|
18
|
-
@include break-xlarge {
|
|
17
|
+
@include mixins.break-xlarge {
|
|
19
18
|
position: relative;
|
|
20
19
|
background: linear-gradient(to right, #fff 70%, #f9f9f6 30%);
|
|
21
20
|
}
|
|
@@ -38,7 +37,7 @@
|
|
|
38
37
|
* and mirror 96px horizontal padding seen in
|
|
39
38
|
* .jp-connection__connect-screen-layout__left
|
|
40
39
|
*/
|
|
41
|
-
@include break-xlarge {
|
|
40
|
+
@include mixins.break-xlarge {
|
|
42
41
|
position: absolute;
|
|
43
42
|
top: calc(var(--spacing-base) * 8);
|
|
44
43
|
right: calc(var(--spacing-base) * 12);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@automattic/jetpack-connection",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "1.0.0",
|
|
4
4
|
"description": "Jetpack Connection Component",
|
|
5
5
|
"homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/js-packages/connection/#readme",
|
|
6
6
|
"bugs": {
|
|
@@ -14,10 +14,10 @@
|
|
|
14
14
|
"author": "Automattic",
|
|
15
15
|
"license": "GPL-2.0-or-later",
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@automattic/jetpack-analytics": "^0.
|
|
18
|
-
"@automattic/jetpack-api": "^0.
|
|
19
|
-
"@automattic/jetpack-components": "^0.
|
|
20
|
-
"@automattic/jetpack-config": "^0.
|
|
17
|
+
"@automattic/jetpack-analytics": "^1.0.0",
|
|
18
|
+
"@automattic/jetpack-api": "^1.0.0",
|
|
19
|
+
"@automattic/jetpack-components": "^1.0.0",
|
|
20
|
+
"@automattic/jetpack-config": "^1.0.0",
|
|
21
21
|
"@automattic/jetpack-script-data": "^0.4.2",
|
|
22
22
|
"@wordpress/base-styles": "6.0.0",
|
|
23
23
|
"@wordpress/browserslist-config": "6.24.0",
|
|
@@ -27,18 +27,18 @@
|
|
|
27
27
|
"@wordpress/i18n": "5.24.0",
|
|
28
28
|
"@wordpress/icons": "10.24.0",
|
|
29
29
|
"clsx": "2.1.1",
|
|
30
|
-
"debug": "4.4.
|
|
30
|
+
"debug": "4.4.1",
|
|
31
31
|
"prop-types": "^15.7.2"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
|
-
"@automattic/jetpack-base-styles": "^0.
|
|
35
|
-
"@babel/core": "7.
|
|
36
|
-
"@babel/preset-react": "7.
|
|
34
|
+
"@automattic/jetpack-base-styles": "^1.0.0",
|
|
35
|
+
"@babel/core": "7.27.4",
|
|
36
|
+
"@babel/preset-react": "7.27.1",
|
|
37
37
|
"@storybook/addon-actions": "8.6.7",
|
|
38
38
|
"@testing-library/dom": "10.4.0",
|
|
39
39
|
"@testing-library/react": "16.2.0",
|
|
40
40
|
"@testing-library/user-event": "14.6.1",
|
|
41
|
-
"@types/react": "18.3.
|
|
41
|
+
"@types/react": "18.3.23",
|
|
42
42
|
"jest": "29.7.0",
|
|
43
43
|
"jest-environment-jsdom": "29.7.0",
|
|
44
44
|
"react": "18.3.1",
|