Skip to content

Releases: Financial-Times/x-dash

v20.0.1

13 Mar 09:37
489bb5f

Choose a tag to compare

What's Changed

New Contributors

Full Changelog: v20.0.0...v20.0.1

v20.0.0 x-teaser rework

04 Mar 11:23
c3f4760

Choose a tag to compare

What's Changed

Breaking changes to x-teaser introduced in the following PR:

Full Changelog: v19.0.1...v20.0.0

v20.0.0-beta.3

04 Mar 09:20

Choose a tag to compare

v20.0.0-beta.3 Pre-release
Pre-release

What's Changed

Full Changelog: v19.0.1...v20.0.0-beta.3

v19.0.1

17 Feb 10:49
5027e03

Choose a tag to compare

What's Changed

Full Changelog: v19.0.0...v19.0.1

v19.0.0

09 Feb 09:56
3250077

Choose a tag to compare

What's Changed

  • [CULT-757] Replace isScoop with isExclusive by @metart43 in #847

Full Changelog: v18.2.1...v19.0.0

v18.2.1

26 Jan 15:06
c8acad6

Choose a tag to compare

What's Changed

Full Changelog: v18.2.0...v18.2.1

v18.2.0

05 Jan 15:11
f38d1a3

Choose a tag to compare

What's Changed

New Contributors

Full Changelog: v18.1.0...v18.2.0

v18.1.0

05 Nov 09:29
dd36594

Choose a tag to compare

What's Changed

  • CULT-625: Add Scoop Label to Teaser Status by @fenglish in #843

This change updates the status display hierarchy (Live now takes priority over Premium).
However, this won’t have much impact, as it’s very rare for content to have both Live and Premium statuses.

Full Changelog: v18.0.0...v18.1.0

v18.0.0

30 Oct 10:17
db7ccff

Choose a tag to compare

What's Changed

  • CULT-501: Update LiveBlogStatus in x-teaser by @fenglish in #839
  • CULT-501: Update LiveBlogStatus in x-teaser-timeline by @fenglish in #842

Migration Guide

The o-teaser--live class, which applies the live blog teaser styling (red background with white text), is no longer added automatically when content data has status: "inprogress".

Before

  1. The content data included status: "inprogress".

  2. The consumer app imported the _oTeaserThemeLive styles.
    For example:

    $o-teaser-is-silent: false;
    @import '@financial-times/o-teaser/main';

After

Steps 1 and 2 remain the same, but you now need to explicitly enable live teaser styling by setting allowLiveTeaserStyling to true:

<Teaser {...props} allowLiveTeaserStyling={true} />

Additional Change: Live Blog Status Label

The Live label is now provided by o-labels, not o-teaser.

Before

<div class="o-teaser__timestamp o-teaser__timestamp--live">
  <span class="o-teaser__timestamp-prefix"> live </span>
</div>

After

<span class="o-labels-indicator o-labels-indicator--live o-labels-indicator--badge">
  <span class="o-labels-indicator__status"> Live </span>
</span>

If your app overrides any of the previous teaser classes, please update the styles accordingly.


Full Changelog: v17.0.5...v18.0.0

v17.0.5

23 Oct 14:23
f0aa97b

Choose a tag to compare

What's Changed

Full Changelog: v17.0.4...v17.0.5