npm - @times-components/ts-components - Versions diffs - 1.64.0 → 1.64.2 - Mend

@times-components/ts-components 1.64.0 → 1.64.2

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.

Files changed (39) hide show

package/src/components/olympics/__tests__/__snapshots__/OlympicsMedalTable.test.tsx.snap CHANGED Viewed

@@ -10,7 +10,7 @@ exports[`<OlympicsMedalTable> click show all 1`] = `
 }
 .c4 {
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   font-size: 14px;
   line-height: 20px;
   padding: 14px 16px;
@@ -28,7 +28,7 @@ exports[`<OlympicsMedalTable> click show all 1`] = `
   font-size: 12px;
   line-height: 14px;
   color: #402f7a;
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   font-weight: normal;
   text-transform: uppercase;
   -webkit-letter-spacing: 1px;
@@ -70,7 +70,7 @@ exports[`<OlympicsMedalTable> click show all 1`] = `
 .c0 .pa-medaltable .pa_MedalTableView_medaltable table thead {
   color: #1D1D1B;
   line-height: 48px;
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   font-size: 14px;
 }
@@ -102,7 +102,7 @@ exports[`<OlympicsMedalTable> click show all 1`] = `
 }
 .c0 .pa-medaltable .pa_MedalTableView_medaltable tbody tr td:first-child {
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   color: #402f7a;
 }
@@ -118,7 +118,7 @@ exports[`<OlympicsMedalTable> click show all 1`] = `
 .c0 .pa-medaltable .pa_OdfFooter_ctr {
   position: relative;
   top: 60px;
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   color: #1D1D1B;
 }
@@ -192,7 +192,7 @@ exports[`<OlympicsMedalTable> renders 1`] = `
 }
 .c4 {
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   font-size: 14px;
   line-height: 20px;
   padding: 14px 16px;
@@ -210,7 +210,7 @@ exports[`<OlympicsMedalTable> renders 1`] = `
   font-size: 12px;
   line-height: 14px;
   color: #402f7a;
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   font-weight: normal;
   text-transform: uppercase;
   -webkit-letter-spacing: 1px;
@@ -252,7 +252,7 @@ exports[`<OlympicsMedalTable> renders 1`] = `
 .c0 .pa-medaltable .pa_MedalTableView_medaltable table thead {
   color: #1D1D1B;
   line-height: 48px;
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   font-size: 14px;
 }
@@ -284,7 +284,7 @@ exports[`<OlympicsMedalTable> renders 1`] = `
 }
 .c0 .pa-medaltable .pa_MedalTableView_medaltable tbody tr td:first-child {
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   color: #402f7a;
 }
@@ -300,7 +300,7 @@ exports[`<OlympicsMedalTable> renders 1`] = `
 .c0 .pa-medaltable .pa_OdfFooter_ctr {
   position: relative;
   top: 60px;
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   color: #1D1D1B;
 }
@@ -374,7 +374,7 @@ exports[`<OlympicsMedalTable> renders default keys 1`] = `
 }
 .c4 {
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   font-size: 14px;
   line-height: 20px;
   padding: 14px 16px;
@@ -392,7 +392,7 @@ exports[`<OlympicsMedalTable> renders default keys 1`] = `
   font-size: 12px;
   line-height: 14px;
   color: #402f7a;
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   font-weight: normal;
   text-transform: uppercase;
   -webkit-letter-spacing: 1px;
@@ -434,7 +434,7 @@ exports[`<OlympicsMedalTable> renders default keys 1`] = `
 .c0 .pa-medaltable .pa_MedalTableView_medaltable table thead {
   color: #1D1D1B;
   line-height: 48px;
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   font-size: 14px;
 }
@@ -466,7 +466,7 @@ exports[`<OlympicsMedalTable> renders default keys 1`] = `
 }
 .c0 .pa-medaltable .pa_MedalTableView_medaltable tbody tr td:first-child {
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   color: #402f7a;
 }
