@financial-times/o-labels 6.5.5 → 6.5.7
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 +14 -0
- package/README.md +0 -25
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [6.5.7](https://github.com/Financial-Times/origami/compare/o-labels-v6.5.6...o-labels-v6.5.7) (2023-08-25)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Bug Fixes
|
|
7
|
+
|
|
8
|
+
* update o-typography dependency ([fb45b47](https://github.com/Financial-Times/origami/commit/fb45b47274241ea828f7dd50233441a76a215a51))
|
|
9
|
+
|
|
10
|
+
### [6.5.6](https://www.github.com/Financial-Times/origami/compare/o-labels-v6.5.5...o-labels-v6.5.6) (2023-07-20)
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
### Bug Fixes
|
|
14
|
+
|
|
15
|
+
* correct table syntax ([86ff070](https://www.github.com/Financial-Times/origami/commit/86ff070848b001751bf36b67b83b5d1c4567a6f8))
|
|
16
|
+
|
|
3
17
|
### [6.5.5](https://www.github.com/Financial-Times/origami/compare/o-labels-v6.5.4...o-labels-v6.5.5) (2023-07-14)
|
|
4
18
|
|
|
5
19
|
|
package/README.md
CHANGED
|
@@ -10,12 +10,6 @@ Labels for content classification, to emphasise a value, or highlight a status.
|
|
|
10
10
|
- [Contact](#contact)
|
|
11
11
|
- [Licence](#licence)
|
|
12
12
|
|
|
13
|
-
Labels allow users to:
|
|
14
|
-
|
|
15
|
-
- Differentiate between content types.
|
|
16
|
-
- Create urgency for time-sensitive content.
|
|
17
|
-
- Understand that a product is still in an experimental stage.
|
|
18
|
-
|
|
19
13
|
## Usage
|
|
20
14
|
|
|
21
15
|
Check out [how to include Origami components in your project](https://origami.ft.com/docs/components/#including-origami-components-in-your-project) to get started with `o-labels`.
|
|
@@ -31,11 +25,6 @@ There are three types of label:
|
|
|
31
25
|
|
|
32
26
|
The standard label is used for content classification or to emphasise a value. For example to highlight commercial or premium content for the core brand, or to highlight a service tier in internal products. Custom labels may be created.
|
|
33
27
|
|
|
34
|
-
#### Usage
|
|
35
|
-
|
|
36
|
-
✅ Do: Place underneath the headline ([Figma](https://www.figma.com/file/rIWBCOOiVoBZA7EBqnlmpB?embed_host=notion&kind=&node-id=56%3A46&viewer=1))
|
|
37
|
-
|
|
38
|
-
❌ Don't: Place at the end of headline, as it breaks alignment and reduces ability to scan. ([Figma](https://www.figma.com/file/rIWBCOOiVoBZA7EBqnlmpB?embed_host=notion&kind=&node-id=85%3A114&viewer=1))
|
|
39
28
|
#### Standard Label Sizes
|
|
40
29
|
|
|
41
30
|
This table outlines the possible standard label sizes.
|
|
@@ -74,20 +63,6 @@ This table outlines the possible standard label states. Custom states may also b
|
|
|
74
63
|
### Indicator Label
|
|
75
64
|
|
|
76
65
|
The indicator label is used to show story status with new, updated, and live variants. The indicator label only supports the core brand but [internal brand support is under consideration](https://github.com/Financial-Times/o-labels/issues/58).
|
|
77
|
-
|
|
78
|
-
#### Usage
|
|
79
|
-
|
|
80
|
-
This can be used for a number of use cases:
|
|
81
|
-
|
|
82
|
-
a. to indicate relative time of publishing
|
|
83
|
-
|
|
84
|
-
✅ Do: Place after stand-first (or title if stand-first doesn't exist). ([Figma](https://www.figma.com/file/rIWBCOOiVoBZA7EBqnlmpB?embed_host=notion&kind=&node-id=85%3A60&viewer=1))
|
|
85
|
-
|
|
86
|
-
❌ Don't: Place alongside topic tag, as the hierarchy and colours create visual conflict. ([Figma](https://www.figma.com/file/rIWBCOOiVoBZA7EBqnlmpB?embed_host=notion&kind=&node-id=85%3A148&viewer=1))
|
|
87
|
-
|
|
88
|
-
b. to create urgency on time sensitive content ([Figma](https://www.figma.com/file/rIWBCOOiVoBZA7EBqnlmpB?embed_host=notion&kind=&node-id=85%3A1&viewer=1))
|
|
89
|
-
|
|
90
|
-
|
|
91
66
|
#### Indicator Label Status
|
|
92
67
|
|
|
93
68
|
This table outlines the possible indicator label statuses:
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@financial-times/o-labels",
|
|
3
|
-
"version": "6.5.
|
|
3
|
+
"version": "6.5.7",
|
|
4
4
|
"description": "Labels for content classification or to emphasise a value. Provides customisation options with the FT colour palette.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"label",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"@financial-times/o-colors": "^6.5.0",
|
|
27
27
|
"@financial-times/o-editorial-typography": "^2.0.1",
|
|
28
28
|
"@financial-times/o-spacing": "^3.0.0",
|
|
29
|
-
"@financial-times/o-typography": "^7.
|
|
29
|
+
"@financial-times/o-typography": "^7.4.1"
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
32
32
|
"@financial-times/o-fonts": "^5.2.0",
|