flowbite-svelte 0.46.13 → 0.46.14

package/dist/banner/Banner.svelte

@@ -1,14 +1,14 @@
 <script>import { twMerge } from "tailwind-merge";
 import CloseButton from "../utils/CloseButton.svelte";
-import { createEventDispatcher } from "svelte";
+import { fade } from "svelte/transition";
 export let position = "sticky";
 export let dismissable = true;
 export let bannerType = "default";
 export let divClass = "z-10 flex justify-between p-4 dark:bg-gray-700 dark:border-gray-600";
 export let innerClass = "flex";
-let open = true;
-const dispatch = createEventDispatcher();
-$: dispatch(open ? "open" : "close");
+export let bannerStatus = true;
+export let transition = fade;
+export let params = {};
 const divClasses = {
   default: "top-0 start-0 w-full border-b border-gray-200 bg-gray-50",
   bottom: "bottom-0 start-0 w-full border-t border-gray-200 bg-gray-50",
@@ -27,12 +27,13 @@ $: divClass = twMerge(position, divClass, divClasses[bannerType], $$props.classD
 $: div2Class = twMerge(innerClass, insideDivClasses[bannerType], $$props.classInner);
 function close(e) {
   e.preventDefault();
-  open = false;
+  bannerStatus = false;
 }
 </script>
 
-{#if open}
-  <div tabindex="-1" class={divClass} {...$$restProps}>
+{#if bannerStatus}
+  <div tabindex="-1" class={divClass} {...$$restProps}
+  transition:transition={params}>
     <slot name="header" />
     <div class={div2Class}>
       <slot />
@@ -54,4 +55,7 @@ function close(e) {
 @prop export let bannerType: 'default' | 'bottom' | 'cta' | 'signup' | 'info' = 'default';
 @prop export let divClass: string = 'z-10 flex justify-between p-4 dark:bg-gray-700 dark:border-gray-600';
 @prop export let innerClass: string = 'flex';
+@prop export let bannerStatus: boolean = true;
+@prop export let transition: TransitionFunc = fade;
+@prop export let params = {};
 -->

package/dist/banner/Banner.svelte.d.ts

@@ -1,4 +1,5 @@
 import { SvelteComponentTyped } from "svelte";
+import { type TransitionConfig } from 'svelte/transition';
 declare const __propDef: {
     props: {
         [x: string]: any;
@@ -7,6 +8,9 @@ declare const __propDef: {
         bannerType?: "default" | "bottom" | "cta" | "signup" | "info";
         divClass?: string;
         innerClass?: string;
+        bannerStatus?: boolean;
+        transition?: (node: HTMLElement, params: any) => TransitionConfig;
+        params?: {};
     };
     events: {
         click: MouseEvent;
@@ -36,6 +40,9 @@ export type BannerSlots = typeof __propDef.slots;
  * @prop export let bannerType: 'default' | 'bottom' | 'cta' | 'signup' | 'info' = 'default';
  * @prop export let divClass: string = 'z-10 flex justify-between p-4 dark:bg-gray-700 dark:border-gray-600';
  * @prop export let innerClass: string = 'flex';
+ * @prop export let bannerStatus: boolean = true;
+ * @prop export let transition: TransitionFunc = fade;
+ * @prop export let params = {};
  */
 export default class Banner extends SvelteComponentTyped<BannerProps, BannerEvents, BannerSlots> {
 }

package/dist/bottom-navigation/BottomNavItem.svelte

@@ -5,6 +5,7 @@ export let appBtnPosition = "middle";
 export let activeClass = void 0;
 export let href = "";
 export let exact = true;
+export let spanClass = "";
 const navType = getContext("navType");
 const context = getContext("bottomNavType") ?? {};
 const activeUrlStore = getContext("activeUrl");
@@ -40,13 +41,13 @@ const appBtnClasses = {
 };
 let btnClass;
 $: btnClass = twMerge(btnClasses[navType], appBtnClasses[appBtnPosition], active && (activeClass ?? context.activeClass), $$props.btnClass);
-let spanClass;
-$: spanClass = twMerge(spanClasses[navType], active && (activeClass ?? context.activeClass), $$props.spanClass);
+let spanCls;
+$: spanCls = twMerge(spanClasses[navType], active && (activeClass ?? context.activeClass), spanClass);
 </script>
 
 <svelte:element this={href ? 'a' : 'button'} aria-label={btnName} {href} role={href ? 'link' : 'button'} {...$$restProps} class={btnClass} on:click on:change on:keydown on:keyup on:focus on:blur on:mouseenter on:mouseleave>
   <slot />
-  <span class={spanClass}>{btnName}</span>
+  <span class={spanCls}>{btnName}</span>
 </svelte:element>
 
 <!--
@@ -58,4 +59,5 @@ $: spanClass = twMerge(spanClasses[navType], active && (activeClass ?? context.a
 @prop export let activeClass: string | undefined = undefined;
 @prop export let href: string = '';
 @prop export let exact: boolean = true;
+@prop export let spanClass: string = '';
 -->

package/dist/bottom-navigation/BottomNavItem.svelte.d.ts

@@ -7,6 +7,7 @@ declare const __propDef: {
         activeClass?: string | undefined;
         href?: string;
         exact?: boolean;
+        spanClass?: string;
     };
     events: {
         click: MouseEvent;
@@ -35,6 +36,7 @@ export type BottomNavItemSlots = typeof __propDef.slots;
  * @prop export let activeClass: string | undefined = undefined;
  * @prop export let href: string = '';
  * @prop export let exact: boolean = true;
+ * @prop export let spanClass: string = '';
  */
 export default class BottomNavItem extends SvelteComponentTyped<BottomNavItemProps, BottomNavItemEvents, BottomNavItemSlots> {
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.46.13",
+  "version": "0.46.14",
   "description": "Flowbite components for Svelte",
   "main": "dist/index.js",
   "author": {
@@ -28,7 +28,7 @@
     "eslint": "^9.6.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-svelte": "^2.41.0",
-    "flowbite-svelte": "^0.46.13",
+    "flowbite-svelte": "^0.46.14",
     "flowbite-svelte-blocks": "^1.1.3",
     "flowbite-svelte-icons": "^1.6.1",
     "mdsvex": "^0.11.2",