flowbite-svelte 0.24.15 → 0.24.18

package/CHANGELOG.md

@@ -2,6 +2,27 @@
 
 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.24.18](https://github.com/themesberg/flowbite-svelte/compare/v0.24.17...v0.24.18) (2022-08-16)
+
+
+### Features
+
+* add Iconinput click handler example ([d815212](https://github.com/themesberg/flowbite-svelte/commit/d8152126236e839d3d7bc6e035d0afa432d96856))
+
+### [0.24.17](https://github.com/themesberg/flowbite-svelte/compare/v0.24.16...v0.24.17) (2022-08-16)
+
+
+### Features
+
+* add sticky navbar ([4010ea8](https://github.com/themesberg/flowbite-svelte/commit/4010ea85483cf0c5a26275fe710ed34e4142846e))
+
+### [0.24.16](https://github.com/themesberg/flowbite-svelte/compare/v0.24.15...v0.24.16) (2022-08-16)
+
+
+### Features
+
+* add disabled and classes to InteractiveTabHead component ([869fb1b](https://github.com/themesberg/flowbite-svelte/commit/869fb1b34f5a0e5a254cdc09b25195bf621a25d6))
+
 ### [0.24.15](https://github.com/themesberg/flowbite-svelte/compare/v0.24.14...v0.24.15) (2022-08-16)
 
 

package/forms/Iconinput.svelte

@@ -25,6 +25,7 @@ const setType = (node) => {
 		>
 			<svelte:component
 				this={icon}
+				on:click
 				size={classNames({
 					16: size === 'sm',
 					18: size === 'md',
@@ -53,6 +54,7 @@ const setType = (node) => {
 		<span class={spanClass}>
 			<svelte:component
 				this={icon}
+				on:click
 				size={classNames({
 					16: size === 'sm',
 					18: size === 'md',

package/forms/Iconinput.svelte.d.ts

@@ -16,6 +16,8 @@ declare const __propDef: {
         iconClass?: string;
     };
     events: {
+        click: any;
+    } & {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.24.15",
+  "version": "0.24.18",
   "description": "Flowbite components for Svelte",
   "main": "index.js",
   "author": {

package/tabs/InteractiveTabHead.svelte

@@ -3,6 +3,10 @@ import classNames from 'classnames';
 export let tabs;
 export let tabId = 'myTab';
 export let activeTabValue = 1;
+export let disabled = false;
+export let divClass = 'mb-4 border-b border-gray-200';
+export let ulClass = 'flex flex-wrap -mb-px text-sm font-medium text-center';
+export let liClass = 'mr-2';
 export let btnClass = 'inline-block py-4 px-4 text-sm font-medium text-center rounded-t-lg border-b-2 border-transparent';
 export let activeClass = 'text-blue-600 hover:text-blue-600 dark:text-blue-500 dark:hover:text-blue-400 border-blue-600 dark:border-blue-500';
 export let inactiveClasses = 'text-gray-500 hover:text-gray-600 dark:text-gray-400 border-gray-100 hover:border-gray-300 dark:border-gray-700 dark:hover:text-gray-300';
@@ -29,15 +33,10 @@ Header part of Interactive tab component. Use with TabContent.
   </InteractiveHead>
   ```
   -->
-<div class="mb-4 border-b border-gray-200">
-	<ul
-		class="flex flex-wrap -mb-px text-sm font-medium text-center"
-		id={tabId}
-		data-tabs-toggle="#myTabContent"
-		role="tablist"
-	>
+<div class={divClass}>
+	<ul class={ulClass} id={tabId} data-tabs-toggle="#myTabContent" role="tablist">
 		{#each tabs as { name, id }}
-			<li class="mr-2" role="presentation">
+			<li class={liClass} role="presentation">
 				<button
 					on:click={handleClick(id)}
 					class={classNames(btnClass, activeTabValue === id ? activeClass : inactiveClasses)}
@@ -55,7 +54,8 @@ Header part of Interactive tab component. Use with TabContent.
 					on:keyup
 					on:mouseenter
 					on:mouseleave
-					on:mouseover>{name}</button
+					on:mouseover
+					{disabled}>{name}</button
 				>
 			</li>
 		{/each}

package/tabs/InteractiveTabHead.svelte.d.ts

@@ -5,6 +5,10 @@ declare const __propDef: {
         tabs: TabHeadType[];
         tabId?: string;
         activeTabValue?: number;
+        disabled?: boolean;
+        divClass?: string;
+        ulClass?: string;
+        liClass?: string;
         btnClass?: string;
         activeClass?: string;
         inactiveClasses?: string;