email & preview component patches

steveninety · steveninety · commit 3c1103182377 · 2024-11-10T13:31:26.000+01:00
diff --git a/src/lib/components/Body.svelte b/src/lib/components/Body.svelte
@@ -12,7 +12,7 @@
 
 	export let style = {};
 	export let styleString: string = '';
-	let className: string | undefined = undefined;
+	let className: string | null | undefined = undefined;
 	export { className as class };
 	const styleDefault = styleToString({ ...style });
 </script>
diff --git a/src/lib/components/Button.svelte b/src/lib/components/Button.svelte
@@ -17,7 +17,7 @@
 	export let href = '';
 	export let style = {};
 	export let styleString: string = '';
-	let className: string | undefined = undefined;
+	let className: string | null | undefined = undefined;
 	export { className as class };
 	export let pX = 0;
 	export let pY = 0;
diff --git a/src/lib/components/Column.svelte b/src/lib/components/Column.svelte
@@ -12,7 +12,7 @@
 
 	export let style: $$Props['style'] = {};
 	export let styleString: string = '';
-	let className: string | undefined = undefined;
+	let className: string | null | undefined = undefined;
 	export { className as class };
 
 	const styleDefault = styleToString({
diff --git a/src/lib/components/Container.svelte b/src/lib/components/Container.svelte
@@ -12,7 +12,7 @@
 
 	export let style: $$Props['style'] = {};
 	export let styleString: string = '';
-	let className: string | undefined = undefined;
+	let className: string | null | undefined = undefined;
 	export { className as class };
 
 	const styleDefault = styleToString({ maxWidth: '37.5em', ...style });
diff --git a/src/lib/components/Custom.svelte b/src/lib/components/Custom.svelte
@@ -13,7 +13,7 @@
 	export let style: $$Props['style'] = {};
 	export let styleString: string = '';
 	export let as = 'div';
-	let className: string | undefined = undefined;
+	let className: string | null | undefined = undefined;
 	export { className as class };
 
 	const styleDefault = styleToString({
diff --git a/src/lib/components/Heading.svelte b/src/lib/components/Heading.svelte
@@ -20,7 +20,7 @@
 
 	export let style: $$Props['style'] = {};
 	export let styleString: string = '';
-	let className: string | undefined = undefined;
+	let className: string | null | undefined = undefined;
 	export { className as class };
 	export let as = 'h1';
 	const styleDefault = styleToString({
diff --git a/src/lib/components/Hr.svelte b/src/lib/components/Hr.svelte
@@ -12,7 +12,7 @@
 
 	export let style: $$Props['style'] = {};
 	export let styleString: string = '';
-	let className: string | undefined = undefined;
+	let className: string | null | undefined = undefined;
 	export { className as class };
 
 	const styleDefault = styleToString({
diff --git a/src/lib/components/Html.svelte b/src/lib/components/Html.svelte
@@ -10,7 +10,7 @@
 		style?: StandardLonghandProperties & StandardShorthandProperties & StandardProperties;
 	}
 
-	export let lang = 'en';
+	export let lang: string | null = 'en';
 	export let styleString = '';
 	export let style: $$Props['style'] = {};
 
diff --git a/src/lib/components/Img.svelte b/src/lib/components/Img.svelte
@@ -16,7 +16,7 @@
 
 	export let style: $$Props['style'] = {};
 	export let styleString: string = '';
-	let className: string | undefined = undefined;
+	let className: string | null | undefined = undefined;
 	export { className as class };
 	export let alt = '';
 	export let src = '';
diff --git a/src/lib/components/Link.svelte b/src/lib/components/Link.svelte
@@ -14,7 +14,7 @@
 
 	export let style: $$Props['style'] = {};
 	export let styleString: string = '';
-	let className: string | undefined = undefined;
+	let className: string | null | undefined = undefined;
 	export { className as class };
 	export let target = '_blank';
 	export let href = '';
diff --git a/src/lib/components/Row.svelte b/src/lib/components/Row.svelte
@@ -12,7 +12,7 @@
 
 	export let style: $$Props['style'] = {};
 	export let styleString: string = '';
-	let className: string | undefined = undefined;
+	let className: string | null | undefined = undefined;
 	export { className as class };
 
 	const styleDefault = styleToString({
@@ -33,8 +33,8 @@
 	class={className}
 >
 	<tbody style="width: 100%;">
-		<trow style="width: 100%;">
+		<tr style="width: 100%;">
 			<slot />
-		</trow>
+		</tr>
 	</tbody>
 </table>
diff --git a/src/lib/components/Section.svelte b/src/lib/components/Section.svelte
@@ -12,7 +12,7 @@
 
 	export let style: $$Props['style'] = {};
 	export let styleString: string = '';
-	let className: string | undefined = undefined;
+	let className: string | null | undefined = undefined;
 	export { className as class };
 
 	const styleDefault = styleToString({
@@ -33,8 +33,8 @@
 	class={className}
 >
 	<tbody>
-		<td>
+		<tr>
 			<slot />
-		</td>
+		</tr>
 	</tbody>
 </table>
diff --git a/src/lib/components/Text.svelte b/src/lib/components/Text.svelte
@@ -13,7 +13,7 @@
 	export let style: $$Props['style'] = {};
 	export let styleString: string = '';
 	export let as = 'p';
-	let className: string | undefined = undefined;
+	let className: string | null | undefined = undefined;
 	export { className as class };
 
 	const styleDefault = styleToString({
diff --git a/src/lib/preview/preview.svelte b/src/lib/preview/preview.svelte
@@ -152,7 +152,7 @@
 										bind:group={$fileSelected}
 										checked={file === get(fileSelected)}
 									/>
-									<label for={file} class:selected={file === get(fileSelected)}>
+									<label for={file} class:selected={file === $fileSelected}>
 										<div class="inline mr-5 relative bottom-1" style="display: inline;">
 											{@html icons.file}
 										</div>

Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,7 @@`
`10`	`10`	`style?: StandardLonghandProperties & StandardShorthandProperties & StandardProperties;`
`11`	`11`	`}`
`12`	`12`
`13`		`- export let lang = 'en';`
	`13`	`+ export let lang: string \| null = 'en';`
`14`	`14`	`export let styleString = '';`
`15`	`15`	`export let style: $$Props['style'] = {};`
`16`	`16`