flowbite-svelte 0.8.8 → 0.9.2

package/footer/SimpleFooter.svelte

@@ -1,37 +1,24 @@
-<script>
-  export let site = {
-    link: "/",
-    name: "Flowbite Svelte",
-  };
-  export let links = [
-    { name: "About", link: "/about", rel: undefined },
-    { name: "Privacy Policy", link: "/", rel: undefined },
-    { name: "Licensing", link: "/", rel: undefined },
-    { name: "Contact", link: "/", rel: undefined },
-  ];
-  export let footerClass =
-    "p-4 bg-white rounded-lg shadow md:flex md:items-center md:justify-between md:p-6 dark:bg-gray-800";
-  export let siteNameClass =
-    "text-sm text-gray-500 sm:text-center dark:text-gray-400";
-  export let ulClass = "flex flex-wrap items-center mt-3 sm:mt-0";
-  export let aClass =
-    "mr-4 text-sm text-gray-500 hover:underline md:mr-6 dark:text-gray-400";
-  export let siteNameLinkClass = "hover:underline";
-  export let copyrightYear = "© 2022";
-  export let allRightsReserved = "All Rights Reserved.";
+<script >export let site;
+export let links;
+export let footerClass = 'p-4 bg-white rounded-lg shadow md:flex md:items-center md:justify-between md:p-6 dark:bg-gray-800';
+export let siteNameClass = 'text-sm text-gray-500 sm:text-center dark:text-gray-400';
+export let ulClass = 'flex flex-wrap items-center mt-3 sm:mt-0';
+export let aClass = 'mr-4 text-sm text-gray-500 hover:underline md:mr-6 dark:text-gray-400';
+export let siteNameLinkClass = 'hover:underline';
+export let copyrightYear = '© 2022';
+export let allRightsReserved = 'All Rights Reserved.';
 </script>
 
 <footer class={footerClass}>
