lints

.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;

package.json

@@ -126,4 +126,4 @@
   "bugs": {
     "url": "https://github.com/reuters-graphics/graphics-components/issues"
   }
-}
+}

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>

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} />

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`}
 />
 ```
 

src/components/HeroHeadline/HeroHeadline.mdx

@@ -326,4 +326,4 @@ Add styles in `global.scss`:
 }
 ```
 
-<Canvas of={HeroHeadlineStories.CustomHed} />{' '}
+<Canvas of={HeroHeadlineStories.CustomHed} />

src/components/SearchInput/components/MagnifyingGlass.svelte

@@ -18,4 +18,4 @@
       fill: mixins.$theme-colour-brand-rules;
     }
   }
-</style>
+</style>

src/components/SearchInput/components/X.svelte

@@ -30,4 +30,4 @@
       fill: mixins.$theme-colour-background;
     }
   }
-</style>
+</style>

src/globals.d.ts

@@ -32,4 +32,4 @@ declare global {
   }
 }
 
-export { };
+export {};

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;

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}/`;
-};
+};