flowbite-svelte 0.10.1 → 0.10.2

package/README.md

@@ -38,6 +38,10 @@
 
 [Dropdowns](https://flowbite-svelte.vercel.app/dropdowns)
 
+## Form components
+
+[Forms](https://flowbite-svelte.vercel.app/forms)
+
 ## Footer
 
 [Footer](https://flowbite-svelte.vercel.app/footer)

package/forms/Fileupload.svelte.d.ts

@@ -6,7 +6,7 @@ declare const __propDef: {
         labelClass?: string;
         inputClass?: string;
         divClass?: string;
-        helper: any;
+        helper: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/forms/FloatingLabelInput.svelte.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         id: string;
-        type: string;
+        type: 'button' | 'checkbox' | 'color' | 'date' | 'datetime-local' | 'email' | 'file' | 'hidden' | 'image' | 'month' | 'number' | 'password' | 'radio' | 'range' | 'reset' | 'search' | 'submit' | 'tel' | 'text' | 'time' | 'url' | 'week';
         name: string;
         label: string;
         required?: boolean;

package/forms/Iconinput.svelte.d.ts

@@ -4,7 +4,7 @@ declare const __propDef: {
     props: {
         label: string;
         id: string;
-        type: string;
+        type: 'button' | 'checkbox' | 'color' | 'date' | 'datetime-local' | 'email' | 'file' | 'hidden' | 'image' | 'month' | 'number' | 'password' | 'radio' | 'range' | 'reset' | 'search' | 'submit' | 'tel' | 'text' | 'time' | 'url' | 'week';
         icon: typeof SvelteComponent;
         helper: string;
         placeholder: string;

package/forms/Input.svelte.d.ts

@@ -1,7 +1,7 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        type: string;
+        type: 'button' | 'checkbox' | 'color' | 'date' | 'datetime-local' | 'email' | 'file' | 'hidden' | 'image' | 'month' | 'number' | 'password' | 'radio' | 'range' | 'reset' | 'search' | 'submit' | 'tel' | 'text' | 'time' | 'url' | 'week';
         name: string;
         id: string;
         label: string;

package/forms/Textarea.svelte

@@ -1,5 +1,4 @@
-<script >// import type { TextareaType } from '../types';
-export let id = 'message';
+<script >export let id = 'message';
 export let name = 'message';
 export let label = 'Your message';
 export let rows = 4;

package/forms/Toggle.svelte

@@ -1,6 +1,4 @@
-<script >// import type { ToggleType } from '../types';
-// export let props: ToggleType = {
-export let name = 'toggle-example';
+<script >export let name = 'toggle-example';
 export let id = 'toggle-example';
 export let label = 'Toggle me';
 export let checked = false;

package/modals/ExtraLargeModal.svelte.d.ts

@@ -1,9 +1,10 @@
 import { SvelteComponentTyped } from "svelte";
+import type { Colors } from '../types';
 declare const __propDef: {
     props: {
         id?: string;
-        btnColor?: string;
-        textColor?: string;
+        btnColor?: Colors;
+        textColor?: Colors;
         title?: string;
         btn1: string;
         btn2: string;

package/modals/LargeModal.svelte.d.ts

@@ -1,9 +1,10 @@
 import { SvelteComponentTyped } from "svelte";
+import type { Colors } from '../types';
 declare const __propDef: {
     props: {
         id?: string;
-        btnColor?: string;
-        textColor?: string;
+        btnColor?: Colors;
+        textColor?: Colors;
         title?: string;
         btn1: string;
         btn2: string;

package/modals/MediumModal.svelte.d.ts

@@ -1,9 +1,10 @@
 import { SvelteComponentTyped } from "svelte";
+import type { Colors } from '../types';
 declare const __propDef: {
     props: {
         id?: string;
-        btnColor?: string;
-        textColor?: string;
+        btnColor?: Colors;
+        textColor?: Colors;
         title?: string;
         btn1: string;
         btn2: string;

package/modals/ModalButton.svelte.d.ts

@@ -1,9 +1,10 @@
 import { SvelteComponentTyped } from "svelte";
+import type { Colors } from '../types';
 declare const __propDef: {
     props: {
         id?: string;
         btnName?: string;
-        btnColor?: string;
+        btnColor?: Colors;
         openFn?: (id: string) => void;
     };
     events: {

package/modals/SignInModal.svelte.d.ts

@@ -1,8 +1,9 @@
 import { SvelteComponentTyped } from "svelte";
+import type { Colors } from '../types';
 declare const __propDef: {
     props: {
         id?: string;
-        btnSignInColor?: string;
+        btnSignInColor?: Colors;
         titleSignIn?: string;
         lostPasswordLink: string;
         rememberMe?: boolean;

package/modals/SmallModal.svelte.d.ts

@@ -1,9 +1,10 @@
 import { SvelteComponentTyped } from "svelte";
+import type { Colors } from '../types';
 declare const __propDef: {
     props: {
         id?: string;
-        btnColor?: string;
-        textColor?: string;
+        btnColor?: Colors;
+        textColor?: Colors;
         title?: string;
         btn1: string;
         btn2: string;

package/navbar/DropdownNavbar.svelte

@@ -1,4 +1,4 @@
-<script >import { page } from '$app/stores';
+<script >import { page, session } from '$app/stores';
 let hidden = true;
 let block = false;
 let activeDropdown = undefined;
@@ -112,6 +112,9 @@ export let liButtonClass = `flex justify-between items-center py-2 pr-4 pl-3 w-f
 					{/if}
 				{/each}
 			</ul>
+			{#if $session['user']}
+				<slot name="user" />
+			{/if}
 		</div>
 	</div>
 </nav>

package/navbar/DropdownNavbar.svelte.d.ts

@@ -18,7 +18,9 @@ declare const __propDef: {
     events: {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {};
+    slots: {
+        user: {};
+    };
 };
 export declare type DropdownNavbarProps = typeof __propDef.props;
 export declare type DropdownNavbarEvents = typeof __propDef.events;

package/navbar/Navbar.svelte

@@ -1,4 +1,4 @@
-<script >import { page } from '$app/stores';
+<script >import { page, session } from '$app/stores';
 export let sitename = 'Svelte Flow';
 export let logo = '/images/mkdir-logo.png';
 export let alt = 'Svelte Flow';
@@ -61,6 +61,9 @@ export let liLinkClass = `block py-2 pr-4 pl-3  text-gray-700 border-b border-gr
 					</li>
 				{/each}
 			</ul>
+			{#if $session['user']}
+				<slot name="user" />
+			{/if}
 		</div>
 	</div>
 </nav>

package/navbar/Navbar.svelte.d.ts

@@ -15,7 +15,9 @@ declare const __propDef: {
     events: {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {};
+    slots: {
+        user: {};
+    };
 };
 export declare type NavbarProps = typeof __propDef.props;
 export declare type NavbarEvents = typeof __propDef.events;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.10.1",
+  "version": "0.10.2",
   "description": "Flowbite components for Svelte",
   "author": {
     "name": "Shinichi Okada",