flowbite-svelte 0.17.4 → 0.18.0

package/CHANGELOG.md

@@ -2,8 +2,39 @@
 
 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.18.0](https://github.com/themesberg/flowbite-svelte/compare/v0.17.6...v0.18.0) (2022-06-17)
+
+
+### ⚠ BREAKING CHANGES
+
+* new Table components
+
+### Features
+
+* add simeple search component ([945c27b](https://github.com/themesberg/flowbite-svelte/commit/945c27b5299ae52f9c160cbda74a0b0540d98be8))
+* new Table components ([b2d4c8c](https://github.com/themesberg/flowbite-svelte/commit/b2d4c8cca892da8e18fd0e2f688ccc9280bc8df8))
+
+
+### Bug Fixes
+
+* add SimpleSearch to index.ts ([64a8f49](https://github.com/themesberg/flowbite-svelte/commit/64a8f496a22948874dac2695e96ba397e53026b5))
+* update Tabel component, add TableHead, TableBody, TableHeadCell, TabelRow ([09b7ad9](https://github.com/themesberg/flowbite-svelte/commit/09b7ad971a2d5ba01eca463e251f2c078a86b708))
+* wrong label class name ([39735b3](https://github.com/themesberg/flowbite-svelte/commit/39735b3a85285bd69d064aef22145d60d278da46))
+
+### [0.17.6](https://github.com/themesberg/flowbite-svelte/compare/v0.17.5...v0.17.6) (2022-06-17)
+
+
+### Bug Fixes
+
+* removed $app/env browser from Tooltip component ([604a1e0](https://github.com/themesberg/flowbite-svelte/commit/604a1e075c6333c5532e04916a20500a31fb4716))
+
+### [0.17.5](https://github.com/themesberg/flowbite-svelte/compare/v0.17.4...v0.17.5) (2022-06-16)
+
 ### [0.17.4](https://github.com/themesberg/flowbite-svelte/compare/v0.17.3...v0.17.4) (2022-06-14)
 
+### Breaking Change
+
+* Tooltip component has different structures.
 
 ### Bug Fixes
 

package/forms/SimpleSearch.svelte

@@ -0,0 +1,43 @@
+<script>export let id = '';
+export let labelClass = 'sr-only';
+export let iconClass = 'w-5 h-5 text-gray-500 dark:text-gray-400';
+export let iconDivClass = 'flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none';
+export let inputClass = 'bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500';
+export let btnClass = 'p-2.5 ml-2 text-sm font-medium text-white bg-blue-700 rounded-lg border border-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800';
+export let placeholder = 'Search';
+</script>
+
+<form class="flex items-center" on:submit>
+	<label for={id} class={labelClass}>Search</label>
+	<div class="relative w-full">
+		<div class={iconDivClass}>
+			<svg
+				class={iconClass}
+				fill="currentColor"
+				viewBox="0 0 20 20"
+				xmlns="http://www.w3.org/2000/svg"
+				><path
+					fill-rule="evenodd"
+					d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z"
+					clip-rule="evenodd"
+				/></svg
+			>
+		</div>
+		<input type="text" {id} class={inputClass} {placeholder} {...$$restProps} />
+	</div>
+	<button type="submit" class={btnClass}
+		><svg
+			class="w-5 h-5"
+			fill="none"
+			stroke="currentColor"
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+			><path
+				stroke-linecap="round"
+				stroke-linejoin="round"
+				stroke-width="2"
+				d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+			/></svg
+		></button
+	>
+</form>

package/forms/SimpleSearch.svelte.d.ts

@@ -0,0 +1,25 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        id?: string;
+        labelClass?: string;
+        iconClass?: string;
+        iconDivClass?: string;
+        inputClass?: string;
+        btnClass?: string;
+        placeholder?: string;
+    };
+    events: {
+        submit: SubmitEvent;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export declare type SimpleSearchProps = typeof __propDef.props;
+export declare type SimpleSearchEvents = typeof __propDef.events;
+export declare type SimpleSearchSlots = typeof __propDef.slots;
+export default class SimpleSearch extends SvelteComponentTyped<SimpleSearchProps, SimpleSearchEvents, SimpleSearchSlots> {
+}
+export {};

package/index.d.ts

@@ -40,6 +40,7 @@ export { default as RadioInline } from './forms/RadioInline.svelte';
 export { default as Radio } from './forms/Radio.svelte';
 export { default as Range } from './forms/Range.svelte';
 export { default as Search } from './forms/Search.svelte';
+export { default as SimpleSearch } from './forms/SimpleSearch.svelte';
 export { default as Select } from './forms/Select.svelte';
 export { default as Textarea } from './forms/Textarea.svelte';
 export { default as Toggle } from './forms/Toggle.svelte';
@@ -75,7 +76,11 @@ export { default as SidebarGroup } from './sidebars/SidebarGroup.svelte';
 export { default as SidebarWrapper } from './sidebars/SidebarWrapper.svelte';
 export { default as Spinner } from './spinners/Spinner.svelte';
 export { default as Table } from './tables/Table.svelte';
-export { default as TableDefaultRow } from './tables/TableDefaultRow.svelte';
+export { default as TableBody } from './tables/TableBody.svelte';
+export { default as TableBodyCell } from './tables/TableBodyCell.svelte';
+export { default as TableBodyRow } from './tables/TableBodyRow.svelte';
+export { default as TableHead } from './tables/TableHead.svelte';
+export { default as TableHeadCell } from './tables/TableHeadCell.svelte';
 export { default as TableSearch } from './tables/TableSearch.svelte';
 export { tabStore } from './tabs/tabStores.js';
 export { default as InteractiveTabHead } from './tabs/InteractiveTabHead.svelte';

package/index.js

@@ -53,6 +53,7 @@ export { default as RadioInline } from './forms/RadioInline.svelte';
 export { default as Radio } from './forms/Radio.svelte';
 export { default as Range } from './forms/Range.svelte';
 export { default as Search } from './forms/Search.svelte';
+export { default as SimpleSearch } from './forms/SimpleSearch.svelte';
 export { default as Select } from './forms/Select.svelte';
 export { default as Textarea } from './forms/Textarea.svelte';
 export { default as Toggle } from './forms/Toggle.svelte';
@@ -97,7 +98,11 @@ export { default as SidebarWrapper } from './sidebars/SidebarWrapper.svelte';
 export { default as Spinner } from './spinners/Spinner.svelte';
 // Tables
 export { default as Table } from './tables/Table.svelte';
-export { default as TableDefaultRow } from './tables/TableDefaultRow.svelte';
+export { default as TableBody } from './tables/TableBody.svelte';
+export { default as TableBodyCell } from './tables/TableBodyCell.svelte';
+export { default as TableBodyRow } from './tables/TableBodyRow.svelte';
+export { default as TableHead } from './tables/TableHead.svelte';
+export { default as TableHeadCell } from './tables/TableHeadCell.svelte';
 export { default as TableSearch } from './tables/TableSearch.svelte';
 // Tabs
 export { tabStore } from './tabs/tabStores.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.17.4",
+  "version": "0.18.0",
   "description": "Flowbite components for Svelte",
   "main": "index.js",
   "author": {
@@ -84,6 +84,12 @@
     "npm": ">=7.0.0",
     "node": ">=16.0.0"
   },
+  "contributors": [
+    "Zoltán Szőgyényi <zoltan@themesberg.com>",
+    "Robert Tanislav <robert@themesberg.com>",
+    "Victor Cordos <victor@themesberg.com>",
+    "Shinichi Okada <okada.shin@gmail.com>"
+  ],
   "exports": {
     "./package.json": "./package.json",
     "./.DS_Store": "./.DS_Store",
@@ -134,6 +140,7 @@
     "./forms/Range.svelte": "./forms/Range.svelte",
     "./forms/Search.svelte": "./forms/Search.svelte",
     "./forms/Select.svelte": "./forms/Select.svelte",
+    "./forms/SimpleSearch.svelte": "./forms/SimpleSearch.svelte",
     "./forms/SingleCheckbox.svelte": "./forms/SingleCheckbox.svelte",
     "./forms/Textarea.svelte": "./forms/Textarea.svelte",
     "./forms/Toggle.svelte": "./forms/Toggle.svelte",
@@ -172,9 +179,11 @@
     "./sidebars/SidebarWrapper.svelte": "./sidebars/SidebarWrapper.svelte",
     "./spinners/Spinner.svelte": "./spinners/Spinner.svelte",
     "./tables/Table.svelte": "./tables/Table.svelte",
-    "./tables/TableCheckbox.svelte": "./tables/TableCheckbox.svelte",
-    "./tables/TableCheckboxRow.svelte": "./tables/TableCheckboxRow.svelte",
-    "./tables/TableDefaultRow.svelte": "./tables/TableDefaultRow.svelte",
+    "./tables/TableBody.svelte": "./tables/TableBody.svelte",
+    "./tables/TableBodyCell.svelte": "./tables/TableBodyCell.svelte",
+    "./tables/TableBodyRow.svelte": "./tables/TableBodyRow.svelte",
+    "./tables/TableHead.svelte": "./tables/TableHead.svelte",
+    "./tables/TableHeadCell.svelte": "./tables/TableHeadCell.svelte",
     "./tables/TableSearch.svelte": "./tables/TableSearch.svelte",
     "./tabs/DefaultTabs.svelte": "./tabs/DefaultTabs.svelte",
     "./tabs/FullWidthTabs.svelte": "./tabs/FullWidthTabs.svelte",

package/tables/Table.svelte

@@ -1,22 +1,17 @@
-<script>export let header;
+<script>import classNames from 'classnames';
+import { setContext } from 'svelte';
 export let divClass = 'relative overflow-x-auto shadow-md sm:rounded-lg';
-export let tableClass = 'w-full text-sm text-left text-gray-500 dark:text-gray-400';
-export let theadClass = 'text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400';
+export let striped = false;
+export let hoverable = false;
+$: setContext('striped', striped);
+$: setContext('hoverable', hoverable);
 </script>
 
 <div class={divClass}>
-  <table class={tableClass}>
-    <thead class={theadClass}>
-      <tr>
-        {#each header as column}
-          <th scope="col" class="px-6 py-3">
-            {column}
-          </th>
-        {/each}
-      </tr>
-    </thead>
-    <tbody>
-      <slot />
-    </tbody>
-  </table>
+	<table
+		{...$$restProps}
+		class={classNames('w-full text-left text-sm text-gray-500 dark:text-gray-400', $$props.class)}
+	>
+		<slot />
+	</table>
 </div>

package/tables/Table.svelte.d.ts

@@ -1,10 +1,10 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        header: Array<string>;
+        [x: string]: any;
         divClass?: string;
-        tableClass?: string;
-        theadClass?: string;
+        striped?: boolean;
+        hoverable?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/tables/TableBody.svelte

@@ -0,0 +1,3 @@
+<tbody {...$$props}>
+	<slot />
+</tbody>

package/tables/TableBody.svelte.d.ts

@@ -0,0 +1,27 @@
+/** @typedef {typeof __propDef.props}  TableBodyProps */
+/** @typedef {typeof __propDef.events}  TableBodyEvents */
+/** @typedef {typeof __propDef.slots}  TableBodySlots */
+export default class TableBody extends SvelteComponentTyped<{
+    [x: string]: any;
+}, {
+    [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]: any;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export {};

package/tables/TableBodyCell.svelte

@@ -0,0 +1,7 @@
+<script>import classNames from 'classnames';
+export let tdClass = 'px-6 py-4 whitespace-nowrap font-medium text-gray-900 dark:text-white';
+</script>
+
+<td {...$$restProps} class={classNames(tdClass, $$props.class)}>
+	<slot />
+</td>

package/tables/TableBodyCell.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        tdClass?: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export declare type TableBodyCellProps = typeof __propDef.props;
+export declare type TableBodyCellEvents = typeof __propDef.events;
+export declare type TableBodyCellSlots = typeof __propDef.slots;
+export default class TableBodyCell extends SvelteComponentTyped<TableBodyCellProps, TableBodyCellEvents, TableBodyCellSlots> {
+}
+export {};

package/tables/TableBodyRow.svelte

@@ -0,0 +1,19 @@
+<script>import classNames from 'classnames';
+import { getContext } from 'svelte';
+export let trClass = 'bg-white dark:border-gray-700 dark:bg-gray-800';
+</script>
+
+<tr
+	{...$$restProps}
+	class={classNames(
+		trClass,
+		{
+			'odd:bg-white even:bg-gray-50 odd:dark:bg-gray-800 even:dark:bg-gray-700':
+				getContext('striped') === true,
+			'hover:bg-gray-50 dark:hover:bg-gray-600': getContext('hoverable') === true
+		},
+		$$props.class
+	)}
+>
+	<slot />
+</tr>

package/tables/TableBodyRow.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        trClass?: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export declare type TableBodyRowProps = typeof __propDef.props;
+export declare type TableBodyRowEvents = typeof __propDef.events;
+export declare type TableBodyRowSlots = typeof __propDef.slots;
+export default class TableBodyRow extends SvelteComponentTyped<TableBodyRowProps, TableBodyRowEvents, TableBodyRowSlots> {
+}
+export {};

package/tables/TableHead.svelte

@@ -0,0 +1,14 @@
+<script>import classNames from 'classnames';
+</script>
+
+<thead
+	{...$$restProps}
+	class={classNames(
+		'bg-gray-50 text-xs uppercase text-gray-700 dark:bg-gray-700 dark:text-gray-400',
+		$$props.class
+	)}
+>
+	<tr>
+		<slot />
+	</tr>
+</thead>

package/tables/TableHead.svelte.d.ts

@@ -0,0 +1,18 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export declare type TableHeadProps = typeof __propDef.props;
+export declare type TableHeadEvents = typeof __propDef.events;
+export declare type TableHeadSlots = typeof __propDef.slots;
+export default class TableHead extends SvelteComponentTyped<TableHeadProps, TableHeadEvents, TableHeadSlots> {
+}
+export {};

package/tables/TableHeadCell.svelte

@@ -0,0 +1,6 @@
+<script>import classNames from 'classnames';
+</script>
+
+<th {...$$props} class={classNames('px-6 py-3', $$props.class)}>
+	<slot />
+</th>

package/tables/TableHeadCell.svelte.d.ts

@@ -0,0 +1,18 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export declare type TableHeadCellProps = typeof __propDef.props;
+export declare type TableHeadCellEvents = typeof __propDef.events;
+export declare type TableHeadCellSlots = typeof __propDef.slots;
+export default class TableHeadCell extends SvelteComponentTyped<TableHeadCellProps, TableHeadCellEvents, TableHeadCellSlots> {
+}
+export {};

package/tables/TableSearch.svelte

@@ -1,16 +1,18 @@
-<script>import TableDefaultRow from './TableDefaultRow.svelte';
+<script>import classNames from 'classnames';
+import { setContext } from 'svelte';
+export let divClass = 'relative overflow-x-auto shadow-md sm:rounded-lg';
 export let inputValue = '';
+export let striped = false;
+export let hoverable = false;
 export let menuItems;
 export let filteredItems = [];
 export let placeholder = 'Search';
+$: setContext('striped', striped);
+$: setContext('hoverable', hoverable);
 const handleInput = () => {
     let result = (filteredItems = menuItems.filter((item) => item[0].toLowerCase().match(inputValue.toLowerCase())));
     return result;
 };
-export let header;
-export let divClass = 'relative overflow-x-auto shadow-md sm:rounded-lg';
-export let tableClass = 'w-full text-sm text-left text-gray-500 dark:text-gray-400';
-export let theadClass = 'text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400';
 </script>
 
 <div class={divClass}>
@@ -40,23 +42,10 @@ export let theadClass = 'text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray
 			/>
 		</div>
 	</div>
-
-	<table class={tableClass}>
-		<thead class={theadClass}>
-			<tr>
-				{#each header as column}
-					<th scope="col" class="px-6 py-3">
-						{column}
-					</th>
-				{/each}
-			</tr>
-		</thead>
-		<tbody>
-			{#if filteredItems.length > 0}
-				<TableDefaultRow items={filteredItems} html />
-			{:else}
-				<TableDefaultRow items={menuItems} html />
-			{/if}
-		</tbody>
+	<table
+		{...$$restProps}
+		class={classNames('w-full text-left text-sm text-gray-500 dark:text-gray-400', $$props.class)}
+	>
+		<slot />
 	</table>
 </div>

package/tables/TableSearch.svelte.d.ts

@@ -1,19 +1,21 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
+        [x: string]: any;
+        divClass?: string;
         inputValue?: string;
+        striped?: boolean;
+        hoverable?: boolean;
         menuItems: Array<Array<string>>;
         filteredItems?: Array<Array<string>>;
         placeholder?: string;
-        header: Array<string>;
-        divClass?: string;
-        tableClass?: string;
-        theadClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {};
+    slots: {
+        default: {};
+    };
 };
 export declare type TableSearchProps = typeof __propDef.props;
 export declare type TableSearchEvents = typeof __propDef.events;

package/tooltips/Tooltip.svelte

@@ -1,5 +1,4 @@
 <script>import classNames from 'classnames';
-import { browser } from '$app/env';
 import { clickOutside } from '../utils/clickOutside';
 import { computePosition, flip, shift, offset, autoPlacement, arrow as arrowFloat } from '@floating-ui/dom';
 import { onDestroy } from 'svelte';
@@ -41,9 +40,9 @@ const updatePosition = () => computePosition(triggerRef, tooltipRef, {
     placement: floatingPlacement({ placement })
 }).then((data) => (placementData = data));
 let attachedScroll = false;
-$: browser && tooltipRef && open && updatePosition();
+$: tooltipRef && open && updatePosition();
 $: {
-    if (browser && open && !attachedScroll) {
+    if (open && !attachedScroll) {
         attachedScroll = true;
         window.addEventListener('scroll', updatePosition, true);
     }

package/tables/TableCheckbox.svelte

@@ -1,28 +0,0 @@
-<script>export let header;
-export let divClass = 'relative overflow-x-auto shadow-md sm:rounded-lg';
-export let tableClass = 'w-full text-sm text-left text-gray-500 dark:text-gray-400';
-export let theadClass = 'text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400';
-</script>
-
-<div class={divClass}>
-  <table class={tableClass}>
-    <thead class={theadClass}>
-      <tr>
-        <th scope="col" class="p-4">
-          <div class="flex items-center">
-            <input id="checkbox-all" type="checkbox" class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600" />
-            <label for="checkbox-all" class="sr-only">checkbox</label>
-          </div>
-        </th>
-        {#each header as column}
-          <th scope="col" class="px-6 py-3">
-            {column}
-          </th>
-        {/each}
-      </tr>
-    </thead>
-    <tbody>
-      <slot />
-    </tbody>
-  </table>
-</div>

package/tables/TableCheckbox.svelte.d.ts

@@ -1,21 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        header: Array<string>;
-        divClass?: string;
-        tableClass?: string;
-        theadClass?: string;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export declare type TableCheckboxProps = typeof __propDef.props;
-export declare type TableCheckboxEvents = typeof __propDef.events;
-export declare type TableCheckboxSlots = typeof __propDef.slots;
-export default class TableCheckbox extends SvelteComponentTyped<TableCheckboxProps, TableCheckboxEvents, TableCheckboxSlots> {
-}
-export {};

package/tables/TableCheckboxRow.svelte.d.ts

@@ -1,19 +0,0 @@
-/** @typedef {typeof __propDef.props}  TableCheckboxRowProps */
-/** @typedef {typeof __propDef.events}  TableCheckboxRowEvents */
-/** @typedef {typeof __propDef.slots}  TableCheckboxRowSlots */
-export default class TableCheckboxRow extends SvelteComponentTyped<{}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type TableCheckboxRowProps = typeof __propDef.props;
-export type TableCheckboxRowEvents = typeof __propDef.events;
-export type TableCheckboxRowSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {};
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};

package/tables/TableDefaultRow.svelte

@@ -1,66 +0,0 @@
-<script>export let items;
-export let html = false;
-export let rowState = undefined;
-let trClass;
-let trLastClass;
-if (rowState === 'striped') {
-    trClass = 'border-b dark:bg-gray-800 dark:border-gray-700 odd:bg-white even:bg-gray-50 odd:dark:bg-gray-800 even:dark:bg-gray-700';
-    trLastClass = 'odd:bg-white even:bg-gray-50 odd:dark:bg-gray-800 even:dark:bg-gray-700';
-}
-else if (rowState === 'hover') {
-    trClass = 'bg-white border-b dark:bg-gray-800 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600';
-    trLastClass = 'bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-600';
-}
-else {
-    trClass = 'bg-white border-b dark:bg-gray-800 dark:border-gray-700';
-    trLastClass = 'bg-white dark:bg-gray-800';
-}
-</script>
-
-{#each items as item, i}
-  {#if i === items.length - 1}
-    <tr class={trLastClass}>
-      {#each item as cell, j}
-        {#if j === 0}
-          <th scope="row" class="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap">
-            {#if html}
-              {@html cell}
-            {:else}
-              {cell}
-            {/if}
-          </th>
-        {:else}
-          <td class="px-6 py-4">
-            {#if html}
-              {@html cell}
-            {:else}
-              {cell}
-            {/if}
-          </td>
-        {/if}
-      {/each}
-    </tr>
-  {:else}
-    <tr class={trClass}>
-      {#each item as cell, j}
-        {#if j === 0}
-          <th scope="row" class="px-6 py-4 font-medium text-gray-900 dark:text-white whitespace-nowrap">
-            {#if html}
-              {@html cell}
-            {:else}
-              {cell}
-            {/if}
-          </th>
-        {:else}
-          <td class="px-6 py-4">
-            {#if html}
-              {@html cell}
-            {:else}
-              {cell}
-            {/if}
-          </td>
-        {/if}
-      {/each}
-    </tr>
-  {/if}
-{/each}

package/tables/TableDefaultRow.svelte.d.ts

@@ -1,18 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        items: Array<Array<string>>;
-        html?: boolean;
-        rowState?: 'striped' | 'hover' | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export declare type TableDefaultRowProps = typeof __propDef.props;
-export declare type TableDefaultRowEvents = typeof __propDef.events;
-export declare type TableDefaultRowSlots = typeof __propDef.slots;
-export default class TableDefaultRow extends SvelteComponentTyped<TableDefaultRowProps, TableDefaultRowEvents, TableDefaultRowSlots> {
-}
-export {};