flowbite-svelte 0.34.3 → 0.34.5

package/dist/forms/FloatingLabelInput.svelte

@@ -81,6 +81,7 @@ function setType(node, _type) {
 		on:change
 		on:click
 		on:focus
+		on:input
 		on:keydown
 		on:keypress
 		on:keyup

package/dist/forms/FloatingLabelInput.svelte.d.ts

@@ -16,6 +16,7 @@ declare const __propDef: {
         change: Event;
         click: MouseEvent;
         focus: FocusEvent;
+        input: Event;
         keydown: KeyboardEvent;
         keypress: KeyboardEvent;
         keyup: KeyboardEvent;

package/dist/gallery/Gallery.svelte

@@ -1,9 +1,17 @@
 <script>import classNames from 'classnames';
-export let outerDivClass = 'grid gap-4';
-export let colClass = 'grid-cols-2 md:grid-cols-3';
-const divClass = classNames(outerDivClass, colClass);
+import GalleryItem from './GalleryItem.svelte';
+export let items = [];
+$: divClass = classNames('grid', $$props.class);
+function init(node) {
+    if (getComputedStyle(node).gap === 'normal')
+        node.style.gap = 'inherit';
+}
 </script>
 
-<div class="{divClass}">
-  <slot />
-</div>
+<div {...$$restProps} class={divClass} use:init>
+  {#each items as { src, alt }}
+    <GalleryItem {src} {alt} />
+  {:else}
+    <slot />
+  {/each}
+</div>

package/dist/gallery/Gallery.svelte.d.ts

@@ -1,8 +1,9 @@
 import { SvelteComponentTyped } from "svelte";
+import type { ImgType } from '../types';
 declare const __propDef: {
     props: {
-        outerDivClass?: string | undefined;
-        colClass?: string | undefined;
+        [x: string]: any;
+        items?: ImgType[] | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/gallery/GalleryItem.svelte

@@ -1,8 +1,8 @@
-<script>export let src = '';
-export let alt = '';
-export let imgClass = 'h-auto max-w-full rounded-lg';
+<script>export let src;
+export let alt = undefined;
+export let defaultClass = 'h-auto max-w-full rounded-lg';
 </script>
 
 <div>
-  <img class="{imgClass}" {src} {alt}>
-</div>
+  <img class={defaultClass} {src} {alt} />
+</div>

package/dist/gallery/GalleryItem.svelte.d.ts

@@ -1,9 +1,9 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        src?: string | undefined;
+        src: string;
         alt?: string | undefined;
-        imgClass?: string | undefined;
+        defaultClass?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/speed-dial/SpeedDial.svelte

@@ -1,7 +1,8 @@
 <script context="module">export {};
 </script>
 
-<script>import classNames from 'classnames';
+<script>import { getContext } from 'svelte';
+import classNames from 'classnames';
 import Button from '../buttons/Button.svelte';
 import Popper from '../utils/Popper.svelte';
 import { setContext } from 'svelte';
@@ -13,6 +14,11 @@ export let tooltip = 'left';
 export let trigger = 'hover';
 export let textOutside = false;
 export let id = generateId();
+export let shadow = null;
+export let outline = false;
+const group = getContext('group');
+export let color = group ? (outline ? 'dark' : 'alternative') : 'blue';
+export let gradient = false;
 setContext('speed-dial', { pill, tooltip, textOutside });
 let divClass;
 $: divClass = classNames(defaultClass, 'group', $$props.class);
@@ -21,7 +27,7 @@ $: poperClass = classNames('flex items-center mb-4 gap-2', ['top', 'bottom'].inc
 </script>
 
 <div class={divClass}>
-  <Button {pill} name="Open actions menu" aria-controls={id} aria-expanded="false" color="blue" class="!p-3">
+  <Button {pill} name="Open actions menu" aria-controls={id} aria-expanded="false" {color} {gradient} {outline} {shadow} class="!p-3">
     <slot name="icon">
       <svg
         aria-hidden="true"

package/dist/speed-dial/SpeedDial.svelte.d.ts

@@ -15,6 +15,10 @@ declare const __propDef: {
         trigger?: "click" | "hover" | undefined;
         textOutside?: boolean | undefined;
         id?: string | undefined;
+        shadow?: "red" | "green" | "purple" | "pink" | "blue" | "cyan" | "teal" | "lime" | null | undefined;
+        outline?: boolean | undefined;
+        color?: "red" | "yellow" | "green" | "purple" | "pink" | "blue" | "light" | "dark" | "cyan" | "teal" | "lime" | "alternative" | "primary" | "purpleToBlue" | "cyanToBlue" | "greenToBlue" | "purpleToPink" | "pinkToOrange" | "tealToLime" | "redToYellow" | undefined;
+        gradient?: boolean | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/package.json

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