@@ -482,7 +482,7 @@ exports[`<OlympicsMedalTable> renders default keys 1`] = `
 .c0 .pa-medaltable .pa_OdfFooter_ctr {
   position: relative;
   top: 60px;
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   color: #1D1D1B;
 }
@@ -556,7 +556,7 @@ exports[`<OlympicsMedalTable> renders outside of article 1`] = `
 }
 .c4 {
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   font-size: 14px;
   line-height: 20px;
   padding: 14px 16px;
@@ -574,7 +574,7 @@ exports[`<OlympicsMedalTable> renders outside of article 1`] = `
   font-size: 12px;
   line-height: 14px;
   color: #402f7a;
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   font-weight: normal;
   text-transform: uppercase;
   -webkit-letter-spacing: 1px;
@@ -616,7 +616,7 @@ exports[`<OlympicsMedalTable> renders outside of article 1`] = `
 .c0 .pa-medaltable .pa_MedalTableView_medaltable table thead {
   color: #1D1D1B;
   line-height: 48px;
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   font-size: 14px;
 }
@@ -648,7 +648,7 @@ exports[`<OlympicsMedalTable> renders outside of article 1`] = `
 }
 .c0 .pa-medaltable .pa_MedalTableView_medaltable tbody tr td:first-child {
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   color: #402f7a;
 }
@@ -664,7 +664,7 @@ exports[`<OlympicsMedalTable> renders outside of article 1`] = `
 .c0 .pa-medaltable .pa_OdfFooter_ctr {
   position: relative;
   top: 60px;
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   color: #1D1D1B;
 }

package/src/components/olympics/__tests__/__snapshots__/OlympicsSchedule.test.tsx.snap CHANGED Viewed

@@ -10,7 +10,7 @@ exports[`<OlympicsSchedule> click show all 1`] = `
 }
 .c4 {
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   font-size: 14px;
   line-height: 20px;
   padding: 14px 16px;
@@ -28,7 +28,7 @@ exports[`<OlympicsSchedule> click show all 1`] = `
   font-size: 12px;
   line-height: 14px;
   color: #402f7a;
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   font-weight: normal;
   text-transform: uppercase;
   -webkit-letter-spacing: 1px;
@@ -52,20 +52,20 @@ exports[`<OlympicsSchedule> click show all 1`] = `
 .c0 .pa-schedule .pa_ScheduleHeader_header {
   color: #1D1D1B;
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   font-size: 18px;
   background: #EDEDED;
 }
 .c0 .pa-schedule .pa_ScheduleHeader_filterbar {
   color: #1D1D1B;
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   background: #EDEDED;
   font-size: 16px;
 }
 .c0 .pa-schedule .pa_LoadingOverlayContainer_ctr .pa_UnitListView_ctr {
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   font-size: 16px;
 }
@@ -93,7 +93,7 @@ exports[`<OlympicsSchedule> click show all 1`] = `
 }
 .c0 .pa-schedule .pa_LoadingOverlayContainer_ctr .pa_UnitListView_ctr .pa_UnitListView_unit-text {
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   font-size: 16px;
 }
