From 3b88bb70830f140a62f45ec9c8db485154288815 Mon Sep 17 00:00:00 2001
From: hobbes7878 <Jon.McClure@thomsonreuters.com>
Date: Fri, 18 Apr 2025 21:37:31 +0100
Subject: [PATCH] lints

---
 .storybook/syntax.scss                                       | 4 ++--
 package.json                                                 | 2 +-
 src/components/AdSlot/LeaderboardAd.stories.svelte           | 3 ++-
 src/components/Byline/Byline.mdx                             | 1 -
 src/components/Headline/Headline.mdx                         | 4 +---
 src/components/HeroHeadline/HeroHeadline.mdx                 | 2 +-
 src/components/SearchInput/components/MagnifyingGlass.svelte | 2 +-
 src/components/SearchInput/components/X.svelte               | 2 +-
 src/globals.d.ts                                             | 2 +-
 src/scss/tokens/text/mixins/_font-family.scss                | 3 ++-
 src/utils/index.ts                                           | 2 +-
 11 files changed, 13 insertions(+), 14 deletions(-)

diff --git a/.storybook/syntax.scss b/.storybook/syntax.scss
index c8be3a0e..7c05f631 100644
--- a/.storybook/syntax.scss
+++ b/.storybook/syntax.scss
@@ -28,8 +28,8 @@ div pre.prismjs {
   pre[class*='language-'] {
     color: #f8f8f2;
     background: none;
-    font-family: 'Fira Code', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono',
-      monospace;
+    font-family:
+      'Fira Code', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
     text-align: left;
     white-space: pre;
     word-spacing: normal;
diff --git a/package.json b/package.json
index 6100a40e..05567258 100644
--- a/package.json
+++ b/package.json
@@ -126,4 +126,4 @@
   "bugs": {
     "url": "https://github.com/reuters-graphics/graphics-components/issues"
   }
-}
\ No newline at end of file
+}
diff --git a/src/components/AdSlot/LeaderboardAd.stories.svelte b/src/components/AdSlot/LeaderboardAd.stories.svelte
index f86c4fc4..2fef379a 100644
--- a/src/components/AdSlot/LeaderboardAd.stories.svelte
+++ b/src/components/AdSlot/LeaderboardAd.stories.svelte
@@ -22,7 +22,8 @@
   div {
     min-height: 200vh;
     background-size: 40px 40px;
-    background-image: linear-gradient(to right, lightgrey 1px, transparent 1px),
+    background-image:
+      linear-gradient(to right, lightgrey 1px, transparent 1px),
       linear-gradient(to bottom, lightgrey 1px, transparent 1px);
   }
 </style>
diff --git a/src/components/Byline/Byline.mdx b/src/components/Byline/Byline.mdx
index 3f812644..0f92cf33 100644
--- a/src/components/Byline/Byline.mdx
+++ b/src/components/Byline/Byline.mdx
@@ -99,7 +99,6 @@ To hyperlink to different pages or email addresses, pass a custom function to th
       return `mailto:${author.replace(' ', '')}@example.com`;
     }}
 />
-
 ```
 
 <Canvas of={BylineStories.CustomAuthorPage} />
diff --git a/src/components/Headline/Headline.mdx b/src/components/Headline/Headline.mdx
index 378f085a..21344d96 100644
--- a/src/components/Headline/Headline.mdx
+++ b/src/components/Headline/Headline.mdx
@@ -39,9 +39,7 @@ Optionally, you can add authors and a publish time to the headline, which the `H
   section={'Global news'}
   authors={['Jane Doe']}
   publishTime={new Date('2020-01-01').toISOString()}
-  getAuthorPage={(author: string) => {
-      return `mailto:${author.replace(' ', '')}@example.com`;
-    }}
+  getAuthorPage={(author: string) => `mailto:${author.replace(' ', '')}@example.com`}
 />
 ```
 
diff --git a/src/components/HeroHeadline/HeroHeadline.mdx b/src/components/HeroHeadline/HeroHeadline.mdx
index 31cdc513..2fb1dcee 100644
--- a/src/components/HeroHeadline/HeroHeadline.mdx
+++ b/src/components/HeroHeadline/HeroHeadline.mdx
@@ -326,4 +326,4 @@ Add styles in `global.scss`:
 }
 ```
 
-<Canvas of={HeroHeadlineStories.CustomHed} />{' '}
+<Canvas of={HeroHeadlineStories.CustomHed} />
diff --git a/src/components/SearchInput/components/MagnifyingGlass.svelte b/src/components/SearchInput/components/MagnifyingGlass.svelte
index c144a167..b0954082 100644
--- a/src/components/SearchInput/components/MagnifyingGlass.svelte
+++ b/src/components/SearchInput/components/MagnifyingGlass.svelte
@@ -18,4 +18,4 @@
       fill: mixins.$theme-colour-brand-rules;
     }
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/SearchInput/components/X.svelte b/src/components/SearchInput/components/X.svelte
index a774df7f..d495bba9 100644
--- a/src/components/SearchInput/components/X.svelte
+++ b/src/components/SearchInput/components/X.svelte
@@ -30,4 +30,4 @@
       fill: mixins.$theme-colour-background;
     }
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/globals.d.ts b/src/globals.d.ts
index d39fe602..95acb207 100644
--- a/src/globals.d.ts
+++ b/src/globals.d.ts
@@ -32,4 +32,4 @@ declare global {
   }
 }
 
-export { };
+export {};
diff --git a/src/scss/tokens/text/mixins/_font-family.scss b/src/scss/tokens/text/mixins/_font-family.scss
index a0d63e78..2b69f289 100644
--- a/src/scss/tokens/text/mixins/_font-family.scss
+++ b/src/scss/tokens/text/mixins/_font-family.scss
@@ -56,7 +56,8 @@
   font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif !important;
 }
 @mixin \!font-knowledge {
-  font-family: 'Knowledge', 'Source Sans Pro', Arial, Helvetica, sans-serif !important;
+  font-family:
+    'Knowledge', 'Source Sans Pro', Arial, Helvetica, sans-serif !important;
 }
 @mixin \!font-freight-text {
   font-family: 'FreightText', serif !important;
diff --git a/src/utils/index.ts b/src/utils/index.ts
index 7110e4f1..1cf6a635 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -12,4 +12,4 @@ export const random4 = () =>
 export const getAuthorPageUrl = (author: string): string => {
   const authorSlug = slugify(author.trim(), { lower: true });
   return `https://www.reuters.com/authors/${authorSlug}/`;
-};
\ No newline at end of file
+};