{#each rows as row, ri}
({
- src: /^https?:\/\/|^\/\//i.test(img.Src) ?
- img.Src :
- urlJoin(assetsPath, img.Src),
+ src:
+ /^https?:\/\/|^\/\//i.test(img.Src) ?
+ img.Src
+ : urlJoin(assetsPath, img.Src),
altText: img.AltText,
caption: img.Caption,
maxHeight:
- img.MaxHeight && isNaN(img.MaxHeight as any) ?
- null :
- parseFloat(img.MaxHeight),
+ img.MaxHeight && isNaN(img.MaxHeight as unknown as number) ?
+ null
+ : parseFloat(img.MaxHeight),
})),
layouts: docBlock.Layouts.map((layout) => ({
- breakpoint: isNaN(layout.Breakpoint as any) ?
- null :
- parseFloat(layout.Breakpoint),
+ breakpoint:
+ isNaN(layout.Breakpoint as unknown as number) ? null : (
+ parseFloat(layout.Breakpoint)
+ ),
rows: layout.Rows.split(',').map((r) => parseInt(r.trim())),
})),
};
diff --git a/src/components/PymChild/PymChild.stories.svelte b/src/components/PymChild/PymChild.stories.svelte
index 7241dc56..1d36b78d 100644
--- a/src/components/PymChild/PymChild.stories.svelte
+++ b/src/components/PymChild/PymChild.stories.svelte
@@ -1,7 +1,7 @@
{#if referrals.length === number}
-
+
{#if heading}
{#each referrals as referral}
diff --git a/src/components/ReutersGraphicsLogo/ReutersGraphicsLogo.stories.svelte b/src/components/ReutersGraphicsLogo/ReutersGraphicsLogo.stories.svelte
index 0831f930..73b033de 100644
--- a/src/components/ReutersGraphicsLogo/ReutersGraphicsLogo.stories.svelte
+++ b/src/components/ReutersGraphicsLogo/ReutersGraphicsLogo.stories.svelte
@@ -1,8 +1,7 @@
{#if !embedded}
-
+
-
+
-
+
{:else}
-
-
+
+
{/if}
diff --git a/src/components/Scroller/docProps.ts b/src/components/Scroller/docProps.ts
index 6f13154e..3e0d9848 100644
--- a/src/components/Scroller/docProps.ts
+++ b/src/components/Scroller/docProps.ts
@@ -14,19 +14,24 @@ interface Block {
StackBackground?: string;
EmbeddedLayout?: string;
ID?: string;
- Steps: BlockStep[],
+ Steps: BlockStep[];
}
interface AiCharts {
- [key: string]: ComponentType,
+ [key: string]: ComponentType;
}
-export const getScrollerPropsFromDoc = (docBlock: Block, aiCharts: AiCharts, assetsPath: string = '') => {
+export const getScrollerPropsFromDoc = (
+ docBlock: Block,
+ aiCharts: AiCharts,
+ assetsPath: string = ''
+) => {
return {
id: docBlock.ID,
backgroundWidth: docBlock.Width,
foregroundPosition: docBlock.ForegroundPosition,
- stackBackground: docBlock.StackBackground === 'true' || !docBlock.StackBackground,
+ stackBackground:
+ docBlock.StackBackground === 'true' || !docBlock.StackBackground,
embeddedLayout: docBlock.EmbeddedLayout,
preload: docBlock.Preload ? parseInt(docBlock.Preload) || 1 : 1,
steps: docBlock.Steps.map((step) => ({
diff --git a/src/components/Scroller/stories/components/ai2svelte/ai-scroller-1.svelte b/src/components/Scroller/stories/components/ai2svelte/ai-scroller-1.svelte
index 854db261..f87ad9c8 100644
--- a/src/components/Scroller/stories/components/ai2svelte/ai-scroller-1.svelte
+++ b/src/components/Scroller/stories/components/ai2svelte/ai-scroller-1.svelte
@@ -1,14 +1,14 @@
@@ -77,6 +77,7 @@
{/if}
+
diff --git a/src/components/Scroller/stories/components/ai2svelte/ai-scroller-2.svelte b/src/components/Scroller/stories/components/ai2svelte/ai-scroller-2.svelte
index 3db94b79..93c1709c 100644
--- a/src/components/Scroller/stories/components/ai2svelte/ai-scroller-2.svelte
+++ b/src/components/Scroller/stories/components/ai2svelte/ai-scroller-2.svelte
@@ -1,14 +1,14 @@
@@ -145,8 +145,16 @@
overflow: hidden;
}
#g-step-2-xl p {
- font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont,
- 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
+ font-family:
+ 'Source Sans Pro',
+ -apple-system,
+ BlinkMacSystemFont,
+ 'Segoe UI',
+ Roboto,
+ 'Helvetica Neue',
+ Helvetica,
+ Arial,
+ sans-serif;
font-weight: 400;
line-height: 20px;
height: auto;
@@ -170,8 +178,16 @@
overflow: hidden;
}
#g-step-2-lg p {
- font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont,
- 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
+ font-family:
+ 'Source Sans Pro',
+ -apple-system,
+ BlinkMacSystemFont,
+ 'Segoe UI',
+ Roboto,
+ 'Helvetica Neue',
+ Helvetica,
+ Arial,
+ sans-serif;
font-weight: 400;
line-height: 20px;
height: auto;
@@ -195,8 +211,16 @@
overflow: hidden;
}
#g-step-2-md p {
- font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont,
- 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
+ font-family:
+ 'Source Sans Pro',
+ -apple-system,
+ BlinkMacSystemFont,
+ 'Segoe UI',
+ Roboto,
+ 'Helvetica Neue',
+ Helvetica,
+ Arial,
+ sans-serif;
font-weight: 400;
line-height: 20px;
height: auto;
@@ -220,8 +244,16 @@
overflow: hidden;
}
#g-step-2-sm p {
- font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont,
- 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
+ font-family:
+ 'Source Sans Pro',
+ -apple-system,
+ BlinkMacSystemFont,
+ 'Segoe UI',
+ Roboto,
+ 'Helvetica Neue',
+ Helvetica,
+ Arial,
+ sans-serif;
font-weight: 400;
line-height: 20px;
height: auto;
@@ -245,8 +277,16 @@
overflow: hidden;
}
#g-step-2-xs p {
- font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont,
- 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
+ font-family:
+ 'Source Sans Pro',
+ -apple-system,
+ BlinkMacSystemFont,
+ 'Segoe UI',
+ Roboto,
+ 'Helvetica Neue',
+ Helvetica,
+ Arial,
+ sans-serif;
font-weight: 400;
line-height: 20px;
height: auto;
diff --git a/src/components/Scroller/stories/components/ai2svelte/ai-scroller-3.svelte b/src/components/Scroller/stories/components/ai2svelte/ai-scroller-3.svelte
index 0829a58c..0c27d0a8 100644
--- a/src/components/Scroller/stories/components/ai2svelte/ai-scroller-3.svelte
+++ b/src/components/Scroller/stories/components/ai2svelte/ai-scroller-3.svelte
@@ -1,14 +1,14 @@
@@ -145,8 +145,16 @@
overflow: hidden;
}
#g-step-3-xl p {
- font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont,
- 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
+ font-family:
+ 'Source Sans Pro',
+ -apple-system,
+ BlinkMacSystemFont,
+ 'Segoe UI',
+ Roboto,
+ 'Helvetica Neue',
+ Helvetica,
+ Arial,
+ sans-serif;
font-weight: 400;
line-height: 20px;
height: auto;
@@ -170,8 +178,16 @@
overflow: hidden;
}
#g-step-3-lg p {
- font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont,
- 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
+ font-family:
+ 'Source Sans Pro',
+ -apple-system,
+ BlinkMacSystemFont,
+ 'Segoe UI',
+ Roboto,
+ 'Helvetica Neue',
+ Helvetica,
+ Arial,
+ sans-serif;
font-weight: 400;
line-height: 20px;
height: auto;
@@ -195,8 +211,16 @@
overflow: hidden;
}
#g-step-3-md p {
- font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont,
- 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
+ font-family:
+ 'Source Sans Pro',
+ -apple-system,
+ BlinkMacSystemFont,
+ 'Segoe UI',
+ Roboto,
+ 'Helvetica Neue',
+ Helvetica,
+ Arial,
+ sans-serif;
font-weight: 400;
line-height: 20px;
height: auto;
@@ -220,8 +244,16 @@
overflow: hidden;
}
#g-step-3-sm p {
- font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont,
- 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
+ font-family:
+ 'Source Sans Pro',
+ -apple-system,
+ BlinkMacSystemFont,
+ 'Segoe UI',
+ Roboto,
+ 'Helvetica Neue',
+ Helvetica,
+ Arial,
+ sans-serif;
font-weight: 400;
line-height: 20px;
height: auto;
@@ -245,8 +277,16 @@
overflow: hidden;
}
#g-step-3-xs p {
- font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont,
- 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
+ font-family:
+ 'Source Sans Pro',
+ -apple-system,
+ BlinkMacSystemFont,
+ 'Segoe UI',
+ Roboto,
+ 'Helvetica Neue',
+ Helvetica,
+ Arial,
+ sans-serif;
font-weight: 400;
line-height: 20px;
height: auto;
diff --git a/src/components/SearchInput/SearchInput.stories.svelte b/src/components/SearchInput/SearchInput.stories.svelte
index 45369b21..fe8460c0 100644
--- a/src/components/SearchInput/SearchInput.stories.svelte
+++ b/src/components/SearchInput/SearchInput.stories.svelte
@@ -1,7 +1,7 @@
-
+
@@ -36,7 +36,7 @@
type="text"
placeholder="{searchPlaceholder}"
on:input="{input}"
- bind:value="{value}"
+ bind:value
/>
import { Meta, Template, Story } from '@storybook/addon-svelte-csf';
- // @ts-ignore
+ // @ts-ignore raw
import componentDocs from './stories/docs/component.md?raw';
import SimpleTimeline from './SimpleTimeline.svelte';
diff --git a/src/components/SimpleTimeline/SimpleTimeline.svelte b/src/components/SimpleTimeline/SimpleTimeline.svelte
index 3c913044..40766325 100644
--- a/src/components/SimpleTimeline/SimpleTimeline.svelte
+++ b/src/components/SimpleTimeline/SimpleTimeline.svelte
@@ -42,7 +42,7 @@
import Markdown from '../Markdown/Markdown.svelte';
-
+
{#each dates as date}
@@ -53,7 +53,8 @@
r="5"
stroke="{symbolColour}"
stroke-width="2"
- fill="transparent">
+ fill="transparent"
+ >
{#if $activeSection === section.id}
{/if}
diff --git a/src/components/SiteHeader/SiteHeader.stories.svelte b/src/components/SiteHeader/SiteHeader.stories.svelte
index b0582dc4..1bf23bc2 100644
--- a/src/components/SiteHeader/SiteHeader.stories.svelte
+++ b/src/components/SiteHeader/SiteHeader.stories.svelte
@@ -1,9 +1,9 @@
-
+
diff --git a/src/components/Spinner/Spinner.stories.svelte b/src/components/Spinner/Spinner.stories.svelte
index 413a4a31..c9bf337a 100644
--- a/src/components/Spinner/Spinner.stories.svelte
+++ b/src/components/Spinner/Spinner.stories.svelte
@@ -1,7 +1,7 @@
-
+
{#if title || dek || searchable || filterList}