flowbite-svelte 0.34.5 → 0.34.7

package/dist/gallery/Gallery.svelte

@@ -1,5 +1,4 @@
 <script>import classNames from 'classnames';
-import GalleryItem from './GalleryItem.svelte';
 export let items = [];
 $: divClass = classNames('grid', $$props.class);
 function init(node) {
@@ -9,8 +8,10 @@ function init(node) {
 </script>
 
 <div {...$$restProps} class={divClass} use:init>
-  {#each items as { src, alt }}
-    <GalleryItem {src} {alt} />
+  {#each items as item}
+    <slot {item}>
+      <div><img src={item.src} alt={item.alt} class='h-auto max-w-full rounded-lg' /></div>
+    </slot>  
   {:else}
     <slot />
   {/each}

package/dist/index.d.ts

@@ -46,7 +46,6 @@ export { default as Textarea } from "./forms/Textarea.svelte";
 export { default as Toggle } from "./forms/Toggle.svelte";
 export { default as VoiceSearch } from "./forms/VoiceSearch.svelte";
 export { default as Gallery } from "./gallery/Gallery.svelte";
-export { default as GalleryItem } from "./gallery/GalleryItem.svelte";
 export { default as Indicator } from "./indicators/Indicator.svelte";
 export { default as Kbd } from "./kbd/Kbd.svelte";
 export { default as ArrowKeyDown } from "./kbd/ArrowKeyDown.svelte";

package/dist/index.js

@@ -18,7 +18,7 @@ export { default as Banner } from './banner/Banner.svelte';
 export { default as BottomNav } from './bottom-nav/BottomNav.svelte';
 export { default as BottomNavItem } from './bottom-nav/BottomNavItem.svelte';
 export { default as BottomNavHeader } from './bottom-nav/BottomNavHeader.svelte';
-export { default as BottomNavHeaderItem } from './bottom-nav/BottomNavHeaderItem.svelte'
+export { default as BottomNavHeaderItem } from './bottom-nav/BottomNavHeaderItem.svelte';
 
 // Breadcrumbs
 export { default as Breadcrumb } from './breadcrumbs/Breadcrumb.svelte';
@@ -80,8 +80,7 @@ export { default as Toggle } from './forms/Toggle.svelte';
 export { default as VoiceSearch } from './forms/VoiceSearch.svelte';
 
 // Gallery
-export { default as Gallery } from './gallery/Gallery.svelte'
-export { default as GalleryItem } from './gallery/GalleryItem.svelte'
+export { default as Gallery } from './gallery/Gallery.svelte';
 
 // Indicator
 export { default as Indicator } from './indicators/Indicator.svelte';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.34.5",
+  "version": "0.34.7",
   "description": "Flowbite components for Svelte",
   "author": {
     "name": "Shinichi Okada",
@@ -334,10 +334,6 @@
       "types": "./dist/gallery/Gallery.svelte.d.ts",
       "svelte": "./dist/gallery/Gallery.svelte"
     },
-    "./GalleryItem.svelte": {
-      "types": "./dist/gallery/GalleryItem.svelte.d.ts",
-      "svelte": "./dist/gallery/GalleryItem.svelte"
-    },
     "./ArrowKeyDown.svelte": {
       "types": "./dist/kbd/ArrowKeyDown.svelte.d.ts",
       "svelte": "./dist/kbd/ArrowKeyDown.svelte"
@@ -550,14 +546,6 @@
       "types": "./dist/tables/TableSearch.svelte.d.ts",
       "svelte": "./dist/tables/TableSearch.svelte"
     },
-    "./TabHead.svelte": {
-      "types": "./dist/tabs/TabHead.svelte.d.ts",
-      "svelte": "./dist/tabs/TabHead.svelte"
-    },
-    "./TabHeadItem.svelte": {
-      "types": "./dist/tabs/TabHeadItem.svelte.d.ts",
-      "svelte": "./dist/tabs/TabHeadItem.svelte"
-    },
     "./TabItem.svelte": {
       "types": "./dist/tabs/TabItem.svelte.d.ts",
       "svelte": "./dist/tabs/TabItem.svelte"

package/dist/gallery/GalleryItem.svelte

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

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

@@ -1,18 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        src: string;
-        alt?: string | undefined;
-        defaultClass?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type GalleryItemProps = typeof __propDef.props;
-export type GalleryItemEvents = typeof __propDef.events;
-export type GalleryItemSlots = typeof __propDef.slots;
-export default class GalleryItem extends SvelteComponentTyped<GalleryItemProps, GalleryItemEvents, GalleryItemSlots> {
-}
-export {};

package/dist/tabs/TabHead.svelte

@@ -1,27 +0,0 @@
-<script>export let tabStyle = 'default';
-export let customDivClass = '';
-export let customUlClass = '';
-const border = 'border-b border-gray-200 dark:border-gray-700';
-const divClasses = {
-    default: 'mb-4 ' + border,
-    full: 'mb-4',
-    icon: 'mb-4 ' + border,
-    pill: 'mb-4 ',
-    underline: 'mb-4 text-sm font-medium text-center text-gray-500 dark:text-gray-400 ' + border,
-    custom: customDivClass
-};
-const ulClasses = {
-    default: 'flex flex-wrap -mb-px',
-    full: 'hidden text-sm font-medium text-center text-gray-500 rounded-lg divide-x divide-gray-200 shadow sm:flex dark:divide-gray-700 dark:text-gray-400 mb-1',
-    icon: 'flex flex-wrap -mb-px text-sm font-medium text-center text-gray-500 dark:text-gray-400',
-    pill: 'flex flex-wrap',
-    underline: 'flex flex-wrap -mb-px',
-    custom: customUlClass
-};
-</script>
-
-<div class={divClasses[tabStyle]}>
-  <ul class={ulClasses[tabStyle]} role="tablist">
-    <slot />
-  </ul>
-</div>

package/dist/tabs/TabHead.svelte.d.ts

@@ -1,20 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        tabStyle?: "default" | "custom" | "icon" | "pill" | "underline" | "full" | undefined;
-        customDivClass?: string | undefined;
-        customUlClass?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type TabHeadProps = typeof __propDef.props;
-export type TabHeadEvents = typeof __propDef.events;
-export type TabHeadSlots = typeof __propDef.slots;
-export default class TabHead extends SvelteComponentTyped<TabHeadProps, TabHeadEvents, TabHeadSlots> {
-}
-export {};

package/dist/tabs/TabHeadItem.svelte

@@ -1,56 +0,0 @@
-<script>import classNames from 'classnames';
-export let id;
-export let tabStyle = 'default';
-export let activeTabValue;
-export let customActiveClass = '';
-export let customInActiveClass = '';
-export let customLiClass = '';
-import { getContext } from 'svelte';
-const ctx = getContext('ctx') ?? {};
-tabStyle = ctx.style;
-const activeClasses = {
-    default: 'inline-block py-4 px-4 text-sm font-medium text-center text-blue-600 bg-gray-100 rounded-t-lg active dark:bg-gray-800 dark:text-blue-500',
-    full: 'inline-block p-4 w-full text-gray-900 bg-gray-100 focus:ring-4 focus:ring-blue-300 active focus:outline-none dark:bg-gray-700 dark:text-white',
-    icon: 'inline-flex p-4 text-blue-600 rounded-t-lg border-b-2 border-blue-600 active dark:text-blue-500 dark:border-blue-500 group',
-    pill: 'active inline-block py-3 px-4 text-sm font-medium text-center text-white bg-blue-600 rounded-lg',
-    underline: 'inline-block p-4 text-blue-600 rounded-t-lg border-b-2 border-blue-600 active dark:text-blue-500 dark:border-blue-500',
-    custom: customActiveClass
-};
-const inactiveClasses = {
-    default: 'inline-block py-4 px-4 text-sm font-medium text-center text-gray-500 rounded-t-lg hover:text-gray-600 hover:bg-gray-50 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-300',
-    full: 'inline-block p-4 w-full bg-white hover:text-gray-700 hover:bg-gray-50 focus:ring-4 focus:ring-blue-300 focus:outline-none dark:hover:text-white dark:bg-gray-800 dark:hover:bg-gray-700',
-    icon: 'inline-flex p-4 rounded-t-lg border-b-2 border-transparent hover:text-gray-600 hover:border-gray-300 dark:hover:text-gray-300 group ',
-    pill: 'inline-block py-3 px-4 text-sm font-medium text-center text-gray-500 rounded-lg hover:text-gray-900 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-white',
-    underline: 'inline-block p-4 rounded-t-lg border-b-2 border-transparent hover:text-gray-600 hover:border-gray-300 dark:hover:text-gray-300',
-    custom: customInActiveClass
-};
-const liClasses = {
-    default: 'mr-2',
-    full: 'w-full',
-    icon: 'mr-2',
-    pill: 'mr-2',
-    underline: 'mr-2',
-    custom: customLiClass
-};
-</script>
-
-<li class={liClasses[tabStyle]} role="presentation">
-  <button
-    {...$$restProps}
-    on:click
-    on:blur
-    on:click
-    on:focus
-    on:keydown
-    on:keypress
-    on:keyup
-    on:mouseenter
-    on:mouseleave
-    on:mouseover
-    class={classNames(activeTabValue === id ? activeClasses[tabStyle] : inactiveClasses[tabStyle])}
-    id="{id}-tabhead"
-    type="button"
-    role="tab">
-    <slot />
-  </button>
-</li>

package/dist/tabs/TabHeadItem.svelte.d.ts

@@ -1,34 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        id: number;
-        tabStyle?: "default" | "custom" | "icon" | "pill" | "underline" | "full" | undefined;
-        activeTabValue: number;
-        customActiveClass?: string | undefined;
-        customInActiveClass?: string | undefined;
-        customLiClass?: string | undefined;
-    };
-    events: {
-        click: MouseEvent;
-        blur: FocusEvent;
-        focus: FocusEvent;
-        keydown: KeyboardEvent;
-        keypress: KeyboardEvent;
-        keyup: KeyboardEvent;
-        mouseenter: MouseEvent;
-        mouseleave: MouseEvent;
-        mouseover: MouseEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type TabHeadItemProps = typeof __propDef.props;
-export type TabHeadItemEvents = typeof __propDef.events;
-export type TabHeadItemSlots = typeof __propDef.slots;
-export default class TabHeadItem extends SvelteComponentTyped<TabHeadItemProps, TabHeadItemEvents, TabHeadItemSlots> {
-}
-export {};