flowbite-svelte 0.21.8 → 0.21.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.21.9](https://github.com/themesberg/flowbite-svelte/compare/v0.21.8...v0.21.9) (2022-07-17)
+
+
+### Features
+
+* add fileupload multiple files and sizes ([81ab128](https://github.com/themesberg/flowbite-svelte/commit/81ab1284902e9e89bf08725a74b22394aae57244))
+
 ### [0.21.8](https://github.com/themesberg/flowbite-svelte/compare/v0.21.7...v0.21.8) (2022-07-17)
 
 

package/forms/Fileupload.svelte

@@ -1,13 +1,16 @@
-<script>export let value = '';
-export let id = 'user_avatar';
-export let inputClass = 'block w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 cursor-pointer dark:text-gray-400 focus:outline-none focus:border-transparent dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400';
+<script>import classNames from 'classnames';
+export let value = '';
+export let size = 'sm';
+export let inputClass = 'block w-full text-gray-900 bg-gray-50 rounded-lg border border-gray-300 cursor-pointer dark:text-gray-400 focus:outline-none dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400';
 </script>
 
 <input
 	{...$$restProps}
 	bind:value
-	class={inputClass}
-	aria-describedby="{id}_help"
-	{id}
+	class={classNames(inputClass, {
+		'mb-5 text-xs': size === 'xs',
+		'mb-5 text-sm': size === 'sm',
+		'text-lg': size === 'lg'
+	})}
 	type="file"
 />

package/forms/Fileupload.svelte.d.ts

@@ -3,7 +3,7 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         value?: string;
-        id?: string;
+        size?: 'xs' | 'sm' | 'lg';
         inputClass?: string;
     };
     events: {

package/package.json

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