flowbite-svelte 0.29.0 → 0.29.2

package/CHANGELOG.md

@@ -2,6 +2,16 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.29.2](https://github.com/themesberg/flowbite-svelte/compare/v0.29.1...v0.29.2) (2022-12-19)
+
+### [0.29.1](https://github.com/themesberg/flowbite-svelte/compare/v0.29.0...v0.29.1) (2022-12-19)
+
+
+### Bug Fixes
+
+* add esbuild@0.16.8 and update other dependencies ([f32d1be](https://github.com/themesberg/flowbite-svelte/commit/f32d1beea8b402652242fdeaf1007885e74c12cd))
+* change svelte-kit sync && svelte-package to vite build ([cd7cd5e](https://github.com/themesberg/flowbite-svelte/commit/cd7cd5e971ba4f6c547984daf3a5f37656343b28))
+
 ## [0.29.0](https://github.com/themesberg/flowbite-svelte/compare/v0.28.12...v0.29.0) (2022-12-18)
 
 

package/README.md

@@ -449,3 +449,7 @@ Please read [How to contribute](https://github.com/themesberg/flowbite-svelte/bl
 ## Changelog
 
 [Changelog](https://github.com/themesberg/flowbite-svelte/blob/main/CHANGELOG.md)
+
+## SvelteKit version
+
+1.0.1

package/avatar/Dot.svelte

@@ -25,10 +25,10 @@ $: divClass = classNames('relative flex-shrink-0', $$props.class);
 </script>
 
 {#if show}
-	<div class={divClass}>
-		<slot />
-		<span class={dotClass} />
-	</div>
+  <div class={divClass}>
+    <slot />
+    <span class={dotClass} />
+  </div>
 {:else}
-	<slot />
+  <slot />
 {/if}

package/badges/Badge.svelte

@@ -44,8 +44,8 @@ const handleHide = () => {
 </script>
 
 <svelte:element this={href ? 'a' : 'span'} {href} {...$$restProps} class={badgeClass} class:hidden>
-	<slot />
-	{#if dismissable}
-		<CloseButton {color} on:click={handleHide} size={large ? 'sm' : 'xs'} class="ml-1.5 -mr-1.5" />
-	{/if}
+  <slot />
+  {#if dismissable}
+    <CloseButton {color} on:click={handleHide} size={large ? 'sm' : 'xs'} class="ml-1.5 -mr-1.5" />
+  {/if}
 </svelte:element>

package/forms/Search.svelte

@@ -2,6 +2,7 @@
 import Input from './Input.svelte';
 export let size = 'lg';
 export let placeholder = 'Search';
+export let value = '';
 const sizes = {
     sm: 'w-3.5 h-3.5',
     md: 'w-5 h-5',
@@ -11,6 +12,7 @@ const sizes = {
 
 <Wrapper class="relative w-full" show={$$slots.default}>
   <Input
+    bind:value
     on:blur
     on:change
     on:input

package/forms/Search.svelte.d.ts

@@ -5,6 +5,7 @@ declare const __propDef: {
         [x: string]: any;
         size?: FormSizeType | undefined;
         placeholder?: string | undefined;
+        value?: string | number | undefined;
     };
     events: {
         blur: FocusEvent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.29.0",
+  "version": "0.29.2",
   "description": "Flowbite components for Svelte",
   "main": "index.js",
   "author": {
@@ -14,12 +14,13 @@
   "devDependencies": {
     "@playwright/test": "^1.28.1",
     "@sveltejs/adapter-vercel": "next",
-    "@sveltejs/kit": "^1.0.1",
+    "@sveltejs/kit": "^1.0.0",
     "@sveltejs/package": "1.0.0-next.3",
     "@typescript-eslint/eslint-plugin": "^5.46.0",
     "@typescript-eslint/parser": "^5.46.0",
     "autoprefixer": "^10.4.13",
     "createprops": "^0.4.9",
+    "esbuild": "0.16.8",
     "eslint": "^8.29.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-svelte3": "^4.0.0",
@@ -38,7 +39,8 @@
     "tailwindcss": "^3.2.4",
     "tslib": "^2.4.1",
     "typescript": "^4.9.4",
-    "vite": "^4.0.0"
+    "vite": "^4.0.0",
+    "vitest": "^0.25.8"
   },
   "type": "module",
   "keywords": [

package/paginations/PaginationItem.svelte

@@ -12,6 +12,7 @@ $: defaultClass = classNames('block py-2', group ? 'px-3' : 'px-4', 'text-sm fon
   {href}
   class={defaultClass}
   on:blur
+  on:change
   on:click
   on:focus
   on:keydown

package/paginations/PaginationItem.svelte.d.ts

@@ -6,6 +6,7 @@ declare const __propDef: {
     };
     events: {
         blur: FocusEvent;
+        change: Event;
         click: MouseEvent;
         focus: FocusEvent;
         keydown: KeyboardEvent;

package/tables/TableBody.svelte

@@ -1,3 +1,6 @@
-<tbody {...$$props}>
-	<slot />
+<script>export let tableBodyClass = undefined;
+</script>
+
+<tbody class={tableBodyClass}>
+  <slot />
 </tbody>

package/tables/TableBody.svelte.d.ts

@@ -1,21 +1,7 @@
-/** @typedef {typeof __propDef.props}  TableBodyProps */
-/** @typedef {typeof __propDef.events}  TableBodyEvents */
-/** @typedef {typeof __propDef.slots}  TableBodySlots */
-export default class TableBody extends SvelteComponentTyped<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}> {
-}
-export type TableBodyProps = typeof __propDef.props;
-export type TableBodyEvents = typeof __propDef.events;
-export type TableBodySlots = typeof __propDef.slots;
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        [x: string]: never;
+        tableBodyClass?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -24,4 +10,9 @@ declare const __propDef: {
         default: {};
     };
 };
+export type TableBodyProps = typeof __propDef.props;
+export type TableBodyEvents = typeof __propDef.events;
+export type TableBodySlots = typeof __propDef.slots;
+export default class TableBody extends SvelteComponentTyped<TableBodyProps, TableBodyEvents, TableBodySlots> {
+}
 export {};

package/typography/A.svelte

@@ -4,8 +4,6 @@ export let color = 'text-blue-600 dark:text-blue-500';
 export let aClass = 'inline-flex items-center hover:underline';
 </script>
 
-<a
-on:click
-{...$$restProps} {href} class={classNames(aClass, color, $$props.class)}>
+<a {...$$restProps} {href} class={classNames(aClass, color, $$props.class)}>
   <slot />
 </a>

package/typography/A.svelte.d.ts

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