UNPKG

@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
# 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))