@onsvisual/svelte-components 1.0.37 → 1.0.38

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

@@ -1,11 +1,11 @@
-A header component with compact mode and theming options.
-
-<!-- prettier-ignore -->
-```html
-<script>
-  import { Header } from "@onsvisual/svelte-components";
-</script>
-
-<Header />
-<!-- page body -->
-```
+A header component with compact mode and theming options.
+
+<!-- prettier-ignore -->
+```html
+<script>
+  import { Header } from "@onsvisual/svelte-components";
+</script>
+
+<Header />
+<!-- page body -->
+```

package/dist/layout/Hero/Hero.stories.svelte

@@ -1,79 +1,79 @@
-<script module>
-	import { defineMeta } from "@storybook/addon-svelte-csf";
-	import { withComponentDocs } from "../../js/withParams.js";
-	import Hero from "./Hero.svelte";
-	import componentDocs from "./docs/component.md?raw";
-	import { lipsum } from "../../js/utils.js";
-
-	const { Story } = defineMeta({
-		title: "Layout/Hero",
-		component: Hero,
-		tags: ["autodocs"],
-		argTypes: {
-			theme: {
-				control: { type: "select" }
-			}
-		},
-		parameters: { ...withComponentDocs(componentDocs), layout: "fullscreen" }
-	});
-</script>
-
-{#snippet template(args)}
-	<Hero {...args}>
-		{#if args.content}{@html args.content}{/if}
-	</Hero>
-{/snippet}
-
-<Story
-	name="Hero with action button"
-	args={{
-		width: "narrow",
-		title: "Page title",
-		lede: lipsum(1),
-		actionButton: { label: "Get started", href: "#0" },
-		theme: "paleblue"
-	}}
-	{template}
-/>
-
-<Story
-	name="Blue theme"
-	args={{
-		width: "narrow",
-		title: "Page title",
-		lede: lipsum(1),
-		actionButton: { label: "Get started", href: "#0" },
-		theme: "blue"
-	}}
-	{template}
-/>
-
-<Story
-	name="Article title block"
-	args={{
-		title: "This is a longer page title on multiple lines",
-		pageType: "Statistical article",
-		lede: lipsum(1),
-		width: "wide",
-		theme: "grey",
-		natStatBadge: true,
-		meta: [
-			{ key: "Release date", value: "1 January 2024" },
-			{ key: "Last updated", value: "1 January 2025" },
-			{ key: "Publisher", value: "ONS" }
-		]
-	}}
-	{template}
-/>
-
-<Story
-	name="Title with badge, no background"
-	args={{
-		title: "Norwich",
-		titleBadge: { label: "E07000148", color: "#206095" },
-		lede: lipsum(1),
-		width: "wide",
-		theme: null
-	}}
-	{template}
-/>
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import { withComponentDocs } from "../../js/withParams.js";
+	import Hero from "./Hero.svelte";
+	import componentDocs from "./docs/component.md?raw";
+	import { lipsum } from "../../js/utils.js";
+
+	const { Story } = defineMeta({
+		title: "Layout/Hero",
+		component: Hero,
+		tags: ["autodocs"],
+		argTypes: {
+			theme: {
+				control: { type: "select" }
+			}
+		},
+		parameters: { ...withComponentDocs(componentDocs), layout: "fullscreen" }
+	});
+</script>
+
+{#snippet template(args)}
+	<Hero {...args}>
+		{#if args.content}{@html args.content}{/if}
+	</Hero>
+{/snippet}
+
+<Story
+	name="Hero with action button"
+	args={{
+		width: "narrow",
+		title: "Page title",
+		lede: lipsum(1),
+		actionButton: { label: "Get started", href: "#0" },
+		theme: "paleblue"
+	}}
+	{template}
+/>
+
+<Story
+	name="Blue theme"
+	args={{
+		width: "narrow",
+		title: "Page title",
+		lede: lipsum(1),
+		actionButton: { label: "Get started", href: "#0" },
+		theme: "blue"
+	}}
+	{template}
+/>
+
+<Story
+	name="Article title block"
+	args={{
+		title: "This is a longer page title on multiple lines",
+		pageType: "Statistical article",
+		lede: lipsum(1),
+		width: "wide",
+		theme: "grey",
+		natStatBadge: true,
+		meta: [
+			{ key: "Release date", value: "1 January 2024" },
+			{ key: "Last updated", value: "1 January 2025" },
+			{ key: "Publisher", value: "ONS" }
+		]
+	}}
+	{template}
+/>
+
+<Story
+	name="Title with badge, no background"
+	args={{
+		title: "Norwich",
+		titleBadge: { label: "E07000148", color: "#206095" },
+		lede: lipsum(1),
+		width: "wide",
+		theme: null
+	}}
+	{template}
+/>