flowbite-svelte 0.26.29 → 0.26.30

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.26.30](https://github.com/themesberg/flowbite-svelte/compare/v0.26.29...v0.26.30) (2022-09-22)
+
+
+### Bug Fixes
+
+* add classOptions type to classes object ([2d7131b](https://github.com/themesberg/flowbite-svelte/commit/2d7131b25a5f6766c2cadc2b2034cc3cf68b9528))
+* remove bind: from TabWrapper bind:activeTabValue ([0269b3a](https://github.com/themesberg/flowbite-svelte/commit/0269b3ac4daf31cebec6f215983bfb4e99a118e3))
+* remove tabId from TabWrapper component ([5f46d23](https://github.com/themesberg/flowbite-svelte/commit/5f46d238ff1c81c1c66c1542565aa589f97cf530))
+* update icon class in TabHeadItem for Tabs with icons ([e94b344](https://github.com/themesberg/flowbite-svelte/commit/e94b3449826e84146b877e00e458885e08606ec5))
+
 ### [0.26.29](https://github.com/themesberg/flowbite-svelte/compare/v0.26.28...v0.26.29) (2022-09-22)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.26.29",
+  "version": "0.26.30",
   "description": "Flowbite components for Svelte",
   "main": "index.js",
   "author": {
@@ -203,7 +203,6 @@
     "./tables/TableHeadCell.svelte": "./tables/TableHeadCell.svelte",
     "./tables/TableSearch.svelte": "./tables/TableSearch.svelte",
     "./tabs/TabContentItem.svelte": "./tabs/TabContentItem.svelte",
-    "./tabs/TabContentWrapper.svelte": "./tabs/TabContentWrapper.svelte",
     "./tabs/TabHead.svelte": "./tabs/TabHead.svelte",
     "./tabs/TabHeadItem.svelte": "./tabs/TabHeadItem.svelte",
     "./tabs/TabWrapper.svelte": "./tabs/TabWrapper.svelte",

package/tabs/TabHead.svelte

@@ -1,5 +1,4 @@
 <script>export let tabStyle;
-export let tabId;
 export let customDivClass = '';
 export let customUlClass = '';
 const divClasses = {
@@ -21,7 +20,7 @@ const ulClasses = {
 </script>
 
 <div class={divClasses[tabStyle]}>
-	<ul class={ulClasses[tabStyle]} id={tabId} role="tablist">
-		<slot />
-	</ul>
+  <ul class={ulClasses[tabStyle]} role="tablist">
+    <slot />
+  </ul>
 </div>

package/tabs/TabHead.svelte.d.ts

@@ -1,8 +1,7 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        tabStyle: any;
-        tabId: any;
+        tabStyle: 'default' | 'full' | 'icon' | 'pill' | 'underline' | 'custom';
         customDivClass?: string | undefined;
         customUlClass?: string | undefined;
     };

package/tabs/TabHeadItem.svelte

@@ -32,23 +32,22 @@ const liClasses = {
 </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"
-		{...$$restProps}>
-		<slot />
-	</button>
+  <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/tabs/TabWrapper.svelte

@@ -1,10 +1,9 @@
 <script>import classNames from 'classnames';
 export let divClass = 'w-full';
 export let tabStyle = 'default';
-export let tabId;
 export let activeTabValue;
 </script>
 
 <div class={classNames(divClass, $$props.class)}>
-  <slot {tabStyle} {tabId} {activeTabValue} />
+  <slot {tabStyle} {activeTabValue} />
 </div>

package/tabs/TabWrapper.svelte.d.ts

@@ -4,7 +4,6 @@ declare const __propDef: {
         [x: string]: any;
         divClass?: string | undefined;
         tabStyle?: "default" | "icon" | "custom" | "pill" | "underline" | "full" | undefined;
-        tabId: number;
         activeTabValue: number;
     };
     events: {
@@ -13,7 +12,6 @@ declare const __propDef: {
     slots: {
         default: {
             tabStyle: "default" | "icon" | "custom" | "pill" | "underline" | "full";
-            tabId: number;
             activeTabValue: number;
         };
     };

package/tabs/TabContentWrapper.svelte

@@ -1,8 +0,0 @@
-<script>import { getContext } from 'svelte';
-let tabId;
-tabId = getContext('tabId');
-</script>
-
-<div id="{tabId}-content">
-	<slot />
-</div>

package/tabs/TabContentWrapper.svelte.d.ts

@@ -1,16 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {};
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export declare type TabContentWrapperProps = typeof __propDef.props;
-export declare type TabContentWrapperEvents = typeof __propDef.events;
-export declare type TabContentWrapperSlots = typeof __propDef.slots;
-export default class TabContentWrapper extends SvelteComponentTyped<TabContentWrapperProps, TabContentWrapperEvents, TabContentWrapperSlots> {
-}
-export {};