flowbite-svelte 0.30.4 → 0.30.6

package/dist/list-group/Listgroup.svelte.d.ts

@@ -7,7 +7,7 @@ declare const __propDef: {
         active?: boolean | undefined;
     };
     events: {
-        click: CustomEvent<any>;
+        click: MouseEvent;
     } & {
         [evt: string]: CustomEvent<any>;
     };

package/dist/list-group/ListgroupItem.svelte

@@ -1,11 +1,9 @@
 <script>import { getContext } from 'svelte';
 import classNames from 'classnames';
-import { createEventDispatcher } from 'svelte';
 export let active = getContext('active');
 export let current = false;
 export let disabled = false;
 export let href = '';
-let dispatch = createEventDispatcher();
 const states = {
     current: 'text-white bg-blue-700 dark:text-white dark:bg-gray-800',
     normal: '',
@@ -27,7 +25,6 @@ $: itemClass = classNames('py-2 px-4 w-full text-sm font-medium', 'first:rounded
   <a
     {href}
     class="block {itemClass}"
-    on:click={() => dispatch('click', $$props)}
     aria-current={current}
     on:blur
     on:change
@@ -46,7 +43,6 @@ $: itemClass = classNames('py-2 px-4 w-full text-sm font-medium', 'first:rounded
     type="button"
     class="inline-flex relative items-center text-left {itemClass}"
     {disabled}
-    on:click={() => dispatch('click', $$props)}
     on:blur
     on:change
     on:click

package/dist/list-group/ListgroupItem.svelte.d.ts

@@ -10,7 +10,7 @@ declare const __propDef: {
     events: {
         blur: FocusEvent;
         change: Event;
-        click: CustomEvent<any>;
+        click: MouseEvent;
         focus: FocusEvent;
         keydown: KeyboardEvent;
         keypress: KeyboardEvent;

package/dist/navbar/NavLi.svelte

@@ -1,10 +1,12 @@
 <script>import classNames from 'classnames';
+import { getContext } from 'svelte';
 export let href = '';
 export let active = false;
-export let activeClass = 'text-white bg-blue-700 md:bg-transparent md:text-blue-700 md:dark:text-white dark:bg-blue-600 md:dark:bg-transparent';
-export let nonActiveClass = 'text-gray-700 hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 dark:text-gray-400 md:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent';
+export let activeClass = undefined;
+export let nonActiveClass = undefined;
+const context = getContext('navbar');
 let liClass;
-$: liClass = classNames('block py-2 pr-4 pl-3 md:p-0 rounded md:border-0', active ? activeClass : nonActiveClass, $$props.class);
+$: liClass = classNames('block py-2 pr-4 pl-3 md:p-0 rounded md:border-0', active ? activeClass ?? context.activeClass : nonActiveClass ?? context.nonActiveClass, $$props.class);
 </script>
 
 <li>

package/dist/navbar/NavUl.svelte

@@ -1,11 +1,18 @@
+<script context="module">export {};
+</script>
+
 <script>import classNames from 'classnames';
 import { slide } from 'svelte/transition';
 import { quintOut } from 'svelte/easing';
 import Frame from '../utils/Frame.svelte';
+import { setContext } from 'svelte';
 export let divClass = 'w-full md:block md:w-auto';
 export let ulClass = 'flex flex-col p-4 mt-4 md:flex-row md:space-x-8 md:mt-0 md:text-sm md:font-medium';
 export let hidden = true;
 export let slideParams = { delay: 250, duration: 500, easing: quintOut };
+export let activeClass = 'text-white bg-blue-700 md:bg-transparent md:text-blue-700 md:dark:text-white dark:bg-blue-600 md:dark:bg-transparent';
+export let nonActiveClass = 'text-gray-700 hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 dark:text-gray-400 md:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent';
+setContext('navbar', { activeClass, nonActiveClass });
 let _divClass;
 $: _divClass = classNames(divClass, $$props.class);
 let _ulClass;

package/dist/navbar/NavUl.svelte.d.ts

@@ -1,4 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
+export type NavbarLiType = {
+    activeClass: string;
+    nonActiveClass: string;
+};
 import { type SlideParams } from 'svelte/transition';
 declare const __propDef: {
     props: {
@@ -7,6 +11,8 @@ declare const __propDef: {
         ulClass?: string | undefined;
         hidden?: boolean | undefined;
         slideParams?: SlideParams | undefined;
+        activeClass?: string | undefined;
+        nonActiveClass?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/sidebars/SidebarDropdownWrapper.svelte

@@ -1,12 +1,27 @@
 <script>import classNames from 'classnames';
-import { slide } from 'svelte/transition';
-import { quintOut } from 'svelte/easing';
+import { fade, blur, fly, slide } from 'svelte/transition';
+// import { quintOut } from 'svelte/easing';
 import ChevronDown from '../utils/ChevronDown.svelte';
 import ChevronUp from '../utils/ChevronUp.svelte';
 export let btnClass = 'flex items-center p-2 w-full text-base font-normal text-gray-900 rounded-lg transition duration-75 group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700';
 export let label = '';
 export let spanClass = 'flex-1 ml-3 text-left whitespace-nowrap';
 export let ulClass = 'py-2 space-y-2';
+export let transitionType = 'slide';
+export let transitionParams = {};
+// make a custom transition function that returns the desired transition
+const multiple = (node, params) => {
+    switch (transitionType) {
+        case 'blur':
+            return blur(node, params);
+        case 'fly':
+            return fly(node, params);
+        case 'fade':
+            return fade(node, params);
+        default:
+            return slide(node, params);
+    }
+};
 export let isOpen = false;
 const handleDropdown = () => {
     isOpen = !isOpen;
@@ -21,7 +36,7 @@ const handleDropdown = () => {
     class={classNames(btnClass, $$props.class)}
     aria-controls="sidebar-dropdown">
     <slot name="icon" />
-    <span class={spanClass} sidebar-toggle-item>{label}</span>
+    <span class={spanClass}>{label}</span>
     {#if isOpen}
       {#if $$slots.arrowup}
         <slot name="arrowup" />
@@ -38,7 +53,7 @@ const handleDropdown = () => {
     <ul
       id="dropdown"
       class={ulClass}
-      transition:slide={{ delay: 250, duration: 300, easing: quintOut }}>
+      transition:multiple|local={transitionParams}>
       <slot />
     </ul>
   {/if}

package/dist/sidebars/SidebarDropdownWrapper.svelte.d.ts

@@ -1,4 +1,5 @@
 import { SvelteComponentTyped } from "svelte";
+import type { TransitionTypes, TransitionParamTypes } from '../types';
 declare const __propDef: {
     props: {
         [x: string]: any;
@@ -6,6 +7,8 @@ declare const __propDef: {
         label?: string | undefined;
         spanClass?: string | undefined;
         ulClass?: string | undefined;
+        transitionType?: TransitionTypes | undefined;
+        transitionParams?: TransitionParamTypes | undefined;
         isOpen?: boolean | undefined;
     };
     events: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.30.4",
+  "version": "0.30.6",
   "description": "Flowbite components for Svelte",
   "author": {
     "name": "Shinichi Okada",
@@ -128,10 +128,48 @@
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "contributors": [
-    "Zoltán Szőgyényi <zoltan@themesberg.com>",
-    "Robert Tanislav <robert@themesberg.com>",
-    "Victor Cordos <victor@themesberg.com>",
     "Shinichi Okada <okada.shin@gmail.com>",
-    "Jakub Jagielka <jjagielka@gmail.com>"
+    "Jakub Jagielka <jjagielka@gmail.com>",
+    "olivier <orefalo@gmail.com>",
+    "Junjae Lee <ejj612o@gmail.com>",
+    "Zhi Nie <ryanzhinie@gmail.com>",
+    "edde746 <86283021+edde746@users.noreply.github.com>",
+    "Christoph Sturm <me@christophsturm.com>",
+    "Frail Bongat <frail.bongat@gmail.com>",
+    "Hetarth Shah <80420115+Hetarth02@users.noreply.github.com>",
+    "Roger Lucas <rogeriolucas@gmail.com>",
+    "Alessio Gravili <70709113+AlessioGr@users.noreply.github.com>",
+    "Gus Hogg-Blake <gus@gushogg-blake.com>",
+    "Shuang Wu <seanwu1105@gmail.com>",
+    "mikerowe81 <mikerowe81@gmail.com>",
+    "Garrett Suhm <garrett@bigroadadventure.com>",
+    "Oliver Weber <ow@uix.io>",
+    "Olivier Refalo <orefalo@gmail.com>",
+    "Yassine Zeriouh <y@zeriouh.io>",
+    "Zoltán Szőgyényi <zoltan.szogyenyi@gmail.com>",
+    "nobody0 <nobodyrrd@gmail.com>",
+    "Alex Miller <codex.nz@gmail.com>",
+    "Bernhard Richter <bernhard.richter@gmail.com>",
+    "ByteDream <63594396+ByteDream@users.noreply.github.com>",
+    "CBB <38453357+CrystalBallBe@users.noreply.github.com>",
+    "Carsten Lebek <59960385+carstenlebek@users.noreply.github.com>",
+    "Daniel Hughes <2237515+dan-hughes@users.noreply.github.com>",
+    "Feynman Liang <feynmanliang@users.noreply.github.com>",
+    "Hetarth Shah <hetarth02@gmail.com>",
+    "Hirtol <55356909+Hirtol@users.noreply.github.com>",
+    "James Scott-Brown <james@jamesscottbrown.com>",
+    "Maarten <90111831+mjoosten42@users.noreply.github.com>",
+    "Michael Adams <mtadams42@gmail.com>",
+    "Mr. Mendez <56850299+JustMrMendez@users.noreply.github.com>",
+    "Navtoj Chahal <github@navtoj.com>",
+    "Niklas Haug <54448642+niklashaug@users.noreply.github.com>",
+    "Pevey <7490308+pevey@users.noreply.github.com>",
+    "Pierre <pierre-H@users.noreply.github.com>",
+    "Sumanth Chinthagunta <xmlking@gmail.com>",
+    "Thomas <51747351+andocodes@users.noreply.github.com>",
+    "Tyler Miller <tyler.rw.miller@protonmail.com>",
+    "Zoltán Szőgyényi <zoltan@themesberg.com>",
+    "ciril.tr <ciroman@gmail.com>",
+    "jakobsturm <jakob@sturm.li>"
   ]
 }