From fbbac9128d29deda76dd489df08bc6362b3cc377 Mon Sep 17 00:00:00 2001
From: dan-searle <dan.m.searle@gmail.com>
Date: Tue, 4 Dec 2018 10:50:28 +0000
Subject: [PATCH] Use x-article-save-button@0.0.8

---
 .../__snapshots__/snapshots.test.js.snap      | 162 +++++++++
 .../TeaserTimeline.test.jsx.snap              | 324 ++++++++++++++++++
 components/x-teaser-timeline/package.json     |   2 +-
 3 files changed, 487 insertions(+), 1 deletion(-)

diff --git a/__tests__/__snapshots__/snapshots.test.js.snap b/__tests__/__snapshots__/snapshots.test.js.snap
index 3d75f1ea0..d7b7f3237 100644
--- a/__tests__/__snapshots__/snapshots.test.js.snap
+++ b/__tests__/__snapshots__/snapshots.test.js.snap
@@ -5629,6 +5629,9 @@ exports[`@financial-times/x-teaser-timeline renders a default With latest items
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -5721,6 +5724,9 @@ exports[`@financial-times/x-teaser-timeline renders a default With latest items
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Saved
             </button>
           </form>
@@ -5826,6 +5832,9 @@ exports[`@financial-times/x-teaser-timeline renders a default With latest items
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -5918,6 +5927,9 @@ exports[`@financial-times/x-teaser-timeline renders a default With latest items
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -6015,6 +6027,9 @@ exports[`@financial-times/x-teaser-timeline renders a default With latest items
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -6107,6 +6122,9 @@ exports[`@financial-times/x-teaser-timeline renders a default With latest items
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -6212,6 +6230,9 @@ exports[`@financial-times/x-teaser-timeline renders a default With latest items
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -6309,6 +6330,9 @@ exports[`@financial-times/x-teaser-timeline renders a default With latest items
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -6401,6 +6425,9 @@ exports[`@financial-times/x-teaser-timeline renders a default With latest items
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -6493,6 +6520,9 @@ exports[`@financial-times/x-teaser-timeline renders a default With latest items
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -6580,6 +6610,9 @@ exports[`@financial-times/x-teaser-timeline renders a default With latest items
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -6667,6 +6700,9 @@ exports[`@financial-times/x-teaser-timeline renders a default With latest items
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -6759,6 +6795,9 @@ exports[`@financial-times/x-teaser-timeline renders a default With latest items
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -6826,6 +6865,9 @@ exports[`@financial-times/x-teaser-timeline renders a default With latest items
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -6918,6 +6960,9 @@ exports[`@financial-times/x-teaser-timeline renders a default With latest items
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -7010,6 +7055,9 @@ exports[`@financial-times/x-teaser-timeline renders a default With latest items
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -7115,6 +7163,9 @@ exports[`@financial-times/x-teaser-timeline renders a default With latest items
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -7177,6 +7228,9 @@ exports[`@financial-times/x-teaser-timeline renders a default With latest items
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -7264,6 +7318,9 @@ exports[`@financial-times/x-teaser-timeline renders a default With latest items
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -7361,6 +7418,9 @@ exports[`@financial-times/x-teaser-timeline renders a default With latest items
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -7453,6 +7513,9 @@ exports[`@financial-times/x-teaser-timeline renders a default With latest items
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -7545,6 +7608,9 @@ exports[`@financial-times/x-teaser-timeline renders a default With latest items
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -7637,6 +7703,9 @@ exports[`@financial-times/x-teaser-timeline renders a default With latest items
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -7724,6 +7793,9 @@ exports[`@financial-times/x-teaser-timeline renders a default With latest items
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -7816,6 +7888,9 @@ exports[`@financial-times/x-teaser-timeline renders a default With latest items
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -7883,6 +7958,9 @@ exports[`@financial-times/x-teaser-timeline renders a default With latest items
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -7945,6 +8023,9 @@ exports[`@financial-times/x-teaser-timeline renders a default With latest items
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -8055,6 +8136,9 @@ exports[`@financial-times/x-teaser-timeline renders a default Without latest ite
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -8147,6 +8231,9 @@ exports[`@financial-times/x-teaser-timeline renders a default Without latest ite
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Saved
             </button>
           </form>
@@ -8239,6 +8326,9 @@ exports[`@financial-times/x-teaser-timeline renders a default Without latest ite
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -8331,6 +8421,9 @@ exports[`@financial-times/x-teaser-timeline renders a default Without latest ite
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -8428,6 +8521,9 @@ exports[`@financial-times/x-teaser-timeline renders a default Without latest ite
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -8520,6 +8616,9 @@ exports[`@financial-times/x-teaser-timeline renders a default Without latest ite
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -8625,6 +8724,9 @@ exports[`@financial-times/x-teaser-timeline renders a default Without latest ite
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -8722,6 +8824,9 @@ exports[`@financial-times/x-teaser-timeline renders a default Without latest ite
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -8814,6 +8919,9 @@ exports[`@financial-times/x-teaser-timeline renders a default Without latest ite
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -8906,6 +9014,9 @@ exports[`@financial-times/x-teaser-timeline renders a default Without latest ite
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -8993,6 +9104,9 @@ exports[`@financial-times/x-teaser-timeline renders a default Without latest ite
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -9080,6 +9194,9 @@ exports[`@financial-times/x-teaser-timeline renders a default Without latest ite
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -9172,6 +9289,9 @@ exports[`@financial-times/x-teaser-timeline renders a default Without latest ite
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -9239,6 +9359,9 @@ exports[`@financial-times/x-teaser-timeline renders a default Without latest ite
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -9331,6 +9454,9 @@ exports[`@financial-times/x-teaser-timeline renders a default Without latest ite
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -9423,6 +9549,9 @@ exports[`@financial-times/x-teaser-timeline renders a default Without latest ite
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -9528,6 +9657,9 @@ exports[`@financial-times/x-teaser-timeline renders a default Without latest ite
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -9590,6 +9722,9 @@ exports[`@financial-times/x-teaser-timeline renders a default Without latest ite
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -9677,6 +9812,9 @@ exports[`@financial-times/x-teaser-timeline renders a default Without latest ite
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -9774,6 +9912,9 @@ exports[`@financial-times/x-teaser-timeline renders a default Without latest ite
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -9866,6 +10007,9 @@ exports[`@financial-times/x-teaser-timeline renders a default Without latest ite
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -9958,6 +10102,9 @@ exports[`@financial-times/x-teaser-timeline renders a default Without latest ite
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -10050,6 +10197,9 @@ exports[`@financial-times/x-teaser-timeline renders a default Without latest ite
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -10137,6 +10287,9 @@ exports[`@financial-times/x-teaser-timeline renders a default Without latest ite
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -10229,6 +10382,9 @@ exports[`@financial-times/x-teaser-timeline renders a default Without latest ite
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -10296,6 +10452,9 @@ exports[`@financial-times/x-teaser-timeline renders a default Without latest ite
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -10358,6 +10517,9 @@ exports[`@financial-times/x-teaser-timeline renders a default Without latest ite
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
diff --git a/components/x-teaser-timeline/__tests__/__snapshots__/TeaserTimeline.test.jsx.snap b/components/x-teaser-timeline/__tests__/__snapshots__/TeaserTimeline.test.jsx.snap
index 9cc3eef55..294887a3e 100644
--- a/components/x-teaser-timeline/__tests__/__snapshots__/TeaserTimeline.test.jsx.snap
+++ b/components/x-teaser-timeline/__tests__/__snapshots__/TeaserTimeline.test.jsx.snap
@@ -100,6 +100,9 @@ exports[`x-teaser-timeline given latestItemsTime is not set renders earlier, yes
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -192,6 +195,9 @@ exports[`x-teaser-timeline given latestItemsTime is not set renders earlier, yes
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Saved
             </button>
           </form>
@@ -284,6 +290,9 @@ exports[`x-teaser-timeline given latestItemsTime is not set renders earlier, yes
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -376,6 +385,9 @@ exports[`x-teaser-timeline given latestItemsTime is not set renders earlier, yes
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -473,6 +485,9 @@ exports[`x-teaser-timeline given latestItemsTime is not set renders earlier, yes
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -565,6 +580,9 @@ exports[`x-teaser-timeline given latestItemsTime is not set renders earlier, yes
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -670,6 +688,9 @@ exports[`x-teaser-timeline given latestItemsTime is not set renders earlier, yes
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -767,6 +788,9 @@ exports[`x-teaser-timeline given latestItemsTime is not set renders earlier, yes
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -859,6 +883,9 @@ exports[`x-teaser-timeline given latestItemsTime is not set renders earlier, yes
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -951,6 +978,9 @@ exports[`x-teaser-timeline given latestItemsTime is not set renders earlier, yes
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -1038,6 +1068,9 @@ exports[`x-teaser-timeline given latestItemsTime is not set renders earlier, yes
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -1125,6 +1158,9 @@ exports[`x-teaser-timeline given latestItemsTime is not set renders earlier, yes
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -1217,6 +1253,9 @@ exports[`x-teaser-timeline given latestItemsTime is not set renders earlier, yes
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -1284,6 +1323,9 @@ exports[`x-teaser-timeline given latestItemsTime is not set renders earlier, yes
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -1376,6 +1418,9 @@ exports[`x-teaser-timeline given latestItemsTime is not set renders earlier, yes
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -1468,6 +1513,9 @@ exports[`x-teaser-timeline given latestItemsTime is not set renders earlier, yes
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -1573,6 +1621,9 @@ exports[`x-teaser-timeline given latestItemsTime is not set renders earlier, yes
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -1635,6 +1686,9 @@ exports[`x-teaser-timeline given latestItemsTime is not set renders earlier, yes
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -1722,6 +1776,9 @@ exports[`x-teaser-timeline given latestItemsTime is not set renders earlier, yes
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -1819,6 +1876,9 @@ exports[`x-teaser-timeline given latestItemsTime is not set renders earlier, yes
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -1911,6 +1971,9 @@ exports[`x-teaser-timeline given latestItemsTime is not set renders earlier, yes
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -2003,6 +2066,9 @@ exports[`x-teaser-timeline given latestItemsTime is not set renders earlier, yes
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -2095,6 +2161,9 @@ exports[`x-teaser-timeline given latestItemsTime is not set renders earlier, yes
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -2182,6 +2251,9 @@ exports[`x-teaser-timeline given latestItemsTime is not set renders earlier, yes
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -2274,6 +2346,9 @@ exports[`x-teaser-timeline given latestItemsTime is not set renders earlier, yes
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -2341,6 +2416,9 @@ exports[`x-teaser-timeline given latestItemsTime is not set renders earlier, yes
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -2403,6 +2481,9 @@ exports[`x-teaser-timeline given latestItemsTime is not set renders earlier, yes
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -2513,6 +2594,9 @@ exports[`x-teaser-timeline given latestItemsTime is set but is not same date as
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -2605,6 +2689,9 @@ exports[`x-teaser-timeline given latestItemsTime is set but is not same date as
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Saved
             </button>
           </form>
@@ -2697,6 +2784,9 @@ exports[`x-teaser-timeline given latestItemsTime is set but is not same date as
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -2789,6 +2879,9 @@ exports[`x-teaser-timeline given latestItemsTime is set but is not same date as
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -2886,6 +2979,9 @@ exports[`x-teaser-timeline given latestItemsTime is set but is not same date as
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -2978,6 +3074,9 @@ exports[`x-teaser-timeline given latestItemsTime is set but is not same date as
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -3083,6 +3182,9 @@ exports[`x-teaser-timeline given latestItemsTime is set but is not same date as
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -3180,6 +3282,9 @@ exports[`x-teaser-timeline given latestItemsTime is set but is not same date as
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -3272,6 +3377,9 @@ exports[`x-teaser-timeline given latestItemsTime is set but is not same date as
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -3364,6 +3472,9 @@ exports[`x-teaser-timeline given latestItemsTime is set but is not same date as
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -3451,6 +3562,9 @@ exports[`x-teaser-timeline given latestItemsTime is set but is not same date as
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -3538,6 +3652,9 @@ exports[`x-teaser-timeline given latestItemsTime is set but is not same date as
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -3630,6 +3747,9 @@ exports[`x-teaser-timeline given latestItemsTime is set but is not same date as
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -3697,6 +3817,9 @@ exports[`x-teaser-timeline given latestItemsTime is set but is not same date as
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -3789,6 +3912,9 @@ exports[`x-teaser-timeline given latestItemsTime is set but is not same date as
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -3881,6 +4007,9 @@ exports[`x-teaser-timeline given latestItemsTime is set but is not same date as
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -3986,6 +4115,9 @@ exports[`x-teaser-timeline given latestItemsTime is set but is not same date as
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -4048,6 +4180,9 @@ exports[`x-teaser-timeline given latestItemsTime is set but is not same date as
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -4135,6 +4270,9 @@ exports[`x-teaser-timeline given latestItemsTime is set but is not same date as
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -4232,6 +4370,9 @@ exports[`x-teaser-timeline given latestItemsTime is set but is not same date as
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -4324,6 +4465,9 @@ exports[`x-teaser-timeline given latestItemsTime is set but is not same date as
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -4416,6 +4560,9 @@ exports[`x-teaser-timeline given latestItemsTime is set but is not same date as
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -4508,6 +4655,9 @@ exports[`x-teaser-timeline given latestItemsTime is set but is not same date as
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -4595,6 +4745,9 @@ exports[`x-teaser-timeline given latestItemsTime is set but is not same date as
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -4687,6 +4840,9 @@ exports[`x-teaser-timeline given latestItemsTime is set but is not same date as
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -4754,6 +4910,9 @@ exports[`x-teaser-timeline given latestItemsTime is set but is not same date as
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -4816,6 +4975,9 @@ exports[`x-teaser-timeline given latestItemsTime is set but is not same date as
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -4926,6 +5088,9 @@ exports[`x-teaser-timeline given latestItemsTime is set renders latest, earlier,
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -5018,6 +5183,9 @@ exports[`x-teaser-timeline given latestItemsTime is set renders latest, earlier,
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Saved
             </button>
           </form>
@@ -5123,6 +5291,9 @@ exports[`x-teaser-timeline given latestItemsTime is set renders latest, earlier,
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -5215,6 +5386,9 @@ exports[`x-teaser-timeline given latestItemsTime is set renders latest, earlier,
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -5312,6 +5486,9 @@ exports[`x-teaser-timeline given latestItemsTime is set renders latest, earlier,
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -5404,6 +5581,9 @@ exports[`x-teaser-timeline given latestItemsTime is set renders latest, earlier,
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -5509,6 +5689,9 @@ exports[`x-teaser-timeline given latestItemsTime is set renders latest, earlier,
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -5606,6 +5789,9 @@ exports[`x-teaser-timeline given latestItemsTime is set renders latest, earlier,
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -5698,6 +5884,9 @@ exports[`x-teaser-timeline given latestItemsTime is set renders latest, earlier,
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -5790,6 +5979,9 @@ exports[`x-teaser-timeline given latestItemsTime is set renders latest, earlier,
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -5877,6 +6069,9 @@ exports[`x-teaser-timeline given latestItemsTime is set renders latest, earlier,
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -5964,6 +6159,9 @@ exports[`x-teaser-timeline given latestItemsTime is set renders latest, earlier,
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -6056,6 +6254,9 @@ exports[`x-teaser-timeline given latestItemsTime is set renders latest, earlier,
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -6123,6 +6324,9 @@ exports[`x-teaser-timeline given latestItemsTime is set renders latest, earlier,
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -6215,6 +6419,9 @@ exports[`x-teaser-timeline given latestItemsTime is set renders latest, earlier,
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -6307,6 +6514,9 @@ exports[`x-teaser-timeline given latestItemsTime is set renders latest, earlier,
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -6412,6 +6622,9 @@ exports[`x-teaser-timeline given latestItemsTime is set renders latest, earlier,
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -6474,6 +6687,9 @@ exports[`x-teaser-timeline given latestItemsTime is set renders latest, earlier,
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -6561,6 +6777,9 @@ exports[`x-teaser-timeline given latestItemsTime is set renders latest, earlier,
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -6658,6 +6877,9 @@ exports[`x-teaser-timeline given latestItemsTime is set renders latest, earlier,
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -6750,6 +6972,9 @@ exports[`x-teaser-timeline given latestItemsTime is set renders latest, earlier,
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -6842,6 +7067,9 @@ exports[`x-teaser-timeline given latestItemsTime is set renders latest, earlier,
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -6934,6 +7162,9 @@ exports[`x-teaser-timeline given latestItemsTime is set renders latest, earlier,
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -7021,6 +7252,9 @@ exports[`x-teaser-timeline given latestItemsTime is set renders latest, earlier,
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -7113,6 +7347,9 @@ exports[`x-teaser-timeline given latestItemsTime is set renders latest, earlier,
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -7180,6 +7417,9 @@ exports[`x-teaser-timeline given latestItemsTime is set renders latest, earlier,
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -7242,6 +7482,9 @@ exports[`x-teaser-timeline given latestItemsTime is set renders latest, earlier,
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -7352,6 +7595,9 @@ exports[`x-teaser-timeline showSaveButtons given showSaveButtons is not set or i
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -7444,6 +7690,9 @@ exports[`x-teaser-timeline showSaveButtons given showSaveButtons is not set or i
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Saved
             </button>
           </form>
@@ -7536,6 +7785,9 @@ exports[`x-teaser-timeline showSaveButtons given showSaveButtons is not set or i
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -7628,6 +7880,9 @@ exports[`x-teaser-timeline showSaveButtons given showSaveButtons is not set or i
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -7725,6 +7980,9 @@ exports[`x-teaser-timeline showSaveButtons given showSaveButtons is not set or i
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -7817,6 +8075,9 @@ exports[`x-teaser-timeline showSaveButtons given showSaveButtons is not set or i
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -7922,6 +8183,9 @@ exports[`x-teaser-timeline showSaveButtons given showSaveButtons is not set or i
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -8019,6 +8283,9 @@ exports[`x-teaser-timeline showSaveButtons given showSaveButtons is not set or i
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -8111,6 +8378,9 @@ exports[`x-teaser-timeline showSaveButtons given showSaveButtons is not set or i
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -8203,6 +8473,9 @@ exports[`x-teaser-timeline showSaveButtons given showSaveButtons is not set or i
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -8290,6 +8563,9 @@ exports[`x-teaser-timeline showSaveButtons given showSaveButtons is not set or i
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -8377,6 +8653,9 @@ exports[`x-teaser-timeline showSaveButtons given showSaveButtons is not set or i
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -8469,6 +8748,9 @@ exports[`x-teaser-timeline showSaveButtons given showSaveButtons is not set or i
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -8536,6 +8818,9 @@ exports[`x-teaser-timeline showSaveButtons given showSaveButtons is not set or i
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -8628,6 +8913,9 @@ exports[`x-teaser-timeline showSaveButtons given showSaveButtons is not set or i
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -8720,6 +9008,9 @@ exports[`x-teaser-timeline showSaveButtons given showSaveButtons is not set or i
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -8825,6 +9116,9 @@ exports[`x-teaser-timeline showSaveButtons given showSaveButtons is not set or i
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -8887,6 +9181,9 @@ exports[`x-teaser-timeline showSaveButtons given showSaveButtons is not set or i
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -8974,6 +9271,9 @@ exports[`x-teaser-timeline showSaveButtons given showSaveButtons is not set or i
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -9071,6 +9371,9 @@ exports[`x-teaser-timeline showSaveButtons given showSaveButtons is not set or i
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -9163,6 +9466,9 @@ exports[`x-teaser-timeline showSaveButtons given showSaveButtons is not set or i
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -9255,6 +9561,9 @@ exports[`x-teaser-timeline showSaveButtons given showSaveButtons is not set or i
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -9347,6 +9656,9 @@ exports[`x-teaser-timeline showSaveButtons given showSaveButtons is not set or i
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -9434,6 +9746,9 @@ exports[`x-teaser-timeline showSaveButtons given showSaveButtons is not set or i
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -9526,6 +9841,9 @@ exports[`x-teaser-timeline showSaveButtons given showSaveButtons is not set or i
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -9593,6 +9911,9 @@ exports[`x-teaser-timeline showSaveButtons given showSaveButtons is not set or i
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
@@ -9655,6 +9976,9 @@ exports[`x-teaser-timeline showSaveButtons given showSaveButtons is not set or i
               data-trackable="save-for-later"
               type="submit"
             >
+              <span
+                className="ArticleSaveButton_icon__-7Con"
+              />
               Save
             </button>
           </form>
diff --git a/components/x-teaser-timeline/package.json b/components/x-teaser-timeline/package.json
index 04aae44f5..031e9c78c 100644
--- a/components/x-teaser-timeline/package.json
+++ b/components/x-teaser-timeline/package.json
@@ -18,7 +18,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@financial-times/x-article-save-button": "0.0.7",
+    "@financial-times/x-article-save-button": "0.0.8",
     "@financial-times/x-engine": "file:../../packages/x-engine",
     "@financial-times/x-teaser": "file:../x-teaser",
     "classnames": "^2.2.6",