@automattic/jetpack-components 1.3.0 → 1.3.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
CHANGED
|
@@ -2,9 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
### This is a list detailing changes for the Jetpack RNA Components package releases.
|
|
4
4
|
|
|
5
|
+
## [1.3.1] - 2025-09-01
|
|
6
|
+
### Changed
|
|
7
|
+
- My Jetpack: Add product interstitials state management. [#44772]
|
|
8
|
+
|
|
5
9
|
## [1.3.0] - 2025-08-25
|
|
6
10
|
### Changed
|
|
7
|
-
-
|
|
11
|
+
- Use PricingTable component for product interstitials. [#44801]
|
|
8
12
|
|
|
9
13
|
## [1.2.2] - 2025-08-25
|
|
10
14
|
### Changed
|
|
@@ -1520,6 +1524,7 @@
|
|
|
1520
1524
|
### Changed
|
|
1521
1525
|
- Update node version requirement to 14.16.1
|
|
1522
1526
|
|
|
1527
|
+
[1.3.1]: https://github.com/Automattic/jetpack-components/compare/1.3.0...1.3.1
|
|
1523
1528
|
[1.3.0]: https://github.com/Automattic/jetpack-components/compare/1.2.2...1.3.0
|
|
1524
1529
|
[1.2.2]: https://github.com/Automattic/jetpack-components/compare/1.2.1...1.2.2
|
|
1525
1530
|
[1.2.1]: https://github.com/Automattic/jetpack-components/compare/1.2.0...1.2.1
|
|
@@ -2,6 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
.container {
|
|
4
4
|
--padding: calc(var(--spacing-base) * 4);
|
|
5
|
+
--padding-horizontal: calc(var(--spacing-base) * 3);
|
|
6
|
+
--padding-vertical: var(--spacing-base);
|
|
7
|
+
--item-border-color: #f0f0f0;
|
|
5
8
|
color: var(--jp-black);
|
|
6
9
|
}
|
|
7
10
|
|
|
@@ -45,7 +48,7 @@
|
|
|
45
48
|
// Border styles for all columns (default gray borders)
|
|
46
49
|
> :first-child {
|
|
47
50
|
border-style: solid;
|
|
48
|
-
border-color: var(--
|
|
51
|
+
border-color: var(--item-border-color);
|
|
49
52
|
border-width: 1.5px 1.5px 0;
|
|
50
53
|
border-start-start-radius: 8px;
|
|
51
54
|
border-start-end-radius: 8px;
|
|
@@ -53,14 +56,14 @@
|
|
|
53
56
|
|
|
54
57
|
> :last-child {
|
|
55
58
|
border-style: solid;
|
|
56
|
-
border-color: var(--
|
|
59
|
+
border-color: var(--item-border-color);
|
|
57
60
|
border-width: 0 1.5px 1.5px;
|
|
58
61
|
border-end-start-radius: 8px;
|
|
59
62
|
border-end-end-radius: 8px;
|
|
60
63
|
}
|
|
61
64
|
|
|
62
65
|
> :not(:first-child):not(:last-child) {
|
|
63
|
-
border-inline: 1.5px solid var(--
|
|
66
|
+
border-inline: 1.5px solid var(--item-border-color);
|
|
64
67
|
}
|
|
65
68
|
|
|
66
69
|
> * {
|
|
@@ -136,18 +139,19 @@
|
|
|
136
139
|
.item {
|
|
137
140
|
display: flex;
|
|
138
141
|
align-items: center;
|
|
139
|
-
padding-bottom:
|
|
142
|
+
padding-bottom: var(--padding-vertical);
|
|
140
143
|
position: relative;
|
|
144
|
+
line-height: 20px;
|
|
141
145
|
|
|
142
146
|
&:not(:nth-child(2)):not(.empty) {
|
|
143
|
-
padding-top:
|
|
147
|
+
padding-top: var(--padding-vertical);
|
|
144
148
|
|
|
145
149
|
&::before {
|
|
146
150
|
content: "";
|
|
147
151
|
position: absolute;
|
|
148
152
|
top: 0;
|
|
149
|
-
inset-inline-start: var(--padding);
|
|
150
|
-
inset-inline-end: var(--padding);
|
|
153
|
+
inset-inline-start: var(--padding-horizontal);
|
|
154
|
+
inset-inline-end: var(--padding-horizontal);
|
|
151
155
|
height: 1px;
|
|
152
156
|
|
|
153
157
|
z-index: 5;
|
|
@@ -165,7 +169,7 @@
|
|
|
165
169
|
}
|
|
166
170
|
|
|
167
171
|
&:last-of-type {
|
|
168
|
-
padding-bottom: var(--padding);
|
|
172
|
+
padding-bottom: var(--padding-vertical);
|
|
169
173
|
}
|
|
170
174
|
}
|
|
171
175
|
|
|
@@ -174,8 +178,8 @@
|
|
|
174
178
|
}
|
|
175
179
|
|
|
176
180
|
.value {
|
|
177
|
-
padding-left: var(--padding);
|
|
178
|
-
padding-right: var(--padding);
|
|
181
|
+
padding-left: var(--padding-horizontal);
|
|
182
|
+
padding-right: var(--padding-horizontal);
|
|
179
183
|
}
|
|
180
184
|
|
|
181
185
|
.icon {
|
package/package.json
CHANGED