flowbite-svelte 0.9.1 → 0.9.4

package/footer/SitemapFooter.svelte

@@ -1,116 +1,47 @@
-<script>
-  export let site = {
-    link: "/",
-    name: "Flowbite Svelte",
-    img: "/images/mkdir-logo.png",
-  };
-  export let links = [
-    {
-      parent: "Company",
-      children: [
-        { name: "About", link: "/" },
-        {
-          name: "Careers",
-          link: "/",
-        },
-        { name: "Brand Center", link: "/" },
-        {
-          name: "Blog",
-          link: "/",
-        },
-      ],
-    },
-    {
-      parent: "Help center",
-      children: [
-        { name: "Discord Server", link: "/" },
-        {
-          name: "Twitter",
-          link: "/",
-        },
-        { name: "Facebook", link: "/" },
-        {
-          name: "Contact Us",
-          link: "/",
-        },
-      ],
-    },
-    {
-      parent: "LEGAL",
-      children: [
-        { name: "Privacy Policy", link: "/" },
-        { name: "Licensing", link: "/" },
-        {
-          name: "Terms & Conditions",
-          link: "/",
-        },
-      ],
-    },
-    {
-      parent: "Download",
-      children: [
-        { name: "iOS", link: "/" },
-        { name: "Android", link: "/" },
-        {
-          name: "Windows",
-          link: "/",
-        },
-        {
-          name: "MacOS",
-          link: "/",
-        },
-      ],
-    },
-  ];
-  export let socialMedia = [
-    {
-      link: "/",
-      icon: "",
-    },
-  ];
-  export let footerClass = "bg-gray-800";
-  export let linksClass = "grid grid-cols-2 gap-8 py-8 px-6 md:grid-cols-4";
-  export let parentClass = "mb-6 text-sm font-semibold text-gray-400 uppercase";
-  export let ulClass = "text-gray-300";
-  export let linkClass = "hover:underline";
-  export let copyrightDivClass =
-    "py-6 px-4 bg-gray-700 md:flex md:items-center md:justify-between";
-  export let copyrightClass = "text-sm text-gray-300 sm:text-center";
-  export let socialMediaDivClass =
-    "flex mt-4 space-x-6 sm:justify-center md:mt-0";
-  export let socialMediaLinkClass = "text-gray-400 hover:text-white";
-  export let iconClass = "h-5 w-5 mr-2";
-  export let copyrightYear = "© 2022";
-  export let allRightsReserved = "All Rights Reserved.";
+<script >export let site;
+export let links;
+export let socialMedia;
+export let footerClass = 'bg-gray-800';
+export let linksClass = 'grid grid-cols-2 gap-8 py-8 px-6 md:grid-cols-4';
+export let parentClass = 'mb-6 text-sm font-semibold text-gray-400 uppercase';
+export let ulClass = 'text-gray-300';
+export let linkClass = 'hover:underline';
+export let copyrightDivClass = 'py-6 px-4 bg-gray-700 md:flex md:items-center md:justify-between';
+export let copyrightClass = 'text-sm text-gray-300 sm:text-center';
+export let socialMediaDivClass = 'flex mt-4 space-x-6 sm:justify-center md:mt-0';
+export let socialMediaLinkClass = 'text-gray-400 hover:text-white';
+export let iconClass = 'h-5 w-5 mr-2';
+export let copyrightYear = '© 2022';
+export let allRightsReserved = 'All Rights Reserved.';
 </script>
 
 <footer class={footerClass}>
