@financial-times/o-teaser
Version:
Provides styling for teaser elements, which contain information about an article and link through to it
315 lines (152 loc) • 15 kB
Markdown
# Changelog
## [10.0.4](https://github.com/Financial-Times/origami/compare/o-teaser-v10.0.3...o-teaser-v10.0.4) (2026-04-02)
### Bug Fixes
* 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))
## [10.0.3](https://github.com/Financial-Times/origami/compare/o-teaser-v10.0.2...o-teaser-v10.0.3) (2026-03-23)
### Bug Fixes
* comment link no longer exists ([c82a7b3](https://github.com/Financial-Times/origami/commit/c82a7b3084e08274263725b31113f4aa54fce17a))
* comment link no longer exists ([fa33229](https://github.com/Financial-Times/origami/commit/fa3322918cc6de31e4815a6cbface1b21ee5b566))
## [10.0.2](https://github.com/Financial-Times/origami/compare/o-teaser-v10.0.1...o-teaser-v10.0.2) (2026-03-19)
### Bug Fixes
* visited link color for teaser heading prefix ([f156091](https://github.com/Financial-Times/origami/commit/f15609131e9963099389531bf21e29b09b54991e))
* visited link color for teaser heading prefix ([ed8adcf](https://github.com/Financial-Times/origami/commit/ed8adcf16afb189f1f0ae670b0dbd49c0acc187d))
## [10.0.1](https://github.com/Financial-Times/origami/compare/o-teaser-v10.0.0...o-teaser-v10.0.1) (2026-03-11)
### Bug Fixes
* broken live blog opinion indicator icon ([b747ce2](https://github.com/Financial-Times/origami/commit/b747ce203de7cbcc878d279c5c61d029ca97f554))
* broken live blog opinion indicator icon ([e704163](https://github.com/Financial-Times/origami/commit/e70416356266e8bc33f7055aae3ba74c1a91e606))
## [10.0.0](https://github.com/Financial-Times/origami/compare/o-teaser-v9.1.3...o-teaser-v10.0.0) (2026-02-19)
### ⚠ BREAKING CHANGES
* Add Byline component
### Features
* Add Byline component ([4d01245](https://github.com/Financial-Times/origami/commit/4d01245fb5d767a0f1cf5972714b603fab66383f))
* Add Byline stylings ([be46170](https://github.com/Financial-Times/origami/commit/be461709df3c64537e0519ca45009e1b116765e5))
* Add title indicator icon with Opinion teasers ([fc23079](https://github.com/Financial-Times/origami/commit/fc23079fdac6d2591842854058e26a2873e4985f))
* Add titlePrefix into Title component ([7e754f1](https://github.com/Financial-Times/origami/commit/7e754f111ca880defbe2cdc8ddba36fa624a0bad))
* Add titlePrefix stylings ([3ce1ae0](https://github.com/Financial-Times/origami/commit/3ce1ae0cdfdefe325f7ea2f9f2f930ba9c55cba9))
## [9.1.3](https://github.com/Financial-Times/origami/compare/o-teaser-v9.1.2...o-teaser-v9.1.3) (2026-02-05)
### Bug Fixes
* depend on v7 and v8 of o-labels on o-teaser ([#2360](https://github.com/Financial-Times/origami/issues/2360)) ([e4d4c46](https://github.com/Financial-Times/origami/commit/e4d4c464ad3acfa412002a550590d497a246de45))
## [9.1.2](https://github.com/Financial-Times/origami/compare/o-teaser-v9.1.1...o-teaser-v9.1.2) (2025-12-03)
### Bug Fixes
* revert focus styles for hero image text only ([b089867](https://github.com/Financial-Times/origami/commit/b08986790ecb7409c464f70b809b6abb56a01e23))
## [9.1.1](https://github.com/Financial-Times/origami/compare/o-teaser-v9.1.0...o-teaser-v9.1.1) (2025-11-18)
### Bug Fixes
* revert o3 focus styles on o-teaser links ([8d13d89](https://github.com/Financial-Times/origami/commit/8d13d89968893977a112b8c59779123fd43c9434))
## [9.1.0](https://github.com/Financial-Times/origami/compare/o-teaser-v9.0.0...o-teaser-v9.1.0) (2025-11-04)
### Features
* Add new styling for o-teaser labels ([#2268](https://github.com/Financial-Times/origami/issues/2268)) ([b356c83](https://github.com/Financial-Times/origami/commit/b356c8377817cadafc3e1da5614156f7d7159c63))
## [9.0.0](https://github.com/Financial-Times/origami/compare/o-teaser-v8.0.1...o-teaser-v9.0.0) (2025-10-23)
### ⚠ BREAKING CHANGES
* bump html-react-parser ([#2256](https://github.com/Financial-Times/origami/issues/2256))
### Features
* bump html-react-parser ([#2256](https://github.com/Financial-Times/origami/issues/2256)) ([81b1498](https://github.com/Financial-Times/origami/commit/81b149882e72a60a1311c1aae51ec447c1c9d532))
### Bug Fixes
* Remove standfirst hover and focus colour changes ([#2232](https://github.com/Financial-Times/origami/issues/2232)) ([741e2d3](https://github.com/Financial-Times/origami/commit/741e2d38df52335699ee0e448df6384ecb619772))
## [8.0.1](https://github.com/Financial-Times/origami/compare/o-teaser-v8.0.0...o-teaser-v8.0.1) (2025-10-16)
### Bug Fixes
* linting change ([2893812](https://github.com/Financial-Times/origami/commit/289381213bd4e589708af340a99bdf10db2810f3))
## [8.0.0](https://github.com/Financial-Times/origami/compare/o-teaser-v7.2.1...o-teaser-v8.0.0) (2025-10-14)
### ⚠ BREAKING CHANGES
* Remove tag underline from Hero & Package teasers
### Features
* Remove tag underline from Hero & Package teasers ([f7e86af](https://github.com/Financial-Times/origami/commit/f7e86af2dd0a224b39f24e401986948dc4aade35))
## [7.2.1](https://github.com/Financial-Times/origami/compare/o-teaser-v7.2.0...o-teaser-v7.2.1) (2025-09-23)
### Bug Fixes
* tag hover & focus colour for TopStoryLandscape theme ([3fb7a60](https://github.com/Financial-Times/origami/commit/3fb7a60378cfb2bd369c1aad60dde24fcd1d43d0))
## [7.2.0](https://github.com/Financial-Times/origami/compare/o-teaser-v7.1.5...o-teaser-v7.2.0) (2025-09-22)
### Features
* use image service v3 in o-teaser ([e9748e4](https://github.com/Financial-Times/origami/commit/e9748e4b28fc6591f052dd531e707889514b0bee))
## [7.1.5](https://github.com/Financial-Times/origami/compare/o-teaser-v7.1.4...o-teaser-v7.1.5) (2025-06-30)
### Bug Fixes
* move JSX to React namespace to support React v19 ([8663b25](https://github.com/Financial-Times/origami/commit/8663b255b002d99deb6ccab833be189f07284f55))
## [7.1.4](https://github.com/Financial-Times/origami/compare/o-teaser-v7.1.3...o-teaser-v7.1.4) (2025-06-17)
### Bug Fixes
* Update teaser topic tag typography ([bb7a9ee](https://github.com/Financial-Times/origami/commit/bb7a9eea91c78fed526b5b68c4ffed970c4e1239))
## [7.1.3](https://github.com/Financial-Times/origami/compare/o-teaser-v7.1.2...o-teaser-v7.1.3) (2025-05-29)
### Bug Fixes
* o-teaser timestamp margin ([e4c2815](https://github.com/Financial-Times/origami/commit/e4c2815ff3e11cdc880da8c7cd25fcda0540539c))
## [7.1.2](https://github.com/Financial-Times/origami/compare/o-teaser-v7.1.1...o-teaser-v7.1.2) (2025-04-29)
### Bug Fixes
* Force teaser to use latest foundations ([6636f86](https://github.com/Financial-Times/origami/commit/6636f86ea98654d935e712f331274343b323dbf4))
* Restore visited teaser style ([ee25688](https://github.com/Financial-Times/origami/commit/ee25688439d371ad9854bc55d155c4c8b16ac5f7))
## [7.1.1](https://github.com/Financial-Times/origami/compare/o-teaser-v7.1.0...o-teaser-v7.1.1) (2025-04-15)
### Bug Fixes
* Correct top story font size ([2c22d5c](https://github.com/Financial-Times/origami/commit/2c22d5c238737b66613968889d87a700a696d99f))
## [7.1.0](https://github.com/Financial-Times/origami/compare/o-teaser-v7.0.2...o-teaser-v7.1.0) (2025-04-10)
### Features
* Adjust headline type use-case tokens. ([94de648](https://github.com/Financial-Times/origami/commit/94de648780ab8d8877a7263fc07634fd29d035c8))
### Bug Fixes
* Correct misc teaser colours ([22a7ebd](https://github.com/Financial-Times/origami/commit/22a7ebdd5352786a8bca3fd70781fd3099831e5f))
## [7.0.2](https://github.com/Financial-Times/origami/compare/o-teaser-v7.0.1...o-teaser-v7.0.2) (2025-03-25)
### Bug Fixes
* Ensure o-teaser__timestamp modifiers have higher specificity ([e44fd56](https://github.com/Financial-Times/origami/commit/e44fd566c769104c9364a4583bf7ac3bb4cd7ffd))
## [7.0.1](https://github.com/Financial-Times/origami/compare/o-teaser-v7.0.0...o-teaser-v7.0.1) (2025-02-26)
### Bug Fixes
* Remove unused o-buttons reference ([1be12a8](https://github.com/Financial-Times/origami/commit/1be12a809a44421541412363671445477454656a))
* Remove unused o-icons iSass imports ([e8b105f](https://github.com/Financial-Times/origami/commit/e8b105fa887fbc50e5030fb1f398989df290046b))
## [7.0.0](https://github.com/Financial-Times/origami/compare/o-teaser-v6.4.1...o-teaser-v7.0.0) (2025-02-20)
### ⚠ BREAKING CHANGES
This introduces a new design language and visually breaking changes. Including mobile optimised typography, icons, and buttons (see [MIGRATION.md](./MIGRATION.md)).
#### Origami 3: Principles, Purpose, and Impact
For anyone in P&T. We covered what’s new in Origami 3 (o3), why it matters, and what’s next.
[Slides](https://docs.google.com/presentation/d/1Qs8RHpMrDxxP5LyrVlnsUHnS3AriRK5-IboUeneRyMs/edit#slide=id.g764506c38c_0_357) | [Recording](https://drive.google.com/file/d/1OMW9zdTOEUvWyW1trsFqL3XhpTejYelO/view)
#### Origami 3: Bridging design & code
For designers and engineers alike. How to work with design guidelines, design foundations, and techniques for designer–engineer collaboration.
[Slides](https://docs.google.com/presentation/d/1pGBKFNv-g8RbY2g3SJ7v823XBI-MQqpjHrdgg9B6bzI/edit#slide=id.g764506c38c_0_357) | [Recording](https://drive.google.com/file/d/14hWVKM690arNEWROPHx9gmebnOUa6wlM/view)
#### Origami 3: Engineers’ Deep Dive
We got into the technical detail. Working with Origami CSS (no more Sass), custom elements, JSX templates, etc.
[Slides](https://docs.google.com/presentation/d/1s1S959CwZYnd0Q89EhsDFLFUuy2HZ9UnpBVaDHDFX7A/edit#slide=id.g3347c4befb5_0_402) | [Recording](https://drive.google.com/file/d/1hDtSN8Ce_P0Vr_dv0KXuXhs5Q9aHfvAp/view)
## [6.4.1](https://github.com/Financial-Times/origami/compare/o-teaser-v6.4.0...o-teaser-v6.4.1) (2024-04-15)
### Bug Fixes
- remove background color sky when opinoion on teaser with post modifier ([6cc7cd8](https://github.com/Financial-Times/origami/commit/6cc7cd8769cde60a66a6f8676121996524039076))
## [6.4.0](https://github.com/Financial-Times/origami/compare/o-teaser-v6.3.0...o-teaser-v6.4.0) (2024-04-03)
### Features
- add post modifier to teaser ([f4e0ffe](https://github.com/Financial-Times/origami/commit/f4e0ffe8d9d3f78b974a9cce1d816e0e1e4243c9))
### Bug Fixes
- fix lint ([469b08b](https://github.com/Financial-Times/origami/commit/469b08b5338e99af1e3ac6648ff640b08a3096a1))
## [6.3.0](https://github.com/Financial-Times/origami/compare/o-teaser-v6.2.10...o-teaser-v6.3.0) (2024-03-18)
### Features
- increase teaser margin size for improved tapability ([c67c01d](https://github.com/Financial-Times/origami/commit/c67c01d55bd426ead426e2acc64cd97c15ef782c))
## [6.2.10](https://github.com/Financial-Times/origami/compare/o-teaser-v6.2.9...o-teaser-v6.2.10) (2023-11-09)
### Bug Fixes
- update o-teaser tsx templates to use date-fns version 2 ([#1331](https://github.com/Financial-Times/origami/issues/1331)) ([c53316b](https://github.com/Financial-Times/origami/commit/c53316ba964378d4f9077e2250fc73b40e9d2ab7))
## [6.2.9](https://github.com/Financial-Times/origami/compare/o-teaser-v6.2.8...o-teaser-v6.2.9) (2023-10-27)
### Bug Fixes
- Update node and npm ([c371fc3](https://github.com/Financial-Times/origami/commit/c371fc3f7f2d66266dbca95862ecef3ddeb1f339))
## [6.2.8](https://github.com/Financial-Times/origami/compare/o-teaser-v6.2.7...o-teaser-v6.2.8) (2023-08-25)
### Bug Fixes
- update o-typography dependency ([fb45b47](https://github.com/Financial-Times/origami/commit/fb45b47274241ea828f7dd50233441a76a215a51))
### [6.2.7](https://www.github.com/Financial-Times/origami/compare/o-teaser-v6.2.6...o-teaser-v6.2.7) (2023-04-28)
### Bug Fixes
- Require latest minor version of o-colors, o-buttons, and o-forms ([#1098](https://www.github.com/Financial-Times/origami/issues/1098)) ([b856ca6](https://www.github.com/Financial-Times/origami/commit/b856ca66c9ec555f3c70833ffa35cb05cd19841f))
### [6.2.6](https://www.github.com/Financial-Times/origami/compare/o-teaser-v6.2.5...o-teaser-v6.2.6) (2023-03-23)
### Bug Fixes
- o-teaser, update demo o-date dependnecy ([47cdd03](https://www.github.com/Financial-Times/origami/commit/47cdd033b5c311aeadf9e9744d7e25982a7a7a0c))
### [6.2.5](https://www.github.com/Financial-Times/origami/compare/o-teaser-v6.2.4...o-teaser-v6.2.5) (2023-01-20)
### Bug Fixes
- ensure components depend on the latest o-normalise version ([e910236](https://www.github.com/Financial-Times/origami/commit/e910236454318ce1bf198a06da7e76c0893c9142))
### [6.2.4](https://www.github.com/Financial-Times/origami/compare/o-teaser-v6.2.3...o-teaser-v6.2.4) (2022-12-21)
### Bug Fixes
- o-teaser, image hero meta contrast ([6b39c4e](https://www.github.com/Financial-Times/origami/commit/6b39c4e2ef3e2765510468bd37d6ad6b26a56908))
- require 3.3.0 or higher ([fc180c6](https://www.github.com/Financial-Times/origami/commit/fc180c619755daa1b7bfe65509f354cf0de113bf))
### [6.2.3](https://www.github.com/Financial-Times/origami/compare/o-teaser-v6.2.2...o-teaser-v6.2.3) (2022-12-15)
### Bug Fixes
- o-teaser, update demos to show focus states ([c0b0454](https://www.github.com/Financial-Times/origami/commit/c0b045475dbac8a2b89a4b496d9785b06bc74ebf))
### [6.2.2](https://www.github.com/Financial-Times/origami/compare/o-teaser-v6.2.1...o-teaser-v6.2.2) (2022-01-13)
### Bug Fixes
- expand all uses of docs to documentation ([26f8d9d](https://www.github.com/Financial-Times/origami/commit/26f8d9d8cbbe3e78902d8c3951b37e08150a77bd))
### [6.2.1](https://www.github.com/Financial-Times/origami/compare/o-teaser-v6.2.0...o-teaser-v6.2.1) (2021-12-24)
### Bug Fixes
- only output the o-teaser\_\_tag link if a tag exists ([1ffadca](https://www.github.com/Financial-Times/origami/commit/1ffadca7d12f753cf949a935ced0ee0969703446))
- run o-date in the demos to give the teasers a relative time ([9709af5](https://www.github.com/Financial-Times/origami/commit/9709af5472ea919c89a9311d4efe6183430e8864))
## [6.2.0](https://www.github.com/Financial-Times/origami/compare/o-teaser-v6.1.0...o-teaser-v6.2.0) (2021-11-24)
### Features
- allow npm 8 in engines config ([eeb1cae](https://www.github.com/Financial-Times/origami/commit/eeb1cae6e7f0379e647f2b41240b1f294997d528))
## [6.1.0](https://www.github.com/Financial-Times/origami/compare/o-teaser-v6.0.3...o-teaser-v6.1.0) (2021-11-08)
### Features
- Rename master brand in component origami.json ([f642faf](https://www.github.com/Financial-Times/origami/commit/f642faf0574d84ea8185b56e6090c8015def27e6))
### [6.0.3](https://www.github.com/Financial-Times/origami/compare/o-teaser-v6.0.2...o-teaser-v6.0.3) (2021-09-21)
### Bug Fixes
- Add homepage, bugs and support email to the package.json ([6c0de60](https://www.github.com/Financial-Times/origami/commit/6c0de60ebd6e64c4dd16d000fcc6b79412ce30f4))
- update bugs urls ([3ea0ca0](https://www.github.com/Financial-Times/origami/commit/3ea0ca03bcb6e55142a77387ad0fff5ddf056d44))
- update origami json urls ([c757653](https://www.github.com/Financial-Times/origami/commit/c7576532b5a14f0462d5346dfb63238be025602e))