Updated packages and fixed warnings pertaining to exported types

src/lib/components/Loading.svelte

@@ -67,7 +67,7 @@
 </style>
 
 <div class="loader">
-    <div class="inner one" />
-    <div class="inner two" />
-    <div class="inner three" />
+    <div class="inner one"></div>
+    <div class="inner two"></div>
+    <div class="inner three"></div>
 </div>

src/lib/components/timeline/TimelineConnector.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
-	export let style: string = null;
+	export let style: string = "";
 </script>
 
-<span class="timeline-connector" {style} />
+<span class="timeline-connector" {style}></span>
 
 <style>
 	.timeline-connector {

src/lib/components/timeline/TimelineItem.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
 	import { getContext, setContext } from 'svelte';
-	import type { TimelinePosition, ParentPosition, TimelineConfig } from '../types';
+	import type { TimelinePosition, ParentPosition, TimelineConfig } from '$lib/types';
 
 	export let position: ParentPosition | null = null;
-	export let style: string = null;
+	export let style: string = "";
 
 	const config = getContext<TimelineConfig>('TimelineConfig');
 	const itemPosition = position ? position : config.rootPosition;
@@ -12,7 +12,7 @@
 
 <li class={`timeline-item ${itemPosition}`} {style}>
 	{#if !$$slots['opposite-content']}
-		<div class="opposite-block" />
+		<div class="opposite-block"></div>
 	{:else}
 		<slot name="opposite-content" />
 	{/if}

src/lib/types.d.ts

@@ -1,9 +0,0 @@
-type TimelinePosition = 'right' | 'left' | 'alternate';
-
-type ParentPosition = 'right' | 'left';
-
-type TimelineConfig = {
-	rootPosition: TimelinePosition;
-};
-
-export { TimelinePosition, ParentPosition, TimelineConfig };

src/lib/types.ts

@@ -1,3 +1,11 @@
+export type TimelinePosition = 'right' | 'left' | 'alternate';
+
+export type ParentPosition = 'right' | 'left';
+
+export type TimelineConfig = {
+	rootPosition: TimelinePosition;
+};
+
 export interface GitRepo {
     name: string;
     description: string;

src/routes/contact/+page.svelte

@@ -46,7 +46,7 @@
                 <input type="text" name="subject" placeholder="Subject" required>
             </div>
             <div class="input-group">
-                <textarea id="message" name="message" rows="4" required placeholder="Your Message" />
+                <textarea id="message" name="message" rows="4" required placeholder="Your Message"></textarea>
             </div>
             
             <!-- Hidden Attributes-->