Fix headline font-size in standard story-promo

packages/components/psammead-story-promo/CHANGELOG.md

@@ -3,6 +3,7 @@
 <!-- prettier-ignore -->
 | Version | Description |
 | ------- | ----------- |
+| 2.7.1 | [PR#1930](https://github.com/bbc/psammead/pull/1930) Fix headline font-size in standard story promo |
 | 2.7.0 | [PR#1835](https://github.com/bbc/psammead/pull/1835) Add desktop width top story and show indexAlsos |
 | 2.6.2 | [PR#1923](https://github.com/bbc/psammead/pull/1923) Add support for RTL to Index Alsos |
 | 2.6.1 | [PR#1845](https://github.com/bbc/psammead/pull/1845) Remove padding-bottom from Index Alsos Wrapper |

packages/components/psammead-story-promo/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbc/psammead-story-promo",
-  "version": "2.7.0",
+  "version": "2.7.1",
   "main": "dist/index.js",
   "module": "esm/index.js",
   "sideEffects": false,

packages/components/psammead-story-promo/src/__snapshots__/index.test.jsx.snap

@@ -1435,8 +1435,8 @@ exports[`StoryPromo should render Live promo correctly 1`] = `
 
 @media (min-width:37.5rem) {
   .c4 {
-    font-size: 1.25rem;
-    line-height: 1.5rem;
+    font-size: 1.125rem;
+    line-height: 1.375rem;
   }
 }
 
@@ -1667,8 +1667,8 @@ exports[`StoryPromo should render correctly 1`] = `
 
 @media (min-width:37.5rem) {
   .c4 {
-    font-size: 1.25rem;
-    line-height: 1.5rem;
+    font-size: 1.125rem;
+    line-height: 1.375rem;
   }
 }
 
@@ -1935,8 +1935,8 @@ exports[`StoryPromo with Media Indicator should render correctly 1`] = `
 
 @media (min-width:37.5rem) {
   .c9 {
-    font-size: 1.25rem;
-    line-height: 1.5rem;
+    font-size: 1.125rem;
+    line-height: 1.375rem;
   }
 }
 

packages/components/psammead-story-promo/src/index.jsx

@@ -18,6 +18,7 @@ import {
 import {
   getPica,
   getParagon,
+  getGreatPrimer,
   getLongPrimer,
 } from '@bbc/gel-foundations/typography';
 import {
@@ -145,15 +146,17 @@ export const Headline = styled.h3`
     if (!script) {
       return '';
     }
-
     return topStory ? getParagon(script) : getPica(script);
   }}
   color: ${C_EBON};
   ${({ service }) => getSerifMedium(service)}
   margin: 0; /* Reset */
   padding-bottom: ${GEL_SPACING};
   @media (min-width: ${GEL_GROUP_3_SCREEN_WIDTH_MIN}) {
-    ${props => (props.script ? getParagon(props.script) : '')};
+    ${props =>
+      props.script && props.topStory
+        ? getParagon(props.script)
+        : getGreatPrimer(props.script)}
   }
 `;