tecitheme 0.0.9 → 0.0.12

package/components/Header.svelte.d.ts

@@ -1,16 +1,27 @@
 /** @typedef {typeof __propDef.props}  HeaderProps */
 /** @typedef {typeof __propDef.events}  HeaderEvents */
 /** @typedef {typeof __propDef.slots}  HeaderSlots */
-export default class Header extends SvelteComponentTyped<{}, {
+export default class Header extends SvelteComponentTyped<{
+    clickOutside?: (node: any) => {
+        destroy(): void;
+    };
+}, {
     [evt: string]: CustomEvent<any>;
 }, {}> {
+    get clickOutside(): (node: any) => {
+        destroy(): void;
+    };
 }
 export type HeaderProps = typeof __propDef.props;
 export type HeaderEvents = typeof __propDef.events;
 export type HeaderSlots = typeof __propDef.slots;
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
-    props: {};
+    props: {
+        clickOutside?: (node: any) => {
+            destroy(): void;
+        };
+    };
     events: {
         [evt: string]: CustomEvent<any>;
     };

package/components/MediaFeature.svelte

@@ -3,19 +3,21 @@
   export let data;
 </script>
 
-<section class="w-full mx-auto flex flex-col md:flex-row items-center">
+<section class="w-full mx-auto flex flex-col md:flex-row items-center justify-center">
   {#if data.video}
-    <div class="w-full max-w-xl {data.position === 'right' ? 'mb-4 md:mb-0' : 'mb-0'}">
-      <YT v={data.video} />
-    </div>
+  <div class="w-full max-w-xl {data.position === 'right' ? 'mb-4 md:mb-0' : 'mb-0'}">
+    <YT v={data.video} />
+  </div>
   {:else if data.image}
-    <a class="block w-full max-w-xl mb-4 md:mb-0" href={data.image}>
-      <figure>
+  <div class="block w-full max-w-xl mb-4 md:mb-0">
+    <figure>
+      <a href={data.image}>
         <img class="aspect-video object-cover" src={data.image} alt={data.name}/>
-      </figure>
-    </a>
+      </a>
+    </figure>
+  </div>
   {/if}
-  <div class="flex flex-col justify-center {data.position === 'right' ? 'md:order-last md:ml-8' : 'md:order-first md:mr-8'}">
+  <div class="w-full max-w-xl flex flex-col justify-center {data.position === 'right' ? 'md:order-last md:ml-8' : 'md:order-first md:mr-8'}">
     <div class="w-full max-w-3xl">
       <h2 class="text-lg font-bold pb-4">{data.name}</h2>
       <span class="prose">{@html data.text}</span>

package/components/NewsGrid.svelte

@@ -5,7 +5,7 @@
 
 <div class="relative mx-auto w-full divide-y-2 divide-gray-200">
   <div>
-    <h2 class="text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl">
+    <h2 class="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">
       {data.title}
     </h2>
     <div class="mt-3 sm:mt-4 lg:grid lg:grid-cols-2 lg:items-center lg:gap-5">

package/components/SectionHeaderCentered.svelte

@@ -15,7 +15,7 @@
       {data.toptext}
       </h2>
   {/if}
-  <p class="mt-1 text-4xl font-extrabold text-gray-900 sm:text-5xl sm:tracking-tight lg:text-6xl">
+  <p class="mt-1 text-4xl font-bold text-gray-900 sm:text-5xl sm:tracking-tight lg:text-6xl">
       {data.title}
   </p>
   {#if data.subtitle}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tecitheme",
-  "version": "0.0.9",
+  "version": "0.0.12",
   "svelte": true,
   "devDependencies": {
     "@jsdevtools/rehype-toc": "^3.0.2",