From 7e50a1ef24035215c86989f96fa5233965fd0f78 Mon Sep 17 00:00:00 2001
From: Jon McClure <jon.r.mcclure@gmail.com>
Date: Mon, 18 Sep 2023 18:53:54 +0100
Subject: [PATCH] chromatic ignore header in hero headline

---
 src/components/EndNotes/docProps.ts               |  6 +++---
 src/components/EndNotes/stories/docs/component.md |  8 +++-----
 src/components/HeroHeadline/Hero.stories.svelte   | 14 +++++++-------
 3 files changed, 13 insertions(+), 15 deletions(-)

diff --git a/src/components/EndNotes/docProps.ts b/src/components/EndNotes/docProps.ts
index 0efb4781..df1e7f08 100644
--- a/src/components/EndNotes/docProps.ts
+++ b/src/components/EndNotes/docProps.ts
@@ -3,10 +3,10 @@ interface EndNote {
   Text: String;
 }
 
-type Block = EndNote[];
+type EndNotes = EndNote[];
 
-export const getEndNotesPropsFromDoc = (docBlock: Block) => {
-  return docBlock.map((d) => {
+export const getEndNotesPropsFromDoc = (endNotes: EndNotes) => {
+  return endNotes.map((d) => {
     return {
       title: d.Title,
       text: d.Text,
diff --git a/src/components/EndNotes/stories/docs/component.md b/src/components/EndNotes/stories/docs/component.md
index af7054bc..be0eb489 100644
--- a/src/components/EndNotes/stories/docs/component.md
+++ b/src/components/EndNotes/stories/docs/component.md
@@ -1,10 +1,8 @@
-Note text includes notes to the main article — usually things like sources, clarifiying notes and minor corrections at the end of a story.
-
-Note text can be fed a markdown string, but text styling is intentionally restricted in this component. For example, all heading tags are forced to a single font size and weight.
+End notes includes notes to the main article — usually things like sources, clarifiying notes and minor corrections at the end of a story.
 
 ```svelte
 <script>
-  import { NoteText } from '@reuters-graphics/graphics-components';
+  import { EndNotes } from '@reuters-graphics/graphics-components';
 
   const notes = [
     {
@@ -22,5 +20,5 @@ Note text can be fed a markdown string, but text styling is intentionally restri
   ];
 </script>
 
-<NoteText notes="{notes}" />
+<EndNotes notes="{notes}" />
 ```
diff --git a/src/components/HeroHeadline/Hero.stories.svelte b/src/components/HeroHeadline/Hero.stories.svelte
index bae2e2ab..d5555f76 100644
--- a/src/components/HeroHeadline/Hero.stories.svelte
+++ b/src/components/HeroHeadline/Hero.stories.svelte
@@ -67,7 +67,7 @@
 />
 
 <Template let:args>
-  <Block width="fluid">
+  <Block width="fluid" class="chromatic-ignore">
     <SiteHeader />
   </Block>
 
@@ -88,7 +88,7 @@
 
 <Story name="With transparent header" {...withStoryDocs(transparentHeaderDocs)}>
   <div class="transparent-header">
-    <Block width="fluid">
+    <Block width="fluid" class="chromatic-ignore">
       <SiteHeader />
     </Block>
 
@@ -104,7 +104,7 @@
 </Story>
 
 <Story name="With backdrop graphic" {...withStoryDocs(backgroundGraphicDocs)}>
-  <Block width="fluid">
+  <Block width="fluid" class="chromatic-ignore">
     <SiteHeader />
   </Block>
 
@@ -178,7 +178,7 @@
 </Story>
 
 <Story name="With backdrop video" {...withStoryDocs(videoDocs)}>
-  <Block width="fluid">
+  <Block width="fluid" class="chromatic-ignore">
     <SiteHeader />
   </Block>
 
@@ -223,7 +223,7 @@
 </Story>
 
 <Story name="With inline photo" {...withStoryDocs(inlinePhotoDocs)}>
-  <Block width="fluid">
+  <Block width="fluid" class="chromatic-ignore">
     <SiteHeader />
   </Block>
 
@@ -249,7 +249,7 @@
 </Story>
 
 <Story name="With inline graphic" {...withStoryDocs(inlineGraphicDocs)}>
-  <Block width="fluid">
+  <Block width="fluid" class="chromatic-ignore">
     <SiteHeader />
   </Block>
 
@@ -278,7 +278,7 @@
 </Story>
 
 <Story name="With inline video" {...withStoryDocs(inlinePhotoDocs)}>
-  <Block width="fluid">
+  <Block width="fluid" class="chromatic-ignore">
     <SiteHeader />
   </Block>