flowbite-svelte 0.30.3 → 0.30.5

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/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.3",
+  "version": "0.30.5",
   "description": "Flowbite components for Svelte",
   "author": {
     "name": "Shinichi Okada",
@@ -126,6 +126,7 @@
     "dist"
   ],
   "svelte": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "contributors": [
     "Zoltán Szőgyényi <zoltan@themesberg.com>",
     "Robert Tanislav <robert@themesberg.com>",