flowbite-svelte 0.16.8 → 0.16.9

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.16.9](https://github.com/themesberg/flowbite-svelte/compare/v0.16.8...v0.16.9) (2022-06-05)
+
+
+### Features
+
+* add bind:group to Radio component ([386ab02](https://github.com/themesberg/flowbite-svelte/commit/386ab0246d0a3a7ae60416c6f9979501f4c434af))
+
 ### [0.16.8](https://github.com/themesberg/flowbite-svelte/compare/v0.16.7...v0.16.8) (2022-06-03)
 
 ### [0.16.7](https://github.com/themesberg/flowbite-svelte/compare/v0.16.6...v0.16.7) (2022-06-02)

package/forms/{RadioItem.svelte → Radio.svelte}

@@ -35,12 +35,24 @@ export let helper;
 export let id;
 export let value;
 export let label;
+export let group;
 </script>
 
 {#if helper}
 	<div class="flex">
 		<div class={divHelperClass}>
-			<input {id} type="radio" {name} {value} class={inputClass} aria-labelledby={id} aria-describedby={id} {disabled} {...$$restProps} />
+			<input
+				bind:group
+				{id}
+				type="radio"
+				{name}
+				{value}
+				class={inputClass}
+				aria-labelledby={id}
+				aria-describedby={id}
+				{disabled}
+				{...$$restProps}
+			/>
 		</div>
 		<div class="ml-2 text-sm">
 			<label for={id} class={labelHelperClass}>
@@ -51,7 +63,18 @@ export let label;
 	</div>
 {:else}
 	<div class={divClass}>
-		<input {id} type="radio" {name} {value} class={inputClass} aria-labelledby={id} aria-describedby={id} {disabled} {...$$restProps} />
+		<input
+			bind:group
+			{id}
+			type="radio"
+			{name}
+			{value}
+			class={inputClass}
+			aria-labelledby={id}
+			aria-describedby={id}
+			{disabled}
+			{...$$restProps}
+		/>
 		<label for={id} class={labelClass}>
 			{@html label}
 		</label>

package/forms/{RadioItem.svelte.d.ts → Radio.svelte.d.ts}

@@ -16,15 +16,16 @@ declare const __propDef: {
         id: string;
         value: string;
         label: string;
+        group: number | string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-export declare type RadioItemProps = typeof __propDef.props;
-export declare type RadioItemEvents = typeof __propDef.events;
-export declare type RadioItemSlots = typeof __propDef.slots;
-export default class RadioItem extends SvelteComponentTyped<RadioItemProps, RadioItemEvents, RadioItemSlots> {
+export declare type RadioProps = typeof __propDef.props;
+export declare type RadioEvents = typeof __propDef.events;
+export declare type RadioSlots = typeof __propDef.slots;
+export default class Radio extends SvelteComponentTyped<RadioProps, RadioEvents, RadioSlots> {
 }
 export {};

package/index.d.ts

@@ -37,7 +37,7 @@ export { default as FloatingLabelInput } from './forms/FloatingLabelInput.svelte
 export { default as Iconinput } from './forms/Iconinput.svelte';
 export { default as Input } from './forms/Input.svelte';
 export { default as RadioInline } from './forms/RadioInline.svelte';
-export { default as Radio } from './forms/RadioItem.svelte';
+export { default as Radio } from './forms/Radio.svelte';
 export { default as Range } from './forms/Range.svelte';
 export { default as Search } from './forms/Search.svelte';
 export { default as Select } from './forms/Select.svelte';

package/index.js

@@ -50,7 +50,7 @@ export { default as FloatingLabelInput } from './forms/FloatingLabelInput.svelte
 export { default as Iconinput } from './forms/Iconinput.svelte';
 export { default as Input } from './forms/Input.svelte';
 export { default as RadioInline } from './forms/RadioInline.svelte';
-export { default as Radio } from './forms/RadioItem.svelte';
+export { default as Radio } from './forms/Radio.svelte';
 export { default as Range } from './forms/Range.svelte';
 export { default as Search } from './forms/Search.svelte';
 export { default as Select } from './forms/Select.svelte';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.16.8",
+  "version": "0.16.9",
   "description": "Flowbite components for Svelte",
   "main": "index.js",
   "author": {
@@ -128,8 +128,8 @@
     "./forms/FloatingLabelInput.svelte": "./forms/FloatingLabelInput.svelte",
     "./forms/Iconinput.svelte": "./forms/Iconinput.svelte",
     "./forms/Input.svelte": "./forms/Input.svelte",
+    "./forms/Radio.svelte": "./forms/Radio.svelte",
     "./forms/RadioInline.svelte": "./forms/RadioInline.svelte",
-    "./forms/RadioItem.svelte": "./forms/RadioItem.svelte",
     "./forms/Range.svelte": "./forms/Range.svelte",
     "./forms/Search.svelte": "./forms/Search.svelte",
     "./forms/Select.svelte": "./forms/Select.svelte",