-  <span class={siteNameClass}
-    >{copyrightYear}
-    <a href={site.link} class={siteNameLinkClass} target="_blank">{site.name}</a
-    >. {allRightsReserved}
-  </span>
-  <ul class={ulClass}>
-    {#each links as { name, link, rel }}
-      <li>
-        <a href={link} {rel} class={aClass}>{name}</a>
-      </li>
-    {/each}
-  </ul>
+	<span class={siteNameClass}
+		>{copyrightYear}
+		<a href={site.link} class={siteNameLinkClass} target="_blank">{site.name}</a>. {allRightsReserved}
+	</span>
+	<ul class={ulClass}>
+		{#each links as { name, link, rel }}
+			<li>
+				<a href={link} {rel} class={aClass}>{name}</a>
+			</li>
+		{/each}
+	</ul>
 </footer>

package/footer/SimpleFooter.svelte.d.ts

@@ -1,42 +1,9 @@
-/** @typedef {typeof __propDef.props}  SimpleFooterProps */
-/** @typedef {typeof __propDef.events}  SimpleFooterEvents */
-/** @typedef {typeof __propDef.slots}  SimpleFooterSlots */
-export default class SimpleFooter extends SvelteComponentTyped<{
-    site?: {
-        link: string;
-        name: string;
-    };
-    links?: {
-        name: string;
-        link: string;
-        rel: any;
-    }[];
-    footerClass?: string;
-    siteNameClass?: string;
-    ulClass?: string;
-    aClass?: string;
-    siteNameLinkClass?: string;
-    copyrightYear?: string;
-    allRightsReserved?: string;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type SimpleFooterProps = typeof __propDef.props;
-export type SimpleFooterEvents = typeof __propDef.events;
-export type SimpleFooterSlots = typeof __propDef.slots;
 import { SvelteComponentTyped } from "svelte";
+import type { LinkType, SiteType } from '../types';
 declare const __propDef: {
     props: {
-        site?: {
-            link: string;
-            name: string;
-        };
-        links?: {
-            name: string;
-            link: string;
-            rel: any;
-        }[];
+        site: SiteType;
+        links: LinkType[];
         footerClass?: string;
         siteNameClass?: string;
         ulClass?: string;
@@ -50,4 +17,9 @@ declare const __propDef: {
     };
     slots: {};
 };
+export declare type SimpleFooterProps = typeof __propDef.props;
+export declare type SimpleFooterEvents = typeof __propDef.events;
+export declare type SimpleFooterSlots = typeof __propDef.slots;
+export default class SimpleFooter extends SvelteComponentTyped<SimpleFooterProps, SimpleFooterEvents, SimpleFooterSlots> {
+}
 export {};

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, 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>
 </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 { LinkType, SiteType, SocialMediaType } from '../types';
 declare const __propDef: {
     props: {
-        site?: {
-            link: string;
-            name: string;
-            img: string;
-        };
-        links?: {
-            parent: string;
-            children: {
-                name: string;
-                link: string;
-            }[];
-        }[];
+        site: SiteType;
+        links: LinkType[];
+        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.d.ts

@@ -14,28 +14,28 @@ export default class SocialMediaFooter extends SvelteComponentTyped<{
             link: string;
         }[];
     }[];
-    footerClass?: string;
-    ulClass?: string;
-    copyrightYear?: string;
-    allRightsReserved?: string;
-    divClass?: string;
-    imgClass?: string;
-    hrClass?: string;
     socialMedia?: {
         link: string;
         icon: string;
     }[];
+    footerClass?: string;
+    divClass?: 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;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> {
@@ -58,28 +58,28 @@ declare const __propDef: {
                 link: string;
             }[];
         }[];
-        footerClass?: string;
-        ulClass?: string;
-        copyrightYear?: string;
-        allRightsReserved?: string;
-        divClass?: string;
-        imgClass?: string;
-        hrClass?: string;
         socialMedia?: {
             link: string;
             icon: string;
         }[];
+        footerClass?: string;
+        divClass?: 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>;

package/modals/ExtraLargeModal.svelte.d.ts

@@ -6,8 +6,8 @@ export default class ExtraLargeModal extends SvelteComponentTyped<{
     btn2: any;
     showModalId: any;
     id?: string;
-    btnColor?: string;
     title?: string;
+    btnColor?: string;
     textColor?: string;
 }, {
     handlebtn1: CustomEvent<any>;
@@ -28,8 +28,8 @@ declare const __propDef: {
         btn2: any;
         showModalId: any;
         id?: string;
-        btnColor?: string;
         title?: string;
+        btnColor?: string;
         textColor?: string;
     };
     events: {

package/modals/LargeModal.svelte.d.ts

@@ -6,8 +6,8 @@ export default class LargeModal extends SvelteComponentTyped<{
     btn2: any;
     showModalId: any;
     id?: string;
-    btnColor?: string;
     title?: string;
+    btnColor?: string;
     textColor?: string;
 }, {
     handlebtn1: CustomEvent<any>;
@@ -28,8 +28,8 @@ declare const __propDef: {
         btn2: any;
         showModalId: any;
         id?: string;
-        btnColor?: string;
         title?: string;
+        btnColor?: string;
         textColor?: string;
     };
     events: {

package/modals/MediumModal.svelte.d.ts

@@ -6,8 +6,8 @@ export default class MediumModal extends SvelteComponentTyped<{
     btn2: any;
     showModalId: any;
     id?: string;
-    btnColor?: string;
     title?: string;
+    btnColor?: string;
     textColor?: string;
 }, {
     handlebtn1: CustomEvent<any>;
@@ -28,8 +28,8 @@ declare const __propDef: {
         btn2: any;
         showModalId: any;
         id?: string;
-        btnColor?: string;
         title?: string;
+        btnColor?: string;
         textColor?: string;
     };
     events: {

package/modals/SmallModal.svelte.d.ts

@@ -6,8 +6,8 @@ export default class SmallModal extends SvelteComponentTyped<{
     btn2: any;
     showModalId: any;
     id?: string;
-    btnColor?: string;
     title?: string;
+    btnColor?: string;
     textColor?: string;
 }, {
     handlebtn1: CustomEvent<any>;
@@ -28,8 +28,8 @@ declare const __propDef: {
         btn2: any;
         showModalId: any;
         id?: string;
-        btnColor?: string;
         title?: string;
+        btnColor?: string;
         textColor?: string;
     };
     events: {