-  <div class={linksClass}>
-    {#each links as { parent, children }}
-      <div>
-        <h2 class={parentClass}>
-          {parent}
-        </h2>
-        <ul class={ulClass}>
-          {#each children as { name, link }}
-            <li class="mb-4">
-              <a href={link} class={linkClass}>{name}</a>
-            </li>
-          {/each}
-        </ul>
-      </div>
-    {/each}
-  </div>
-  <div class={copyrightDivClass}>
-    <span class={copyrightClass}
-      >{copyrightYear} <a href={site.link}>{site.name}</a>. {allRightsReserved}
-    </span>
-    <div class={socialMediaDivClass}>
-      {#each socialMedia as { link, icon }}
-        <a href={link} class={socialMediaLinkClass}>
-          <svelte:component this={icon} className={iconClass} />
-        </a>
-      {/each}
-    </div>
-  </div>
+	<div class={linksClass}>
+		{#each links as { parent, children }}
+			<div>
+				<h2 class={parentClass}>
+					{parent}
+				</h2>
+				<ul class={ulClass}>
+					{#each children as { name, href }}
+						<li class="mb-4">
+							<a {href} class={linkClass}>{name}</a>
+						</li>
+					{/each}
+				</ul>
+			</div>
+		{/each}
+	</div>
+	<div class={copyrightDivClass}>
+		<span class={copyrightClass}
+			>{copyrightYear} <a href={site.href}>{site.name}</a>. {allRightsReserved}
+		</span>
+		<div class={socialMediaDivClass}>
+			{#each socialMedia as { href, icon }}
+				<a {href} class={socialMediaLinkClass}>
+					<svelte:component this={icon} className={iconClass} />
+				</a>
+			{/each}
+		</div>
+	</div>
 </footer>

package/footer/SitemapFooter.svelte.d.ts

@@ -1,77 +1,31 @@
-/** @typedef {typeof __propDef.props}  SitemapFooterProps */
-/** @typedef {typeof __propDef.events}  SitemapFooterEvents */
-/** @typedef {typeof __propDef.slots}  SitemapFooterSlots */
-export default class SitemapFooter extends SvelteComponentTyped<{
-    site?: {
-        link: string;
-        name: string;
-        img: string;
-    };
-    links?: {
-        parent: string;
-        children: {
-            name: string;
-            link: string;
-        }[];
-    }[];
-    footerClass?: string;
-    ulClass?: string;
-    copyrightYear?: string;
-    allRightsReserved?: string;
-    socialMedia?: {
-        link: string;
-        icon: string;
-    }[];
-    parentClass?: string;
-    linkClass?: string;
-    copyrightDivClass?: string;
-    copyrightClass?: string;
-    socialMediaDivClass?: string;
-    socialMediaLinkClass?: string;
-    iconClass?: string;
-    linksClass?: string;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type SitemapFooterProps = typeof __propDef.props;
-export type SitemapFooterEvents = typeof __propDef.events;
-export type SitemapFooterSlots = typeof __propDef.slots;
 import { SvelteComponentTyped } from "svelte";
+import type { SiteType, SocialMediaType, SocialMediaLinkType } from '../types';
 declare const __propDef: {
     props: {
-        site?: {
-            link: string;
-            name: string;
-            img: string;
-        };
-        links?: {
-            parent: string;
-            children: {
-                name: string;
-                link: string;
-            }[];
-        }[];
+        site: SiteType;
+        links: SocialMediaLinkType[];
+        socialMedia: SocialMediaType[];
         footerClass?: string;
-        ulClass?: string;
-        copyrightYear?: string;
-        allRightsReserved?: string;
-        socialMedia?: {
-            link: string;
-            icon: string;
-        }[];
+        linksClass?: string;
         parentClass?: string;
+        ulClass?: string;
         linkClass?: string;
         copyrightDivClass?: string;
         copyrightClass?: string;
         socialMediaDivClass?: string;
         socialMediaLinkClass?: string;
         iconClass?: string;
-        linksClass?: string;
+        copyrightYear?: string;
+        allRightsReserved?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
+export declare type SitemapFooterProps = typeof __propDef.props;
+export declare type SitemapFooterEvents = typeof __propDef.events;
+export declare type SitemapFooterSlots = typeof __propDef.slots;
+export default class SitemapFooter extends SvelteComponentTyped<SitemapFooterProps, SitemapFooterEvents, SitemapFooterSlots> {
+}
 export {};

package/footer/SocialMediaFooter.svelte

@@ -1,110 +1,63 @@
-<script>
-  export let site = {
-    link: "/",
-    name: "Flowbite Svelte",
-    img: "/images/mkdir-logo.png",
-  };
-  export let links = [
-    {
-      parent: "RESOURCES",
-      children: [
-        { name: "Flowbite-Svelte", link: "/" },
-        {
-          name: "Flowbite",
-          link: "/",
-        },
-      ],
-    },
-    {
-      parent: "FOLLOW US",
-      children: [
-        { name: "Github", link: "/" },
-        {
-          name: "Flowbite",
-          link: "/",
-        },
-      ],
-    },
-    {
-      parent: "LEGAL",
-      children: [
-        { name: "Privacy Policy", link: "/" },
-        {
-          name: "Terms & Conditions",
-          link: "/",
-        },
-      ],
-    },
-  ];
-  export let socialMedia = [
-    {
-      link: "/",
-      icon: "",
-    },
-  ];
-  export let footerClass = "p-4 bg-white sm:p-6 dark:bg-gray-800";
-  export let divClass = "md:flex md:justify-between";
-  export let divClass2 = "mb-6 md:mb-0";
-  export let siteLinkClass = "flex items-center";
-  export let siteNameSpanClass =
-    "self-center text-2xl font-semibold whitespace-nowrap dark:text-white";
-  export let imgClass = "mr-3 h-8";
-  export let linksDivClass = "grid grid-cols-2 gap-8 sm:gap-6 sm:grid-cols-3";
-  export let parentClass =
-    "mb-6 text-sm font-semibold text-gray-900 uppercase dark:text-white";
-  export let ulClass = "text-gray-600 dark:text-gray-400";
-  export let linkClass = "hover:underline";
-  export let hrClass =
-    "my-6 border-gray-200 sm:mx-auto dark:border-gray-700 lg:my-8";
-  export let copyrightDivClass = "sm:flex sm:items-center sm:justify-between";
-  export let copyrightClass =
-    "text-sm text-gray-500 sm:text-center dark:text-gray-400";
-  export let socialMediaDivClass =
-    "flex mt-4 space-x-6 sm:justify-center sm:mt-0";
-  export let socialMediaLinkClass =
-    "text-gray-500 hover:text-gray-900 dark:hover:text-white";
-  export let iconClass = "h-5 w-5 mr-2";
-  export let copyrightYear = "© 2022";
-  export let allRightsReserved = "All Rights Reserved.";
+<script >export let site;
+export let links;
+export let socialMedia;
+export let footerClass = 'p-4 bg-white sm:p-6 dark:bg-gray-800';
+export let divClass = 'md:flex md:justify-between';
+export let divClass2 = 'mb-6 md:mb-0';
+export let siteLinkClass = 'flex items-center';
+export let siteNameSpanClass = 'self-center text-2xl font-semibold whitespace-nowrap dark:text-white';
+export let imgClass = 'mr-3 h-8';
+export let linksDivClass = 'grid grid-cols-2 gap-8 sm:gap-6 sm:grid-cols-3';
+export let parentClass = 'mb-6 text-sm font-semibold text-gray-900 uppercase dark:text-white';
+export let ulClass = 'text-gray-600 dark:text-gray-400';
+export let linkClass = 'hover:underline';
+export let hrClass = 'my-6 border-gray-200 sm:mx-auto dark:border-gray-700 lg:my-8';
+export let copyrightDivClass = 'sm:flex sm:items-center sm:justify-between';
+export let copyrightClass = 'text-sm text-gray-500 sm:text-center dark:text-gray-400';
+export let socialMediaDivClass = 'flex mt-4 space-x-6 sm:justify-center sm:mt-0';
+export let socialMediaLinkClass = 'text-gray-500 hover:text-gray-900 dark:hover:text-white';
+export let iconClass = 'h-5 w-5 mr-2';
+export let copyrightYear = '© 2022';
+export let allRightsReserved = 'All Rights Reserved.';
 </script>
 
 <footer class={footerClass}>
-  <div class={divClass}>
-    <div class={divClass2}>
-      <a href={site.link} class={siteLinkClass}>
-        <img src={site.img} class={imgClass} alt={site.name} />
-        <span class={siteNameSpanClass}>{site.name}</span>
-      </a>
-    </div>
-    <div class={linksDivClass}>
-      {#each links as { parent, children }}
-        <div>
-          <h2 class={parentClass}>
-            {parent}
-          </h2>
-          <ul class={ulClass}>
-            {#each children as { name, link }}
-              <li class="mb-4">
-                <a href={link} class={linkClass}>{name}</a>
-              </li>
-            {/each}
-          </ul>
-        </div>
-      {/each}
-    </div>
-  </div>
-  <hr class={hrClass} />
-  <div class={copyrightDivClass}>
-    <span class={copyrightClass}
-      >{copyrightYear}
-      <a href={site.link} class="hover:underline">{site.name}</a>. {allRightsReserved}
-    </span>
-    <div class={socialMediaDivClass}>
-      {#each socialMedia as { link, icon }}
-        <a href={link} class={socialMediaLinkClass}>
-          <svelte:component this={icon} className={iconClass} />
-        </a>
-      {/each}
-    </div>
-  </div>
+	<div class={divClass}>
+		<div class={divClass2}>
+			<a href={site.href} class={siteLinkClass}>
+				<img src={site.img} class={imgClass} alt={site.name} />
+				<span class={siteNameSpanClass}>{site.name}</span>
+			</a>
+		</div>
+		<div class={linksDivClass}>
+			{#each links as { parent, children }}
+				<div>
+					<h2 class={parentClass}>
+						{parent}
+					</h2>
+					<ul class={ulClass}>
+						{#each children as { name, href }}
+							<li class="mb-4">
+								<a {href} class={linkClass}>{name}</a>
+							</li>
+						{/each}
+					</ul>
+				</div>
+			{/each}
+		</div>
+	</div>
+	<hr class={hrClass} />
+	<div class={copyrightDivClass}>
+		<span class={copyrightClass}
+			>{copyrightYear}
+			<a href={site.href} class="hover:underline">{site.name}</a>. {allRightsReserved}
+		</span>
+		<div class={socialMediaDivClass}>
+			{#each socialMedia as { href, icon }}
+				<a {href} class={socialMediaLinkClass}>
+					<svelte:component this={icon} className={iconClass} />
+				</a>
+			{/each}
+		</div>
+	</div>
 </footer>

package/footer/SocialMediaFooter.svelte.d.ts

@@ -1,89 +1,37 @@
-/** @typedef {typeof __propDef.props}  SocialMediaFooterProps */
-/** @typedef {typeof __propDef.events}  SocialMediaFooterEvents */
-/** @typedef {typeof __propDef.slots}  SocialMediaFooterSlots */
-export default class SocialMediaFooter extends SvelteComponentTyped<{
-    site?: {
-        link: string;
-        name: string;
-        img: string;
-    };
-    links?: {
-        parent: string;
-        children: {
-            name: string;
-            link: string;
-        }[];
-    }[];
-    footerClass?: string;
-    ulClass?: string;
-    copyrightYear?: string;
-    allRightsReserved?: string;
-    divClass?: string;
-    imgClass?: string;
-    hrClass?: string;
-    socialMedia?: {
-        link: string;
-        icon: string;
-    }[];
-    divClass2?: string;
-    siteLinkClass?: string;
-    siteNameSpanClass?: string;
-    linksDivClass?: string;
-    parentClass?: string;
-    linkClass?: string;
-    copyrightDivClass?: string;
-    copyrightClass?: string;
-    socialMediaDivClass?: string;
-    socialMediaLinkClass?: string;
-    iconClass?: string;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type SocialMediaFooterProps = typeof __propDef.props;
-export type SocialMediaFooterEvents = typeof __propDef.events;
-export type SocialMediaFooterSlots = typeof __propDef.slots;
 import { SvelteComponentTyped } from "svelte";
+import type { SocialMediaLinkType, SocialMediaType, SiteType } from '../types';
 declare const __propDef: {
     props: {
-        site?: {
-            link: string;
-            name: string;
-            img: string;
-        };
-        links?: {
-            parent: string;
-            children: {
-                name: string;
-                link: string;
-            }[];
-        }[];
+        site: SiteType;
+        links: SocialMediaLinkType[];
+        socialMedia: SocialMediaType[];
         footerClass?: string;
-        ulClass?: string;
-        copyrightYear?: string;
-        allRightsReserved?: string;
         divClass?: string;
-        imgClass?: string;
-        hrClass?: string;
-        socialMedia?: {
-            link: string;
-            icon: string;
-        }[];
         divClass2?: string;
         siteLinkClass?: string;
         siteNameSpanClass?: string;
+        imgClass?: string;
         linksDivClass?: string;
         parentClass?: string;
+        ulClass?: string;
         linkClass?: string;
+        hrClass?: string;
         copyrightDivClass?: string;
         copyrightClass?: string;
         socialMediaDivClass?: string;
         socialMediaLinkClass?: string;
         iconClass?: string;
+        copyrightYear?: string;
+        allRightsReserved?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
+export declare type SocialMediaFooterProps = typeof __propDef.props;
+export declare type SocialMediaFooterEvents = typeof __propDef.events;
+export declare type SocialMediaFooterSlots = typeof __propDef.slots;
+export default class SocialMediaFooter extends SvelteComponentTyped<SocialMediaFooterProps, SocialMediaFooterEvents, SocialMediaFooterSlots> {
+}
 export {};