flowbite-svelte 0.21.14 → 0.21.15

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.21.15](https://github.com/themesberg/flowbite-svelte/compare/v0.21.14...v0.21.15) (2022-07-20)
+
+
+### Bug Fixes
+
+* add on:click to Toggle, Radio, and Checkbox component ([82cb3f0](https://github.com/themesberg/flowbite-svelte/commit/82cb3f032e85ba91015a545ee1ff325c08962855))
+
 ### [0.21.14](https://github.com/themesberg/flowbite-svelte/compare/v0.21.13...v0.21.14) (2022-07-19)
 
 

package/forms/Checkbox.svelte

@@ -31,6 +31,7 @@ export let inline = false;
 
 <Radio class={$$restProps.class} bind:inputClass {color} {custom} {inline}>
 	<input
+		on:click
 		slot="input"
 		type="checkbox"
 		bind:checked

package/forms/Checkbox.svelte.d.ts

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

package/forms/Radio.svelte

@@ -43,7 +43,7 @@ const colorClasses = {
 <!-- svelte-ignore a11y-label-has-associated-control -->
 <label class={labelClass}>
 	<slot name="input">
-		<input type="radio" bind:group {value} {...$$restProps} class={inputClass} />
+		<input type="radio" bind:group {value} {...$$restProps} class={inputClass} on:click />
 	</slot>
 	<slot />
 </label>

package/forms/Radio.svelte.d.ts

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

package/forms/Toggle.svelte

@@ -18,7 +18,7 @@ const sizes = {
 };
 </script>
 
-<Checkbox custom class="relative {$$restProps.class}" {...$$restProps}>
+<Checkbox on:click custom class="relative {$$restProps.class}" {...$$restProps}>
 	<div class={classNames(common, colors[$$restProps.color ?? 'blue'], sizes[size])} />
 	<slot />
 </Checkbox>

package/forms/Toggle.svelte.d.ts

@@ -5,6 +5,8 @@ declare const __propDef: {
         size?: 'small' | 'default' | 'large';
     };
     events: {
+        click: MouseEvent;
+    } & {
         [evt: string]: CustomEvent<any>;
     };
     slots: {

package/package.json

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