@@ -112,7 +112,7 @@ exports[`<OlympicsSchedule> click show all 1`] = `
 }
 .c0 .pa-schedule .pa_OdfFooter_ctr {
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   font-size: 12px;
   top: 60px;
   position: relative;
@@ -208,7 +208,7 @@ exports[`<OlympicsSchedule> render default keys 1`] = `
 }
 .c4 {
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   font-size: 14px;
   line-height: 20px;
   padding: 14px 16px;
@@ -226,7 +226,7 @@ exports[`<OlympicsSchedule> render default keys 1`] = `
   font-size: 12px;
   line-height: 14px;
   color: #402f7a;
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   font-weight: normal;
   text-transform: uppercase;
   -webkit-letter-spacing: 1px;
@@ -250,20 +250,20 @@ exports[`<OlympicsSchedule> render default keys 1`] = `
 .c0 .pa-schedule .pa_ScheduleHeader_header {
   color: #1D1D1B;
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   font-size: 18px;
   background: #EDEDED;
 }
 .c0 .pa-schedule .pa_ScheduleHeader_filterbar {
   color: #1D1D1B;
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   background: #EDEDED;
   font-size: 16px;
 }
 .c0 .pa-schedule .pa_LoadingOverlayContainer_ctr .pa_UnitListView_ctr {
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   font-size: 16px;
 }
@@ -291,7 +291,7 @@ exports[`<OlympicsSchedule> render default keys 1`] = `
 }
 .c0 .pa-schedule .pa_LoadingOverlayContainer_ctr .pa_UnitListView_ctr .pa_UnitListView_unit-text {
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   font-size: 16px;
 }
@@ -310,7 +310,7 @@ exports[`<OlympicsSchedule> render default keys 1`] = `
 }
 .c0 .pa-schedule .pa_OdfFooter_ctr {
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   font-size: 12px;
   top: 60px;
   position: relative;
@@ -406,7 +406,7 @@ exports[`<OlympicsSchedule> renders 1`] = `
 }
 .c4 {
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   font-size: 14px;
   line-height: 20px;
   padding: 14px 16px;
@@ -424,7 +424,7 @@ exports[`<OlympicsSchedule> renders 1`] = `
   font-size: 12px;
   line-height: 14px;
   color: #402f7a;
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   font-weight: normal;
   text-transform: uppercase;
   -webkit-letter-spacing: 1px;
@@ -448,20 +448,20 @@ exports[`<OlympicsSchedule> renders 1`] = `
 .c0 .pa-schedule .pa_ScheduleHeader_header {
   color: #1D1D1B;
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   font-size: 18px;
   background: #EDEDED;
 }
 .c0 .pa-schedule .pa_ScheduleHeader_filterbar {
   color: #1D1D1B;
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   background: #EDEDED;
   font-size: 16px;
 }
 .c0 .pa-schedule .pa_LoadingOverlayContainer_ctr .pa_UnitListView_ctr {
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   font-size: 16px;
 }
@@ -489,7 +489,7 @@ exports[`<OlympicsSchedule> renders 1`] = `
 }
 .c0 .pa-schedule .pa_LoadingOverlayContainer_ctr .pa_UnitListView_ctr .pa_UnitListView_unit-text {
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   font-size: 16px;
 }
