@onsvisual/svelte-components 1.0.44 → 1.0.45

package/dist/layout/RelatedContent/docs/component.md

@@ -1,16 +1,16 @@
-Dispay related content for a page.
-
-Based on this [ONS Design System component](https://service-manual.ons.gov.uk/design-system/components/related-content).
-
-<!-- prettier-ignore -->
-```html
-<script>
-  import { RelatedContent } from "@onsvisual/svelte-components";
-</script>
-
-<RelatedContent
-  links={[
-    { title: "How we will contact or visit you", href: "#0" },
-    { title: "Media enquiries", href: "#0" }
-  ]}/>
-```
+Dispay related content for a page.
+
+Based on this [ONS Design System component](https://service-manual.ons.gov.uk/design-system/components/related-content).
+
+<!-- prettier-ignore -->
+```html
+<script>
+  import { RelatedContent } from "@onsvisual/svelte-components";
+</script>
+
+<RelatedContent
+  links={[
+    { title: "How we will contact or visit you", href: "#0" },
+    { title: "Media enquiries", href: "#0" }
+  ]}/>
+```

package/dist/layout/Scroller/Scroller.stories.svelte

@@ -1,60 +1,60 @@
-<script module>
-	import { defineMeta } from "@storybook/addon-svelte-csf";
-	import { withComponentDocs } from "../../js/withParams.js";
-	import Scroller from "./Scroller.svelte";
-	import ScrollerSection from "./ScrollerSection.svelte";
-	import Container from "../../wrappers/Container/Container.svelte";
-	import Em from "../../decorators/Em/Em.svelte";
-	import componentDocs from "./docs/component.md?raw";
-
-	const parameters = { ...withComponentDocs(componentDocs), layout: "fullscreen" };
-	parameters.docs.story = { inline: false, iframeHeight: 600 };
-
-	const { Story } = defineMeta({
-		title: "Layout/Scroller",
-		component: Scroller,
-		tags: ["autodocs"],
-		argTypes: {},
-		parameters
-	});
-</script>
-
-<script>
-	const scrollerColors = ["#ddd", "#777", "#222"];
-	let scrollerColor = scrollerColors[0];
-</script>
-
-{#snippet template(args)}
-	<Scroller {...args} on:change={(e) => (scrollerColor = scrollerColors[e.detail.index])}>
-		<div slot="background">
-			<Container width="full" height="full" background={scrollerColor} />
-		</div>
-		<div slot="foreground">
-			<ScrollerSection>
-				<p>
-					When this first caption is visible, the background will appear <Em
-						color={scrollerColors[0]}>light grey</Em
-					>.
-				</p>
-			</ScrollerSection>
-			<ScrollerSection>
-				<p>
-					When this first caption is visible, the background will appear <Em
-						color={scrollerColors[1]}>dark grey</Em
-					>.
-				</p>
-			</ScrollerSection>
-			<ScrollerSection>
-				<p>
-					When this first caption is visible, the background will appear <Em
-						color={scrollerColors[2]}>black</Em
-					>.
-				</p>
-			</ScrollerSection>
-		</div>
-	</Scroller>
-{/snippet}
-
-<Story name="Default" args={{}} {template} />
-
-<Story name="Split-screen mode" args={{ splitscreen: true }} {template} />
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import { withComponentDocs } from "../../js/withParams.js";
+	import Scroller from "./Scroller.svelte";
+	import ScrollerSection from "./ScrollerSection.svelte";
+	import Container from "../../wrappers/Container/Container.svelte";
+	import Em from "../../decorators/Em/Em.svelte";
+	import componentDocs from "./docs/component.md?raw";
+
+	const parameters = { ...withComponentDocs(componentDocs), layout: "fullscreen" };
+	parameters.docs.story = { inline: false, iframeHeight: 600 };
+
+	const { Story } = defineMeta({
+		title: "Layout/Scroller",
+		component: Scroller,
+		tags: ["autodocs"],
+		argTypes: {},
+		parameters
+	});
+</script>
+
+<script>
+	const scrollerColors = ["#ddd", "#777", "#222"];
+	let scrollerColor = scrollerColors[0];
+</script>
+
+{#snippet template(args)}
+	<Scroller {...args} on:change={(e) => (scrollerColor = scrollerColors[e.detail.index])}>
+		<div slot="background">
+			<Container width="full" height="full" background={scrollerColor} />
+		</div>
+		<div slot="foreground">
+			<ScrollerSection>
+				<p>
+					When this first caption is visible, the background will appear <Em
+						color={scrollerColors[0]}>light grey</Em
+					>.
+				</p>
+			</ScrollerSection>
+			<ScrollerSection>
+				<p>
+					When this first caption is visible, the background will appear <Em
+						color={scrollerColors[1]}>dark grey</Em
+					>.
+				</p>
+			</ScrollerSection>
+			<ScrollerSection>
+				<p>
+					When this first caption is visible, the background will appear <Em
+						color={scrollerColors[2]}>black</Em
+					>.
+				</p>
+			</ScrollerSection>
+		</div>
+	</Scroller>
+{/snippet}
+
+<Story name="Default" args={{}} {template} />
+
+<Story name="Split-screen mode" args={{ splitscreen: true }} {template} />