@financial-times/o-teaser 7.2.1 → 8.0.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 +18 -0
- package/MIGRATION.md +4 -0
- package/README.md +2 -1
- package/package.json +1 -1
- package/src/scss/themes/_hero.scss +0 -23
- package/src/scss/themes/_package.scss +0 -17
- package/src/scss/themes/_standard.scss +0 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [8.0.1](https://github.com/Financial-Times/origami/compare/o-teaser-v8.0.0...o-teaser-v8.0.1) (2025-10-16)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Bug Fixes
|
|
7
|
+
|
|
8
|
+
* linting change ([2893812](https://github.com/Financial-Times/origami/commit/289381213bd4e589708af340a99bdf10db2810f3))
|
|
9
|
+
|
|
10
|
+
## [8.0.0](https://github.com/Financial-Times/origami/compare/o-teaser-v7.2.1...o-teaser-v8.0.0) (2025-10-14)
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
### ⚠ BREAKING CHANGES
|
|
14
|
+
|
|
15
|
+
* Remove tag underline from Hero & Package teasers
|
|
16
|
+
|
|
17
|
+
### Features
|
|
18
|
+
|
|
19
|
+
* Remove tag underline from Hero & Package teasers ([f7e86af](https://github.com/Financial-Times/origami/commit/f7e86af2dd0a224b39f24e401986948dc4aade35))
|
|
20
|
+
|
|
3
21
|
## [7.2.1](https://github.com/Financial-Times/origami/compare/o-teaser-v7.2.0...o-teaser-v7.2.1) (2025-09-23)
|
|
4
22
|
|
|
5
23
|
|
package/MIGRATION.md
CHANGED
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
# Migration guide
|
|
2
2
|
|
|
3
|
+
### Migrating to v8.0.0
|
|
4
|
+
|
|
5
|
+
v8.0.0 includes a minor visual update. You’ll need to check a few things to make sure it looks and works as expected.
|
|
6
|
+
|
|
3
7
|
### Migrating to v7.2.0
|
|
4
8
|
|
|
5
9
|
v7.2.0 includes a change to use Image Service V3. Whilst the change should be unobtrusive, there are some checks you will need to perform.
|
package/README.md
CHANGED
|
@@ -186,7 +186,8 @@ Uses the `o-teaser--audio` modifier.
|
|
|
186
186
|
|
|
187
187
|
| State | Major Version | Last Minor Release | Migration guide |
|
|
188
188
|
| :----------: | :-----------: | :----------------: | :---------------------------------------------------: |
|
|
189
|
-
| ⚠ maintained |
|
|
189
|
+
| ⚠ maintained | 8 | N/A | [migrate to v8](MIGRATION.md#migrating-from-v7-to-v8) |
|
|
190
|
+
| ╳ deprecated | 7 | 7.2.1 | [migrate to v7](MIGRATION.md#migrating-from-v6-to-v7) |
|
|
190
191
|
| ╳ deprecated | 6 | 6.4 | [migrate to v6](MIGRATION.md#migrating-from-v5-to-v6) |
|
|
191
192
|
| ╳ deprecated | 5 | 5.2 | [migrate to v5](MIGRATION.md#migrating-from-v4-to-v5) |
|
|
192
193
|
| ╳ deprecated | 4 | 4.0 | [migrate to v4](MIGRATION.md#migrating-from-v3-to-v4) |
|
package/package.json
CHANGED
|
@@ -8,16 +8,6 @@
|
|
|
8
8
|
border: 0;
|
|
9
9
|
word-break: break-word;
|
|
10
10
|
}
|
|
11
|
-
|
|
12
|
-
.o-teaser__meta:after {
|
|
13
|
-
content: '';
|
|
14
|
-
display: block;
|
|
15
|
-
width: 60px;
|
|
16
|
-
border-bottom: oPrivateSpacingByIncrement(1) solid
|
|
17
|
-
oPrivateFoundationGet('o3-color-palette-claret-60');
|
|
18
|
-
margin-top: oPrivateSpacingByName('s1');
|
|
19
|
-
margin-bottom: oPrivateSpacingByName('s2');
|
|
20
|
-
}
|
|
21
11
|
}
|
|
22
12
|
|
|
23
13
|
/// Base styles for themed hero teasers
|
|
@@ -141,10 +131,6 @@
|
|
|
141
131
|
color: inherit;
|
|
142
132
|
}
|
|
143
133
|
|
|
144
|
-
.o-teaser__meta:after {
|
|
145
|
-
border-bottom-color: oPrivateFoundationGet('o3-color-palette-white');
|
|
146
|
-
}
|
|
147
|
-
|
|
148
134
|
.o-teaser__tag:hover,
|
|
149
135
|
.o-teaser__tag:focus {
|
|
150
136
|
color: inherit;
|
|
@@ -193,11 +179,6 @@
|
|
|
193
179
|
font-weight: oPrivateFoundationGet('o3-type-headline-md-font-weight');
|
|
194
180
|
line-height: oPrivateFoundationGet('o3-type-headline-md-line-height');
|
|
195
181
|
}
|
|
196
|
-
|
|
197
|
-
.o-teaser__meta:after {
|
|
198
|
-
margin-left: auto;
|
|
199
|
-
margin-right: auto;
|
|
200
|
-
}
|
|
201
182
|
}
|
|
202
183
|
|
|
203
184
|
/// Centred hero teaser styles to centre image
|
|
@@ -251,10 +232,6 @@
|
|
|
251
232
|
|
|
252
233
|
.o-teaser__meta {
|
|
253
234
|
color: $hero-extra-highlight-color;
|
|
254
|
-
|
|
255
|
-
&:after {
|
|
256
|
-
border-color: $hero-extra-highlight-border;
|
|
257
|
-
}
|
|
258
235
|
}
|
|
259
236
|
|
|
260
237
|
.o-teaser__heading,
|
|
@@ -20,15 +20,6 @@
|
|
|
20
20
|
top: -50px;
|
|
21
21
|
background: inherit;
|
|
22
22
|
margin-bottom: 0;
|
|
23
|
-
|
|
24
|
-
&:after {
|
|
25
|
-
content: '';
|
|
26
|
-
display: block;
|
|
27
|
-
width: 60px;
|
|
28
|
-
border-bottom: oPrivateSpacingByIncrement(1) solid
|
|
29
|
-
oPrivateFoundationGet('o3-color-palette-claret-70');
|
|
30
|
-
margin-top: oPrivateSpacingByName('s1');
|
|
31
|
-
}
|
|
32
23
|
}
|
|
33
24
|
|
|
34
25
|
.o-teaser__heading {
|
|
@@ -58,10 +49,6 @@
|
|
|
58
49
|
|
|
59
50
|
.o-teaser__meta {
|
|
60
51
|
color: oPrivateFoundationGet('o3-color-palette-white');
|
|
61
|
-
|
|
62
|
-
&:after {
|
|
63
|
-
border-color: oPrivateFoundationGet('o3-color-palette-white');
|
|
64
|
-
}
|
|
65
52
|
}
|
|
66
53
|
|
|
67
54
|
.o-teaser__heading {
|
|
@@ -113,10 +100,6 @@
|
|
|
113
100
|
|
|
114
101
|
.o-teaser__meta {
|
|
115
102
|
color: oPrivateFoundationGet('o3-color-palette-lemon');
|
|
116
|
-
|
|
117
|
-
&:after {
|
|
118
|
-
border-color: oPrivateFoundationGet('o3-color-palette-lemon');
|
|
119
|
-
}
|
|
120
103
|
}
|
|
121
104
|
|
|
122
105
|
.o-teaser__heading {
|