@@ -508,7 +508,7 @@ exports[`<OlympicsSchedule> renders 1`] = `
 }
 .c0 .pa-schedule .pa_OdfFooter_ctr {
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   font-size: 12px;
   top: 60px;
   position: relative;
@@ -604,7 +604,7 @@ exports[`<OlympicsSchedule> renders outside of article 1`] = `
 }
 .c4 {
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   font-size: 14px;
   line-height: 20px;
   padding: 14px 16px;
@@ -622,7 +622,7 @@ exports[`<OlympicsSchedule> renders outside of article 1`] = `
   font-size: 12px;
   line-height: 14px;
   color: #402f7a;
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   font-weight: normal;
   text-transform: uppercase;
   -webkit-letter-spacing: 1px;
@@ -646,20 +646,20 @@ exports[`<OlympicsSchedule> renders outside of article 1`] = `
 .c0 .pa-schedule .pa_ScheduleHeader_header {
   color: #1D1D1B;
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   font-size: 18px;
   background: #EDEDED;
 }
 .c0 .pa-schedule .pa_ScheduleHeader_filterbar {
   color: #1D1D1B;
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   background: #EDEDED;
   font-size: 16px;
 }
 .c0 .pa-schedule .pa_LoadingOverlayContainer_ctr .pa_UnitListView_ctr {
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   font-size: 16px;
 }
@@ -687,7 +687,7 @@ exports[`<OlympicsSchedule> renders outside of article 1`] = `
 }
 .c0 .pa-schedule .pa_LoadingOverlayContainer_ctr .pa_UnitListView_ctr .pa_UnitListView_unit-text {
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   font-size: 16px;
 }
@@ -706,7 +706,7 @@ exports[`<OlympicsSchedule> renders outside of article 1`] = `
 }
 .c0 .pa-schedule .pa_OdfFooter_ctr {
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   font-size: 12px;
   top: 60px;
   position: relative;

package/src/components/opta/football/fixtures/__tests__/__snapshots__/OptaFootballFixtures.test.tsx.snap CHANGED Viewed

@@ -6,7 +6,7 @@ exports[`OptaFootballFixtures should render correctly 1`] = `
     class="sc-bdVaJa giUBsz"
   >
     <div
-      class="sc-htpNat sc-ifAKCX iKjrlk"
+      class="sc-htpNat sc-ifAKCX ceXVkP"
     />
     <div
       class="sc-bwzfXH kVYHKf"
@@ -23,7 +23,7 @@ exports[`OptaFootballFixtures should render correctly 2`] = `
     class="sc-bdVaJa hGXeaj"
   >
     <div
-      class="sc-htpNat sc-ifAKCX iKjrlk"
+      class="sc-htpNat sc-ifAKCX ceXVkP"
     >
       <div>
         Widget

package/src/components/opta/football/match-stats/__tests__/__snapshots__/OptaFootballMatchStats.test.tsx.snap CHANGED Viewed

@@ -6,7 +6,7 @@ exports[`OptaFootballMatchStats should render correctly 1`] = `
     class="sc-bdVaJa giUBsz"
   >
     <div
-      class="sc-htpNat sc-bxivhb haYBet"
+      class="sc-htpNat sc-bxivhb ljTAFU"
     />
     <div
       class="sc-bwzfXH kVYHKf"
@@ -23,7 +23,7 @@ exports[`OptaFootballMatchStats should render correctly 2`] = `
     class="sc-bdVaJa hGXeaj"
   >
     <div
-      class="sc-htpNat sc-bxivhb haYBet"
+      class="sc-htpNat sc-bxivhb ljTAFU"
     >
       <div>
         Widget

package/src/components/opta/football/standings/__tests__/__snapshots__/OptaFootballStandings.test.tsx.snap CHANGED Viewed

@@ -6,7 +6,7 @@ exports[`OptaFootballStandings should render correctly 1`] = `
     class="sc-bdVaJa giUBsz"
   >
     <div
-      class="sc-htpNat sc-bxivhb TmsDm"
+      class="sc-htpNat sc-bxivhb cPAtKK"
     />
     <div
       class="sc-bwzfXH kVYHKf"
@@ -23,7 +23,7 @@ exports[`OptaFootballStandings should render correctly 2`] = `
     class="sc-bdVaJa hGXeaj"
   >
     <div
-      class="sc-htpNat sc-bxivhb TmsDm"
+      class="sc-htpNat sc-bxivhb cPAtKK"
     >
       <div>
         Widget

package/src/components/opta/football/summary/__tests__/__snapshots__/OptaFootballSummary.test.tsx.snap CHANGED Viewed

@@ -6,7 +6,7 @@ exports[`OptaFootballSummary should render correctly 1`] = `
     class="sc-bdVaJa giUBsz"
   >
     <div
-      class="sc-htpNat sc-bxivhb kZYVGU"
+      class="sc-htpNat sc-bxivhb hHhneA"
     />
     <div
       class="sc-bwzfXH kVYHKf"
@@ -23,7 +23,7 @@ exports[`OptaFootballSummary should render correctly 2`] = `
     class="sc-bdVaJa hGXeaj"
   >
     <div
-      class="sc-htpNat sc-bxivhb kZYVGU"
+      class="sc-htpNat sc-bxivhb hHhneA"
     >
       <div>
         Widget

package/src/components/opta/rugby/fixtures/__tests__/__snapshots__/OptaRugbyFixtures.test.tsx.snap CHANGED Viewed

@@ -6,7 +6,7 @@ exports[`OptaRugbyFixtures should render correctly 1`] = `
     class="sc-bdVaJa giUBsz"
   >
     <div
-      class="sc-htpNat sc-ifAKCX iuBsRb"
+      class="sc-htpNat sc-ifAKCX cyWAhZ"
     />
     <div
       class="sc-bwzfXH kVYHKf"
@@ -23,7 +23,7 @@ exports[`OptaRugbyFixtures should render correctly 2`] = `
     class="sc-bdVaJa hGXeaj"
   >
     <div
-      class="sc-htpNat sc-ifAKCX iuBsRb"
+      class="sc-htpNat sc-ifAKCX cyWAhZ"
     >
       <div>
         Widget

package/src/components/opta/rugby/match-stats/__tests__/__snapshots__/OptaRugbyMatchStats.test.tsx.snap CHANGED Viewed

@@ -6,7 +6,7 @@ exports[`OptaRugbyMatchStats should render correctly 1`] = `
     class="sc-bdVaJa giUBsz"
   >
     <div
-      class="sc-htpNat sc-bxivhb haYBet"
+      class="sc-htpNat sc-bxivhb ljTAFU"
     />
     <div
       class="sc-bwzfXH kVYHKf"
@@ -23,7 +23,7 @@ exports[`OptaRugbyMatchStats should render correctly 2`] = `
     class="sc-bdVaJa hGXeaj"
   >
     <div
-      class="sc-htpNat sc-bxivhb haYBet"
+      class="sc-htpNat sc-bxivhb ljTAFU"
     >
       <div>
         Widget

package/src/components/opta/rugby/standings/__tests__/__snapshots__/OptaRugbyStandings.test.tsx.snap CHANGED Viewed

@@ -6,7 +6,7 @@ exports[`OptaRugbyStandings should render correctly 1`] = `
     class="sc-bdVaJa giUBsz"
   >
     <div
-      class="sc-htpNat sc-bxivhb eqVwPd"
+      class="sc-htpNat sc-bxivhb NeYJk"
     />
     <div
       class="sc-bwzfXH kVYHKf"
@@ -23,7 +23,7 @@ exports[`OptaRugbyStandings should render correctly 2`] = `
     class="sc-bdVaJa hGXeaj"
   >
     <div
-      class="sc-htpNat sc-bxivhb eqVwPd"
+      class="sc-htpNat sc-bxivhb NeYJk"
     >
       <div>
         Widget

package/src/components/opta/rugby/summary/__tests__/__snapshots__/OptaRugbySummary.test.tsx.snap CHANGED Viewed

@@ -6,7 +6,7 @@ exports[`OptaRugbySummary should render correctly 1`] = `
     class="sc-bdVaJa giUBsz"
   >
     <div
-      class="sc-htpNat sc-bxivhb jwRGRU"
+      class="sc-htpNat sc-bxivhb kCSvNb"
     />
     <div
       class="sc-bwzfXH kVYHKf"
@@ -23,7 +23,7 @@ exports[`OptaRugbySummary should render correctly 2`] = `
     class="sc-bdVaJa hGXeaj"
   >
     <div
-      class="sc-htpNat sc-bxivhb jwRGRU"
+      class="sc-htpNat sc-bxivhb kCSvNb"
     >
       <div>
         Widget

package/src/components/recommended-articles/RecommendedFetch.tsx CHANGED Viewed

@@ -15,7 +15,7 @@ const isValidEnvironment = (name: string) =>
   ['local-prod', 'pr', 'uat', 'staging', 'prod'].includes(name);
 export const getSectionText = (section: string): string => {
-  if (['scotland', 'ireland'].includes(section)) {
+  if (['scotland', 'ireland', 'times2'].includes(section)) {
     return section.charAt(0).toUpperCase() + section.slice(1);
   }
   return section;

package/src/components/related-article-slice/__tests__/__snapshots__/RelatedArticleSlice.test.tsx.snap CHANGED Viewed

@@ -51,7 +51,7 @@ exports[`RelatedArticleSlice renders 1 1`] = `
             class="shared-styles__SideBySideColumn-sc-1kek94e-1 jOKfAL"
           >
             <p
-              class="shared-styles__Label-sc-1kek94e-2 ijxkXb"
+              class="shared-styles__Label-sc-1kek94e-2 IvuEf"
             >
               Comment
             </p>
@@ -67,12 +67,12 @@ exports[`RelatedArticleSlice renders 1 1`] = `
               </a>
             </div>
             <p
-              class="styles__DateTime-sc-1p1alcs-0 gqTqqJ"
+              class="styles__DateTime-sc-1p1alcs-0 lgyzmN"
             >
               May 05 2021, 12.01am
             </p>
             <p
-              class="styles__Byline-sc-1p1alcs-1 dNmwSq"
+              class="styles__Byline-sc-1p1alcs-1 eJxJuH"
             >
               Steve Hewitt
             </p>
@@ -143,7 +143,7 @@ exports[`RelatedArticleSlice renders 2 1`] = `
             class="shared-styles__SideBySideColumn-sc-1kek94e-1 jNutGa"
           >
             <p
-              class="shared-styles__Label-sc-1kek94e-2 ijxkXb"
+              class="shared-styles__Label-sc-1kek94e-2 IvuEf"
             >
               Comment
             </p>
@@ -284,7 +284,7 @@ exports[`RelatedArticleSlice renders 3 1`] = `
             class="shared-styles__SideBySideColumn-sc-1kek94e-1 jNutGa"
           >
             <p
-              class="shared-styles__Label-sc-1kek94e-2 ijxkXb"
+              class="shared-styles__Label-sc-1kek94e-2 IvuEf"
             >
               Comment
             </p>
@@ -394,7 +394,7 @@ exports[`RelatedArticleSlice renders 3 1`] = `
               </a>
             </div>
             <p
-              class="styles__TimeSince-p3h2iu-1 hXPzMf"
+              class="styles__TimeSince-p3h2iu-1 lgXIbS"
             >
               3 days ago
             </p>

package/src/components/save-star/__tests__/__snapshots__/SaveStar.test.tsx.snap CHANGED Viewed

@@ -3,7 +3,7 @@
 exports[`SaveStar should render the initial loading state correctly 1`] = `
 <DocumentFragment>
   <div
-    class="sc-htpNat kAeOTu"
+    class="sc-htpNat ffLxAf"
   >
     Save
   </div>
@@ -26,7 +26,7 @@ exports[`SaveStar should render the initial loading state correctly 1`] = `
 exports[`SaveStar should render the saved state 1`] = `
 <DocumentFragment>
   <div
-    class="sc-htpNat kAeOTu"
+    class="sc-htpNat ffLxAf"
   >
     Saved
   </div>
@@ -61,7 +61,7 @@ exports[`SaveStar should render the saved state 1`] = `
 exports[`SaveStar should render the unsaved state 1`] = `
 <DocumentFragment>
   <div
-    class="sc-htpNat kAeOTu"
+    class="sc-htpNat ffLxAf"
   >
     Save
   </div>

package/src/components/updated-timestamp/__tests__/__snapshots__/UpdatedTimestamp.test.tsx.snap CHANGED Viewed

@@ -17,7 +17,7 @@ exports[`UpdatedTimestamp shows timestamp with an overrided color 1`] = `
       class="sc-bdVaJa cSmEjS"
     >
       <div
-        class="sc-bwzfXH fQYvT"
+        class="sc-bwzfXH gjKjda"
         color="yellow"
         data-testid="DateTimeUpdated"
       >

package/src/helpers/text-crop/__tests__/__snapshots__/TextCrop.test.tsx.snap CHANGED Viewed

@@ -5,7 +5,7 @@ exports[`<TextCrop> bottom adjustment 1`] = `
   .c0 {
   background-color: #ffb;
   padding: 0;
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
 }
 .c0::before,
@@ -37,7 +37,7 @@ exports[`<TextCrop> default  1`] = `
   .c0 {
   background-color: #ffb;
   padding: 0;
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
 }
 .c0::before,
@@ -69,7 +69,7 @@ exports[`<TextCrop> line height  1`] = `
   .c0 {
   background-color: #ffb;
   padding: 0;
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
   line-height: 1;
 }
@@ -133,7 +133,7 @@ exports[`<TextCrop> top adjustment 1`] = `
   .c0 {
   background-color: #ffb;
   padding: 0;
-  font-family: Roboto-Regular;
+  font-family: GillSansMTStd-Medium;
 }
 .c0::before,