@financial-times/o-labels 8.0.1 → 8.0.2
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 +8 -0
- package/MIGRATION.md +0 -2
- package/README.md +3 -3
- package/package.json +1 -1
- package/src/scss/_brand.scss +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [8.0.2](https://github.com/Financial-Times/origami/compare/o-labels-v8.0.1...o-labels-v8.0.2) (2026-04-02)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Bug Fixes
|
|
7
|
+
|
|
8
|
+
* hard code usages of missing tokens from internal brand ([#2412](https://github.com/Financial-Times/origami/issues/2412)) ([f19fd71](https://github.com/Financial-Times/origami/commit/f19fd71dccce3c27f2ac6f7ef2a1776088c7e479))
|
|
9
|
+
* restore mandarin and oxford supports-variants ([#2414](https://github.com/Financial-Times/origami/issues/2414)) ([fa13277](https://github.com/Financial-Times/origami/commit/fa1327731f9e3a0a7f4d8d7e3659b1b6ef3e10b3))
|
|
10
|
+
|
|
3
11
|
## [8.0.1](https://github.com/Financial-Times/origami/compare/o-labels-v8.0.0...o-labels-v8.0.1) (2026-02-25)
|
|
4
12
|
|
|
5
13
|
|
package/MIGRATION.md
CHANGED
|
@@ -30,8 +30,6 @@ To upgrade, replace the following "o2" components with their "o3" equivalent:
|
|
|
30
30
|
|
|
31
31
|
Support for Bower and version 2 of the Origami Build Service have been removed.
|
|
32
32
|
|
|
33
|
-
Follow [the migration guide on the Origami website](https://origami.ft.com/documentation/tutorials/bower-to-npm/).
|
|
34
|
-
|
|
35
33
|
## Migrating from v4 to v5
|
|
36
34
|
|
|
37
35
|
### Updated dependencies
|
package/README.md
CHANGED
|
@@ -190,7 +190,7 @@ Use the modifier class `o-labels-indicator--closed` for a closed label:
|
|
|
190
190
|
</span>
|
|
191
191
|
```
|
|
192
192
|
|
|
193
|
-
For an updated or new label use the associated modifier class, e.g. `o-labels-indicator--updated`, and add a child element `o-labels-indicator__timestamp` to show the new/updated time. We recommend using [o-date](https://
|
|
193
|
+
For an updated or new label use the associated modifier class, e.g. `o-labels-indicator--updated`, and add a child element `o-labels-indicator__timestamp` to show the new/updated time. We recommend using [o-date](https://o2-core.origami.ft.com/?path=/docs/maintained-o-date-readme--docs&globals=backgrounds:!undefined) to format the timestamp element.
|
|
194
194
|
|
|
195
195
|
```html
|
|
196
196
|
<span class="o-labels-indicator o-labels-indicator--new">
|
|
@@ -228,7 +228,7 @@ To include a timestamp label use the following markup. Note the timestamp label
|
|
|
228
228
|
</span>
|
|
229
229
|
```
|
|
230
230
|
|
|
231
|
-
As with the indicator label, we recommend using [o-date](https://
|
|
231
|
+
As with the indicator label, we recommend using [o-date](https://o2-core.origami.ft.com/?path=/docs/maintained-o-date-readme--docs&globals=backgrounds:!undefined) to format the timestamp element.
|
|
232
232
|
|
|
233
233
|
## Sass
|
|
234
234
|
|
|
@@ -282,7 +282,7 @@ Or pass an options map `$opts` argument to output just the label styles you need
|
|
|
282
282
|
|
|
283
283
|
### Custom Standard Label State
|
|
284
284
|
|
|
285
|
-
Use `oLabelsAddState` mixin to add a custom label state for the standard label. See the [`oLabelsAddState` SassDoc](https://
|
|
285
|
+
Use `oLabelsAddState` mixin to add a custom label state for the standard label. See the [`oLabelsAddState` SassDoc](https://o2-core.origami.ft.com/?path=/docs/maintained-o-labels-sassdoc--docs&globals=backgrounds:!undefined#olabelsaddstate) for more details.
|
|
286
286
|
|
|
287
287
|
```scss
|
|
288
288
|
// outputs a class .o-labels--citrus-fruit
|
package/package.json
CHANGED
package/src/scss/_brand.scss
CHANGED
|
@@ -125,8 +125,8 @@ $_o-labels-shared-brand-config: (
|
|
|
125
125
|
border-color: #c0c0c0
|
|
126
126
|
),
|
|
127
127
|
'oxford': (
|
|
128
|
-
background-color:
|
|
129
|
-
border-color:
|
|
128
|
+
background-color: #0f5499,
|
|
129
|
+
border-color: #0f5499
|
|
130
130
|
),
|
|
131
131
|
'teal': (
|
|
132
132
|
background-color: oPrivateFoundationGet('o3-color-palette-teal-50'),
|
|
@@ -149,8 +149,8 @@ $_o-labels-shared-brand-config: (
|
|
|
149
149
|
border-color: oPrivateFoundationGet('o3-color-palette-crimson')
|
|
150
150
|
),
|
|
151
151
|
'mandarin': (
|
|
152
|
-
background-color:
|
|
153
|
-
border-color:
|
|
152
|
+
background-color: #ff8833,
|
|
153
|
+
border-color: #ff8833
|
|
154
154
|
)
|
|
155
155
|
)),
|
|
156
156
|
'supports-variants': (
|