flowbite-svelte 0.21.16 → 0.21.17

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 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.17](https://github.com/themesberg/flowbite-svelte/compare/v0.21.16...v0.21.17) (2022-07-20)
+
+
+### Bug Fixes
+
+* Checkbox on:click position ([cfb1c65](https://github.com/themesberg/flowbite-svelte/commit/cfb1c658ae971bb689cd4e01f797ccc5c11db991))
+* on:click for Toggle, Checkbox and Radio ([48710b5](https://github.com/themesberg/flowbite-svelte/commit/48710b59c9a9096ec95dfa26d1764a312552b49e))
+
 ### [0.21.16](https://github.com/themesberg/flowbite-svelte/compare/v0.21.14...v0.21.16) (2022-07-20)
 
 

package/forms/Checkbox.svelte

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

package/forms/Checkbox.svelte.d.ts

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

package/forms/Radio.svelte

@@ -44,7 +44,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 on:click type="radio" bind:group {value} {...$$restProps} class={inputClass} />
 	</slot>
 	<slot />
 </label>

package/forms/Radio.svelte.d.ts

@@ -12,6 +12,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.16",
+  "version": "0.21.17",
   "description": "Flowbite components for Svelte",
   "main": "index.js",
   "author": {