flowbite-svelte 0.14.2 → 0.14.3

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 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.14.3](https://github.com/shinokada/flowbite-svelte/compare/v0.14.2...v0.14.3) (2022-04-18)
+
+
+### Features
+
+* add slot and {...70121restProps} to all button components ([c98057c](https://github.com/shinokada/flowbite-svelte/commit/c98057cd6ee39053660378dad2b0bdb6970e18da))
+
 ### [0.14.2](https://github.com/shinokada/flowbite-svelte/compare/v0.14.1...v0.14.2) (2022-04-18)
 
 ### [0.14.1](https://github.com/shinokada/flowbite-svelte/compare/v0.13.10...v0.14.1) (2022-04-18)

package/buttons/Button.svelte

@@ -63,7 +63,7 @@ else {
 }
 </script>
 
-<button type={btnType} class={buttonClass} on:click>
+<button type={btnType} class={buttonClass} on:click {...$$restProps}>
 	{name}
 	<slot />
 </button>

package/buttons/Button.svelte.d.ts

@@ -2,6 +2,7 @@ import { SvelteComponentTyped } from "svelte";
 import type { Buttontypes, ButtonType, Textsize } from '../types';
 declare const __propDef: {
     props: {
+        [x: string]: any;
         rounded?: boolean;
         textSize?: Textsize;
         name?: string;

package/buttons/ColorShadowButton.svelte

@@ -32,4 +32,7 @@ else {
 }
 </script>
 
-<button type={btnType} class={btnClass} on:click>{name}</button>
+<button type={btnType} class={btnClass} on:click {...$$restProps}>
+	{name}
+	<slot />
+</button>

package/buttons/ColorShadowButton.svelte.d.ts

@@ -2,6 +2,7 @@ import { SvelteComponentTyped } from "svelte";
 import type { Buttonshadows, Textsize, ButtonType } from '../types';
 declare const __propDef: {
     props: {
+        [x: string]: any;
         textSize?: Textsize;
         color?: Buttonshadows;
         name?: string;
@@ -12,7 +13,9 @@ declare const __propDef: {
     } & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {};
+    slots: {
+        default: {};
+    };
 };
 export declare type ColorShadowButtonProps = typeof __propDef.props;
 export declare type ColorShadowButtonEvents = typeof __propDef.events;

package/buttons/GradientDuotoneButton.svelte

@@ -29,4 +29,7 @@ else {
 }
 </script>
 
-<button type={btnType} class={btnClass} on:click>{name}</button>
+<button type={btnType} class={btnClass} on:click {...$$restProps}>
+	{name}
+	<slot />
+</button>

package/buttons/GradientDuotoneButton.svelte.d.ts

@@ -2,6 +2,7 @@ import { SvelteComponentTyped } from "svelte";
 import type { Gradientduotones, Textsize, ButtonType } from '../types';
 declare const __propDef: {
     props: {
+        [x: string]: any;
         textSize?: Textsize;
         color?: Gradientduotones;
         name?: string;
@@ -12,7 +13,9 @@ declare const __propDef: {
     } & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {};
+    slots: {
+        default: {};
+    };
 };
 export declare type GradientDuotoneButtonProps = typeof __propDef.props;
 export declare type GradientDuotoneButtonEvents = typeof __propDef.events;

package/buttons/GradientMonochromeButton.svelte

@@ -32,4 +32,7 @@ else {
 }
 </script>
 
-<button type={btnType} class={btnClass} on:click>{name}</button>
+<button type={btnType} class={btnClass} on:click {...$$restProps}>
+	{name}
+	<slot />
+</button>

package/buttons/GradientMonochromeButton.svelte.d.ts

@@ -2,6 +2,7 @@ import { SvelteComponentTyped } from "svelte";
 import type { Buttonshadows, Textsize, ButtonType } from '../types';
 declare const __propDef: {
     props: {
+        [x: string]: any;
         textSize?: Textsize;
         color?: Buttonshadows;
         name?: string;
@@ -12,7 +13,9 @@ declare const __propDef: {
     } & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {};
+    slots: {
+        default: {};
+    };
 };
 export declare type GradientMonochromeButtonProps = typeof __propDef.props;
 export declare type GradientMonochromeButtonEvents = typeof __propDef.events;

package/buttons/GradientOutlineButton.svelte

@@ -38,6 +38,7 @@ else {
 }
 </script>
 
-<button class={btnClass} type={btnType}>
+<button class={btnClass} type={btnType} {...$$restProps}>
 	<span class={spanClass} on:click>{name}</span>
+	<slot />
 </button>

package/buttons/GradientOutlineButton.svelte.d.ts

@@ -2,6 +2,7 @@ import { SvelteComponentTyped } from "svelte";
 import type { Gradientduotones, Textsize, ButtonType } from '../types';
 declare const __propDef: {
     props: {
+        [x: string]: any;
         textSize?: Textsize;
         color?: Gradientduotones;
         name?: string;
@@ -12,7 +13,9 @@ declare const __propDef: {
     } & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {};
+    slots: {
+        default: {};
+    };
 };
 export declare type GradientOutlineButtonProps = typeof __propDef.props;
 export declare type GradientOutlineButtonEvents = typeof __propDef.events;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.14.2",
+  "version": "0.14.3",
   "description": "Flowbite components for Svelte",
   "main": "./package/index.js",
   "author": {