@onsvisual/svelte-components 1.0.40 → 1.0.42

package/dist/decorators/Icon/Icon.svelte

@@ -1,93 +1,93 @@
-<script>
-	/**
-	 * Set the type of icon
-	 * @type {"arrow"|"chevron"|"carret"|"cross"|"external"|"signout"|"print"|"download"|"tick"|"search"|"pin"|"cog"}
-	 */
-	export let type = "arrow";
-	/**
-	 * Set the size of the icon
-	 * @type {"s"|"m"|"l"|"xl"|"2xl"|"3xl"|null}
-	 */
-	export let size = null;
-	/**
-	 * Rotation in degrees (clockwise)
-	 * @type {number}
-	 */
-	export let rotation = 0;
-	/**
-	 * Add a small margin on the left of the icon
-	 * @type {boolean}
-	 */
-	export let marginLeft = false;
-	/**
-	 * Add a small margin on the right of the icon
-	 * @type {boolean}
-	 */
-	export let marginRight = false;
-
-	const paths = {
-		arrow: {
-			d: "m10 .2-.9.9c-.1.1-.1.4 0 .5l4 4H.6c-.2 0-.4.2-.4.4v1.2c0 .2.2.4.4.4h12.5l-3.9 3.7c-.2.2-.2.4 0 .6l.8.9c.2.2.4.2.6 0L16.8 7c.2-.2.2-.4 0-.6L10.7.3c-.3-.2-.5-.2-.7-.1Z",
-			viewBox: "0 0 17 13"
-		},
-		chevron: {
-			d: "M.74,12.7l-.57,-.56a.5,.5 0,0,1 0,-.71l5,-5l-5,-5a.5,.5 0,0,1 0,-.71l.57,-.56a.5,.5 0,0,1 .71,0l5.93,5.93a.5,.5 0,0,1 0,.7l-5.93,5.93a.5,.5 0,0,1 -.71,0Z",
-			viewBox: "0 0 8 13"
-		},
-		carret: {
-			d: "M1.4,0.1l4.5,5.1l4.5,-5.1a0.45,0.45 0,0,1 .6,0l.7,.7a.45,.45 0,0,1 0,.5l-5.5,6.2a.45,.45 0,0,1 -.6,0l-5.5,-6.1a.45,.45 0,0,1 0,-.6l.7,-.7a.45,.45 0,0,1 .6,0Z",
-			viewBox: "0 0 11.8 7.7"
-		},
-		cross: {
-			d: "M12 1.2086L10.7914 0L6 4.79155L1.20857 0L0 1.2086L4.79143 6.00015L0 10.7917L1.20857 12.0003L6 7.20875L10.7914 12.0003L12 10.7917L7.20857 6.00015L12 1.2086Z",
-			viewBox: "0 0 12 12"
-		},
-		external: {
-			d: "M13.5,9H13a.5.5,0,0,0-.5.5v3h-9v-9h3A.5.5,0,0,0,7,3V2.5A.5.5,0,0,0,6.5,2h-4a.5.5,0,0,0-.5.5v11a.5.5,0,0,0,.5.5h11a.5.5,0,0,0,.5-.5v-4A.5.5,0,0,0,13.5,9Z M8.83,7.88a.51.51,0,0,0,.71,0l2.31-2.32,1.28,1.28A.51.51,0,0,0,14,6.49v-4a.52.52,0,0,0-.5-.5h-4A.51.51,0,0,0,9,2.52a.58.58,0,0,0,.14.33l1.28,1.28L8.12,6.46a.51.51,0,0,0,0,.71Z",
-			viewBox: "2 2 12 12"
-		},
-		signout: {
-			d: "M13.85,7.65l-2.5-2.5a.5.5,0,0,0-.71,0,.48.48,0,0,0-.15.36V7h-3a.5.5,0,0,0-.5.5v1a.5.5,0,0,0,.5.5h3v1.5A.49.49,0,0,0,11,11a.48.48,0,0,0,.34-.14l2.51-2.5a.49.49,0,0,0,0-.68Z M8.5,14h-6a.5.5,0,0,1-.5-.5V2.5A.5.5,0,0,1,2.5,2h6a.5.5,0,0,1,.5.5V3a.5.5,0,0,1-.5.5h-5v9h5A.5.5,0,0,1,9,13v.5A.5.5,0,0,1,8.5,14Z",
-			viewBox: "2 2 12 12"
-		},
-		print: {
-			d: "M17 4H3C1.3 4 0 5.2 0 6.8v5.5h4V16h12v-3.7h4V6.8C20 5.2 18.7 4 17 4zm-3 10H6V9h8v5zm3-6a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm-1-8H4v3h12V0z",
-			viewBox: "0 0 20 16"
-		},
-		download: {
-			d: "M5.6 9a.48.48 0 0 0 .7 0l3-3.2a.48.48 0 0 0 0-.7C9.3 5 9.2 5 9 5H7.5V.5A.47.47 0 0 0 7 0H5a.47.47 0 0 0-.5.5V5H3a.47.47 0 0 0-.5.5.37.37 0 0 0 .1.3Z M11.5 9H11a.47.47 0 0 0-.5.5v1h-9v-1A.47.47 0 0 0 1 9H.5a.47.47 0 0 0-.5.5v2a.47.47 0 0 0 .5.5h11a.47.47 0 0 0 .5-.5v-2a.47.47 0 0 0-.5-.5Z",
-			viewBox: "0 0 12 12"
-		},
-		tick: {
-			d: "M14.35,3.9l-.71-.71a.5.5,0,0,0-.71,0h0L5.79,10.34,3.07,7.61a.51.51,0,0,0-.71,0l-.71.71a.51.51,0,0,0,0,.71l3.78,3.78a.5.5,0,0,0,.71,0h0L14.35,4.6A.5.5,0,0,0,14.35,3.9Z",
-			viewBox: "1.5 3 13 10"
-		},
-		search: {
-			d: "M11.86 10.23 8.62 6.99a4.63 4.63 0 1 0-6.34 1.64 4.55 4.55 0 0 0 2.36.64 4.65 4.65 0 0 0 2.33-.65l3.24 3.23a.46.46 0 0 0 .65 0l1-1a.48.48 0 0 0 0-.62Zm-5-3.32a3.28 3.28 0 0 1-2.31.93 3.22 3.22 0 1 1 2.35-.93Z",
-			viewBox: "0 0 12 12"
-		},
-		pin: {
-			d: "M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7m0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5Z",
-			viewBox: "0 0 24 24"
-		},
-		cog: {
-			d: "M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6Z",
-			viewBox: "0 0 24 24"
-		}
-	};
-</script>
-
-{#if paths[type]}
-	<svg
-		class="ons-icon {size ? `ons-icon--${size}` : ''}"
-		class:ons-u-ml-2xs={marginLeft}
-		class:ons-u-mr-2xs={marginRight}
-		viewBox={paths[type].viewBox}
-		xmlns="http://www.w3.org/2000/svg"
-		focusable="false"
-		fill="currentColor"
-		style:transform={rotation ? `rotate(${rotation}deg)` : null}
-	>
-		<path d={paths[type].d}></path>
-	</svg>
-{/if}
+<script>
+	/**
+	 * Set the type of icon
+	 * @type {"arrow"|"chevron"|"carret"|"cross"|"external"|"signout"|"print"|"download"|"tick"|"search"|"pin"|"cog"}
+	 */
+	export let type = "arrow";
+	/**
+	 * Set the size of the icon
+	 * @type {"s"|"m"|"l"|"xl"|"2xl"|"3xl"|null}
+	 */
+	export let size = null;
+	/**
+	 * Rotation in degrees (clockwise)
+	 * @type {number}
+	 */
+	export let rotation = 0;
+	/**
+	 * Add a small margin on the left of the icon
+	 * @type {boolean}
+	 */
+	export let marginLeft = false;
+	/**
+	 * Add a small margin on the right of the icon
+	 * @type {boolean}
+	 */
+	export let marginRight = false;
+
+	const paths = {
+		arrow: {
+			d: "m10 .2-.9.9c-.1.1-.1.4 0 .5l4 4H.6c-.2 0-.4.2-.4.4v1.2c0 .2.2.4.4.4h12.5l-3.9 3.7c-.2.2-.2.4 0 .6l.8.9c.2.2.4.2.6 0L16.8 7c.2-.2.2-.4 0-.6L10.7.3c-.3-.2-.5-.2-.7-.1Z",
+			viewBox: "0 0 17 13"
+		},
+		chevron: {
+			d: "M.74,12.7l-.57,-.56a.5,.5 0,0,1 0,-.71l5,-5l-5,-5a.5,.5 0,0,1 0,-.71l.57,-.56a.5,.5 0,0,1 .71,0l5.93,5.93a.5,.5 0,0,1 0,.7l-5.93,5.93a.5,.5 0,0,1 -.71,0Z",
+			viewBox: "0 0 8 13"
+		},
+		carret: {
+			d: "M1.4,0.1l4.5,5.1l4.5,-5.1a0.45,0.45 0,0,1 .6,0l.7,.7a.45,.45 0,0,1 0,.5l-5.5,6.2a.45,.45 0,0,1 -.6,0l-5.5,-6.1a.45,.45 0,0,1 0,-.6l.7,-.7a.45,.45 0,0,1 .6,0Z",
+			viewBox: "0 0 11.8 7.7"
+		},
+		cross: {
+			d: "M12 1.2086L10.7914 0L6 4.79155L1.20857 0L0 1.2086L4.79143 6.00015L0 10.7917L1.20857 12.0003L6 7.20875L10.7914 12.0003L12 10.7917L7.20857 6.00015L12 1.2086Z",
+			viewBox: "0 0 12 12"
+		},
+		external: {
+			d: "M13.5,9H13a.5.5,0,0,0-.5.5v3h-9v-9h3A.5.5,0,0,0,7,3V2.5A.5.5,0,0,0,6.5,2h-4a.5.5,0,0,0-.5.5v11a.5.5,0,0,0,.5.5h11a.5.5,0,0,0,.5-.5v-4A.5.5,0,0,0,13.5,9Z M8.83,7.88a.51.51,0,0,0,.71,0l2.31-2.32,1.28,1.28A.51.51,0,0,0,14,6.49v-4a.52.52,0,0,0-.5-.5h-4A.51.51,0,0,0,9,2.52a.58.58,0,0,0,.14.33l1.28,1.28L8.12,6.46a.51.51,0,0,0,0,.71Z",
+			viewBox: "2 2 12 12"
+		},
+		signout: {
+			d: "M13.85,7.65l-2.5-2.5a.5.5,0,0,0-.71,0,.48.48,0,0,0-.15.36V7h-3a.5.5,0,0,0-.5.5v1a.5.5,0,0,0,.5.5h3v1.5A.49.49,0,0,0,11,11a.48.48,0,0,0,.34-.14l2.51-2.5a.49.49,0,0,0,0-.68Z M8.5,14h-6a.5.5,0,0,1-.5-.5V2.5A.5.5,0,0,1,2.5,2h6a.5.5,0,0,1,.5.5V3a.5.5,0,0,1-.5.5h-5v9h5A.5.5,0,0,1,9,13v.5A.5.5,0,0,1,8.5,14Z",
+			viewBox: "2 2 12 12"
+		},
+		print: {
+			d: "M17 4H3C1.3 4 0 5.2 0 6.8v5.5h4V16h12v-3.7h4V6.8C20 5.2 18.7 4 17 4zm-3 10H6V9h8v5zm3-6a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm-1-8H4v3h12V0z",
+			viewBox: "0 0 20 16"
+		},
+		download: {
+			d: "M5.6 9a.48.48 0 0 0 .7 0l3-3.2a.48.48 0 0 0 0-.7C9.3 5 9.2 5 9 5H7.5V.5A.47.47 0 0 0 7 0H5a.47.47 0 0 0-.5.5V5H3a.47.47 0 0 0-.5.5.37.37 0 0 0 .1.3Z M11.5 9H11a.47.47 0 0 0-.5.5v1h-9v-1A.47.47 0 0 0 1 9H.5a.47.47 0 0 0-.5.5v2a.47.47 0 0 0 .5.5h11a.47.47 0 0 0 .5-.5v-2a.47.47 0 0 0-.5-.5Z",
+			viewBox: "0 0 12 12"
+		},
+		tick: {
+			d: "M14.35,3.9l-.71-.71a.5.5,0,0,0-.71,0h0L5.79,10.34,3.07,7.61a.51.51,0,0,0-.71,0l-.71.71a.51.51,0,0,0,0,.71l3.78,3.78a.5.5,0,0,0,.71,0h0L14.35,4.6A.5.5,0,0,0,14.35,3.9Z",
+			viewBox: "1.5 3 13 10"
+		},
+		search: {
+			d: "M11.86 10.23 8.62 6.99a4.63 4.63 0 1 0-6.34 1.64 4.55 4.55 0 0 0 2.36.64 4.65 4.65 0 0 0 2.33-.65l3.24 3.23a.46.46 0 0 0 .65 0l1-1a.48.48 0 0 0 0-.62Zm-5-3.32a3.28 3.28 0 0 1-2.31.93 3.22 3.22 0 1 1 2.35-.93Z",
+			viewBox: "0 0 12 12"
+		},
+		pin: {
+			d: "M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7m0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5Z",
+			viewBox: "0 0 24 24"
+		},
+		cog: {
+			d: "M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6Z",
+			viewBox: "0 0 24 24"
+		}
+	};
+</script>
+
+{#if paths[type]}
+	<svg
+		class="ons-icon {size ? `ons-icon--${size}` : ''}"
+		class:ons-u-ml-2xs={marginLeft}
+		class:ons-u-mr-2xs={marginRight}
+		viewBox={paths[type].viewBox}
+		xmlns="http://www.w3.org/2000/svg"
+		focusable="false"
+		fill="currentColor"
+		style:transform={rotation ? `rotate(${rotation}deg)` : null}
+	>
+		<path d={paths[type].d}></path>
+	</svg>
+{/if}

package/dist/decorators/Icon/docs/component.md

@@ -1,10 +1,10 @@
-Make use of pre-defined icons in your projects. The icon fill is set to `currentColor`, so will render in the same colour as the surrounding text.
-
-<!-- prettier-ignore -->
-```html
-<script>
-  import { Icon } from "@onsvisual/svelte-components";
-</script>
-
-<Icon type="arrow" size="3xl"/>
-```
+Make use of pre-defined icons in your projects. The icon fill is set to `currentColor`, so will render in the same colour as the surrounding text.
+
+<!-- prettier-ignore -->
+```html
+<script>
+  import { Icon } from "@onsvisual/svelte-components";
+</script>
+
+<Icon type="arrow" size="3xl"/>
+```

package/dist/decorators/Indent/Indent.stories.svelte

@@ -1,22 +1,22 @@
-<script module>
-	import { defineMeta } from "@storybook/addon-svelte-csf";
-	import { withComponentDocs } from "../../js/withParams.js";
-	import Indent from "./Indent.svelte";
-	import componentDocs from "./docs/component.md?raw";
-
-	const { Story } = defineMeta({
-		title: "Decorators/Indent",
-		component: Indent,
-		tags: ["autodocs"],
-		argTypes: {},
-		parameters: withComponentDocs(componentDocs)
-	});
-</script>
-
-{#snippet template(args)}
-	<Indent {...args}>
-		<p>An indented paragraph of text.</p>
-	</Indent>
-{/snippet}
-
-<Story name="Default" args={{}} {template} />
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import { withComponentDocs } from "../../js/withParams.js";
+	import Indent from "./Indent.svelte";
+	import componentDocs from "./docs/component.md?raw";
+
+	const { Story } = defineMeta({
+		title: "Decorators/Indent",
+		component: Indent,
+		tags: ["autodocs"],
+		argTypes: {},
+		parameters: withComponentDocs(componentDocs)
+	});
+</script>
+
+{#snippet template(args)}
+	<Indent {...args}>
+		<p>An indented paragraph of text.</p>
+	</Indent>
+{/snippet}
+
+<Story name="Default" args={{}} {template} />

package/dist/decorators/Indent/Indent.svelte

@@ -1,3 +1,3 @@
-<div class="ons-text-indent">
-	<slot />
-</div>
+<div class="ons-text-indent">
+	<slot />
+</div>

package/dist/decorators/Indent/docs/component.md

@@ -1,10 +1,10 @@
-An indented block of text.
-
-<!-- prettier-ignore -->
-```html
-<script>
-  import { Indent } from "@onsvisual/svelte-components";
-</script>
-
-<Indent>{indented_text}</Indent>
-```
+An indented block of text.
+
+<!-- prettier-ignore -->
+```html
+<script>
+  import { Indent } from "@onsvisual/svelte-components";
+</script>
+
+<Indent>{indented_text}</Indent>
+```

package/dist/index.js

@@ -1,86 +1,86 @@
-// @ts-nocheck
-
-// Wrappers
-export { default as Container } from "./wrappers/Container/Container.svelte";
-export { default as Embed } from "./wrappers/Embed/Embed.svelte";
-export { default as LazyLoad } from "./wrappers/LazyLoad/LazyLoad.svelte";
-export { default as Main } from "./wrappers/Main/Main.svelte";
-export { default as Observe } from "./wrappers/Observe/Observe.svelte";
-export { default as Theme } from "./wrappers/Theme/Theme.svelte";
-
-// Layout
-export { default as Accordion } from "./layout/Accordion/Accordion.svelte";
-export { default as AccordionItem } from "./layout/Accordion/AccordionItem.svelte";
-export { default as AnalyticsBanner } from "./layout/AnalyticsBanner/AnalyticsBanner.svelte";
-export { analyticsEvent } from "./layout/AnalyticsBanner/AnalyticsBanner.svelte";
-export { default as BackLink } from "./layout/BackLink/BackLink.svelte";
-export { default as Breadcrumb } from "./layout/Breadcrumb/Breadcrumb.svelte";
-export { default as Card } from "./layout/Card/Card.svelte";
-export { default as Contents } from "./layout/Contents/Contents.svelte";
-export { default as DescriptionList } from "./layout/DescriptionList/DescriptionList.svelte";
-export { default as Details } from "./layout/Details/Details.svelte";
-export { default as Twisty } from "./layout/Details/Details.svelte"; // Alias for Details
-export { default as DocumentList } from "./layout/DocumentList/DocumentList.svelte";
-export { default as Document } from "./layout/DocumentList/Document.svelte";
-export { default as ErrorPage } from "./layout/ErrorPage/ErrorPage.svelte";
-export { default as Footer } from "./layout/Footer/Footer.svelte";
-export { default as Grid } from "./layout/Grid/Grid.svelte";
-export { default as Cards } from "./layout/Grid/Grid.svelte"; // Alias for Grid
-export { default as GridCell } from "./layout/Grid/GridCell.svelte";
-export { default as Header } from "./layout/Header/Header.svelte";
-export { default as Hero } from "./layout/Hero/Hero.svelte";
-export { default as Titleblock } from "./layout/Hero/Hero.svelte"; // Alias for Hero
-export { default as Highlight } from "./layout/Highlight/Highlight.svelte";
-export { default as Image } from "./layout/Image/Image.svelte";
-export { default as List } from "./layout/List/List.svelte";
-export { default as Li } from "./layout/List/Li.svelte";
-export { default as NavSection } from "./layout/NavSections/NavSection.svelte";
-export { default as NavSections } from "./layout/NavSections/NavSections.svelte";
-export { default as Notice } from "./layout/Notice/Notice.svelte";
-export { default as PhaseBanner } from "./layout/PhaseBanner/PhaseBanner.svelte";
-export { default as RelatedContent } from "./layout/RelatedContent/RelatedContent.svelte";
-export { default as Scroller } from "./layout/Scroller/Scroller.svelte";
-export { default as ScrollerSection } from "./layout/Scroller/ScrollerSection.svelte";
-export { default as Section } from "./layout/Section/Section.svelte";
-export { default as ShareButtons } from "./layout/ShareButtons/ShareButtons.svelte";
-export { default as SkipLink } from "./layout/SkipLink/SkipLink.svelte";
-export { default as Summary } from "./layout/Summary/Summary.svelte";
-export { default as Tabs } from "./layout/Tabs/Tabs.svelte";
-export { default as Tab } from "./layout/Tabs/Tab.svelte";
-export { default as Timeline } from "./layout/Timeline/Timeline.svelte";
-export { default as TimelineItem } from "./layout/Timeline/TimelineItem.svelte";
-
-// Inputs
-export { default as Button } from "./inputs/Button/Button.svelte";
-export { default as Checkbox } from "./inputs/Checkbox/Checkbox.svelte";
-export { default as Checkboxes } from "./inputs/Checkboxes/Checkboxes.svelte";
-export { default as Dropdown } from "./inputs/Dropdown/Dropdown.svelte";
-export { default as ErrorPanel } from "./inputs/ErrorPanel/ErrorPanel.svelte";
-export { default as ErrorSummary } from "./inputs/ErrorSummary/ErrorSummary.svelte";
-export { default as Input } from "./inputs/Input/Input.svelte";
-export { default as Radio } from "./inputs/Radios/Radio.svelte";
-export { default as Radios } from "./inputs/Radios/Radios.svelte";
-export { default as Select } from "./inputs/Select/Select.svelte";
-export { default as AccessibleSelect } from "./inputs/Select/Select.svelte"; // Alias for Select
-export { default as Textarea } from "./inputs/Textarea/Textarea.svelte";
-export { default as HelpModal } from "./inputs/Toolbar/HelpModal.svelte";
-export { default as ToolbarIcon } from "./inputs/Toolbar/ToolbarIcon.svelte";
-export { default as Toolbar } from "./inputs/Toolbar/Toolbar.svelte";
-export { default as ToolbarButton } from "./inputs/Toolbar/ToolbarButton.svelte";
-export { default as ToolbarDivider } from "./inputs/Toolbar/ToolbarDivider.svelte";
-export { default as ToolbarsContainer } from "./inputs/Toolbar/ToolbarsContainer.svelte";
-export { default as ToolControl } from "./inputs/Toolbar/ToolControl.svelte";
-export { default as ToolControls } from "./inputs/Toolbar/ToolControls.svelte";
-export { default as ButtonGroup } from "./inputs/ButtonGroup/ButtonGroup.svelte";
-export { default as ButtonGroupItem } from "./inputs/ButtonGroup/ButtonGroupItem.svelte";
-
-// Decorators
-export { default as Blockquote } from "./decorators/Blockquote/Blockquote.svelte";
-export { default as Divider } from "./decorators/Divider/Divider.svelte";
-export { default as Em } from "./decorators/Em/Em.svelte";
-export { default as Icon } from "./decorators/Icon/Icon.svelte";
-export { default as Indent } from "./decorators/Indent/Indent.svelte";
-
-// Data visualisation
-export { default as DataCard } from "./datavis/DataCard/DataCard.svelte";
-export { default as Table } from "./datavis/Table/Table.svelte";
+// @ts-nocheck
+
+// Wrappers
+export { default as Container } from "./wrappers/Container/Container.svelte";
+export { default as Embed } from "./wrappers/Embed/Embed.svelte";
+export { default as LazyLoad } from "./wrappers/LazyLoad/LazyLoad.svelte";
+export { default as Main } from "./wrappers/Main/Main.svelte";
+export { default as Observe } from "./wrappers/Observe/Observe.svelte";
+export { default as Theme } from "./wrappers/Theme/Theme.svelte";
+
+// Layout
+export { default as Accordion } from "./layout/Accordion/Accordion.svelte";
+export { default as AccordionItem } from "./layout/Accordion/AccordionItem.svelte";
+export { default as AnalyticsBanner } from "./layout/AnalyticsBanner/AnalyticsBanner.svelte";
+export { analyticsEvent } from "./layout/AnalyticsBanner/AnalyticsBanner.svelte";
+export { default as BackLink } from "./layout/BackLink/BackLink.svelte";
+export { default as Breadcrumb } from "./layout/Breadcrumb/Breadcrumb.svelte";
+export { default as Card } from "./layout/Card/Card.svelte";
+export { default as Contents } from "./layout/Contents/Contents.svelte";
+export { default as DescriptionList } from "./layout/DescriptionList/DescriptionList.svelte";
+export { default as Details } from "./layout/Details/Details.svelte";
+export { default as Twisty } from "./layout/Details/Details.svelte"; // Alias for Details
+export { default as DocumentList } from "./layout/DocumentList/DocumentList.svelte";
+export { default as Document } from "./layout/DocumentList/Document.svelte";
+export { default as ErrorPage } from "./layout/ErrorPage/ErrorPage.svelte";
+export { default as Footer } from "./layout/Footer/Footer.svelte";
+export { default as Grid } from "./layout/Grid/Grid.svelte";
+export { default as Cards } from "./layout/Grid/Grid.svelte"; // Alias for Grid
+export { default as GridCell } from "./layout/Grid/GridCell.svelte";
+export { default as Header } from "./layout/Header/Header.svelte";
+export { default as Hero } from "./layout/Hero/Hero.svelte";
+export { default as Titleblock } from "./layout/Hero/Hero.svelte"; // Alias for Hero
+export { default as Highlight } from "./layout/Highlight/Highlight.svelte";
+export { default as Image } from "./layout/Image/Image.svelte";
+export { default as List } from "./layout/List/List.svelte";
+export { default as Li } from "./layout/List/Li.svelte";
+export { default as NavSection } from "./layout/NavSections/NavSection.svelte";
+export { default as NavSections } from "./layout/NavSections/NavSections.svelte";
+export { default as Notice } from "./layout/Notice/Notice.svelte";
+export { default as PhaseBanner } from "./layout/PhaseBanner/PhaseBanner.svelte";
+export { default as RelatedContent } from "./layout/RelatedContent/RelatedContent.svelte";
+export { default as Scroller } from "./layout/Scroller/Scroller.svelte";
+export { default as ScrollerSection } from "./layout/Scroller/ScrollerSection.svelte";
+export { default as Section } from "./layout/Section/Section.svelte";
+export { default as ShareButtons } from "./layout/ShareButtons/ShareButtons.svelte";
+export { default as SkipLink } from "./layout/SkipLink/SkipLink.svelte";
+export { default as Summary } from "./layout/Summary/Summary.svelte";
+export { default as Tabs } from "./layout/Tabs/Tabs.svelte";
+export { default as Tab } from "./layout/Tabs/Tab.svelte";
+export { default as Timeline } from "./layout/Timeline/Timeline.svelte";
+export { default as TimelineItem } from "./layout/Timeline/TimelineItem.svelte";
+
+// Inputs
+export { default as Button } from "./inputs/Button/Button.svelte";
+export { default as Checkbox } from "./inputs/Checkbox/Checkbox.svelte";
+export { default as Checkboxes } from "./inputs/Checkboxes/Checkboxes.svelte";
+export { default as Dropdown } from "./inputs/Dropdown/Dropdown.svelte";
+export { default as ErrorPanel } from "./inputs/ErrorPanel/ErrorPanel.svelte";
+export { default as ErrorSummary } from "./inputs/ErrorSummary/ErrorSummary.svelte";
+export { default as Input } from "./inputs/Input/Input.svelte";
+export { default as Radio } from "./inputs/Radios/Radio.svelte";
+export { default as Radios } from "./inputs/Radios/Radios.svelte";
+export { default as Select } from "./inputs/Select/Select.svelte";
+export { default as AccessibleSelect } from "./inputs/Select/Select.svelte"; // Alias for Select
+export { default as Textarea } from "./inputs/Textarea/Textarea.svelte";
+export { default as HelpModal } from "./inputs/Toolbar/HelpModal.svelte";
+export { default as ToolbarIcon } from "./inputs/Toolbar/ToolbarIcon.svelte";
+export { default as Toolbar } from "./inputs/Toolbar/Toolbar.svelte";
+export { default as ToolbarButton } from "./inputs/Toolbar/ToolbarButton.svelte";
+export { default as ToolbarDivider } from "./inputs/Toolbar/ToolbarDivider.svelte";
+export { default as ToolbarsContainer } from "./inputs/Toolbar/ToolbarsContainer.svelte";
+export { default as ToolControl } from "./inputs/Toolbar/ToolControl.svelte";
+export { default as ToolControls } from "./inputs/Toolbar/ToolControls.svelte";
+export { default as ButtonGroup } from "./inputs/ButtonGroup/ButtonGroup.svelte";
+export { default as ButtonGroupItem } from "./inputs/ButtonGroup/ButtonGroupItem.svelte";
+
+// Decorators
+export { default as Blockquote } from "./decorators/Blockquote/Blockquote.svelte";
+export { default as Divider } from "./decorators/Divider/Divider.svelte";
+export { default as Em } from "./decorators/Em/Em.svelte";
+export { default as Icon } from "./decorators/Icon/Icon.svelte";
+export { default as Indent } from "./decorators/Indent/Indent.svelte";
+
+// Data visualisation
+export { default as DataCard } from "./datavis/DataCard/DataCard.svelte";
+export { default as Table } from "./datavis/Table/Table.svelte";

package/dist/inputs/Button/Button.stories.svelte

@@ -1,70 +1,70 @@
-<script module>
-	// @ts-ignore
-	import { defineMeta } from "@storybook/addon-svelte-csf";
-	import { withComponentDocs } from "../../js/withParams.js";
-	import Button from "./Button.svelte";
-	import componentDocs from "./docs/component.md?raw";
-
-	const { Story } = defineMeta({
-		title: "Inputs/Button",
-		component: Button,
-		tags: ["autodocs"],
-		argTypes: {
-			type: {
-				options: ["button", "submit", "reset"],
-				control: { type: "select" }
-			},
-			variant: {
-				options: ["primary", "secondary", "ghost"],
-				control: { type: "select" }
-			},
-			icon: {
-				control: { type: "select" }
-			},
-			iconPosition: {
-				options: ["before", "after"],
-				control: { type: "select" }
-			}
-		},
-		parameters: withComponentDocs(componentDocs)
-	});
-</script>
-
-{#snippet template(args)}
-	<div
-		style:padding="12px"
-		style:background={args?.variant === "ghost" ? "var(--ons-color-ocean-blue)" : null}
-	>
-		<Button {...args}>{args.text}</Button>
-	</div>
-{/snippet}
-
-<Story name="Default" args={{ text: "Primary button" }} {template} />
-
-<Story name="Link" args={{ text: "Button-styled link", href: "#" }} {template} />
-
-<Story name="Secondary" args={{ text: "Secondary button", variant: "secondary" }} {template} />
-
-<Story name="Ghost" args={{ text: "Ghost button", variant: "ghost" }} {template} />
-
-<Story name="Small" args={{ text: "Small button", small: true }} {template} />
-
-<Story name="Icon before" args={{ text: "Download", icon: "download" }} {template} />
-
-<Story
-	name="Icon after"
-	args={{ text: "Continue", icon: "arrow", iconPosition: "after" }}
-	{template}
-/>
-
-<Story
-	name="Icon only, hidden text"
-	args={{ text: "Search", icon: "search", hideLabel: true }}
-	{template}
-/>
-
-<Story
-	name="Custom colour button"
-	args={{ text: "Small button", icon: "cross", color: "#00a3a6", small: true }}
-	{template}
-/>
+<script module>
+	// @ts-ignore
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import { withComponentDocs } from "../../js/withParams.js";
+	import Button from "./Button.svelte";
+	import componentDocs from "./docs/component.md?raw";
+
+	const { Story } = defineMeta({
+		title: "Inputs/Button",
+		component: Button,
+		tags: ["autodocs"],
+		argTypes: {
+			type: {
+				options: ["button", "submit", "reset"],
+				control: { type: "select" }
+			},
+			variant: {
+				options: ["primary", "secondary", "ghost"],
+				control: { type: "select" }
+			},
+			icon: {
+				control: { type: "select" }
+			},
+			iconPosition: {
+				options: ["before", "after"],
+				control: { type: "select" }
+			}
+		},
+		parameters: withComponentDocs(componentDocs)
+	});
+</script>
+
+{#snippet template(args)}
+	<div
+		style:padding="12px"
+		style:background={args?.variant === "ghost" ? "var(--ons-color-ocean-blue)" : null}
+	>
+		<Button {...args}>{args.text}</Button>
+	</div>
+{/snippet}
+
+<Story name="Default" args={{ text: "Primary button" }} {template} />
+
+<Story name="Link" args={{ text: "Button-styled link", href: "#" }} {template} />
+
+<Story name="Secondary" args={{ text: "Secondary button", variant: "secondary" }} {template} />
+
+<Story name="Ghost" args={{ text: "Ghost button", variant: "ghost" }} {template} />
+
+<Story name="Small" args={{ text: "Small button", small: true }} {template} />
+
+<Story name="Icon before" args={{ text: "Download", icon: "download" }} {template} />
+
+<Story
+	name="Icon after"
+	args={{ text: "Continue", icon: "arrow", iconPosition: "after" }}
+	{template}
+/>
+
+<Story
+	name="Icon only, hidden text"
+	args={{ text: "Search", icon: "search", hideLabel: true }}
+	{template}
+/>
+
+<Story
+	name="Custom colour button"
+	args={{ text: "Small button", icon: "cross", color: "#00a3a6", small: true }}
+	{template}
+/>