flowbite-svelte 0.21.9 → 0.21.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/forms/Dropzone.svelte +14 -0
- package/forms/Dropzone.svelte.d.ts +22 -0
- package/index.d.ts +1 -0
- package/index.js +1 -0
- package/package.json +2 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
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.
|
|
4
4
|
|
|
5
|
+
### [0.21.10](https://github.com/themesberg/flowbite-svelte/compare/v0.21.9...v0.21.10) (2022-07-17)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
* add Dropzone ([bb69872](https://github.com/themesberg/flowbite-svelte/commit/bb698721e07c489f1d1900012e60204e0af12e5a))
|
|
11
|
+
|
|
5
12
|
### [0.21.9](https://github.com/themesberg/flowbite-svelte/compare/v0.21.8...v0.21.9) (2022-07-17)
|
|
6
13
|
|
|
7
14
|
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
<script>export let value = '';
|
|
2
|
+
export let divClass = 'flex justify-center items-center w-full';
|
|
3
|
+
export let labelClass = 'flex flex-col justify-center items-center w-full h-64 bg-gray-50 rounded-lg border-2 border-gray-300 border-dashed cursor-pointer dark:hover:bg-bray-800 dark:bg-gray-700 hover:bg-gray-100 dark:border-gray-600 dark:hover:border-gray-500 dark:hover:bg-gray-600';
|
|
4
|
+
export let innerDivClass = 'flex flex-col justify-center items-center pt-5 pb-6';
|
|
5
|
+
</script>
|
|
6
|
+
|
|
7
|
+
<div class={divClass}>
|
|
8
|
+
<label for="dropzone-file" class={labelClass}>
|
|
9
|
+
<div class={innerDivClass}>
|
|
10
|
+
<slot />
|
|
11
|
+
</div>
|
|
12
|
+
<input {...$$restProps} bind:value type="file" class="hidden" />
|
|
13
|
+
</label>
|
|
14
|
+
</div>
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { SvelteComponentTyped } from "svelte";
|
|
2
|
+
declare const __propDef: {
|
|
3
|
+
props: {
|
|
4
|
+
[x: string]: any;
|
|
5
|
+
value?: string;
|
|
6
|
+
divClass?: string;
|
|
7
|
+
labelClass?: string;
|
|
8
|
+
innerDivClass?: string;
|
|
9
|
+
};
|
|
10
|
+
events: {
|
|
11
|
+
[evt: string]: CustomEvent<any>;
|
|
12
|
+
};
|
|
13
|
+
slots: {
|
|
14
|
+
default: {};
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
export declare type DropzoneProps = typeof __propDef.props;
|
|
18
|
+
export declare type DropzoneEvents = typeof __propDef.events;
|
|
19
|
+
export declare type DropzoneSlots = typeof __propDef.slots;
|
|
20
|
+
export default class Dropzone extends SvelteComponentTyped<DropzoneProps, DropzoneEvents, DropzoneSlots> {
|
|
21
|
+
}
|
|
22
|
+
export {};
|
package/index.d.ts
CHANGED
|
@@ -29,6 +29,7 @@ export { default as FooterIcon } from './footer/FooterIcon.svelte';
|
|
|
29
29
|
export { default as FooterLink } from './footer/FooterLink.svelte';
|
|
30
30
|
export { default as FooterLinkGroup } from './footer/FooterLinkGroup.svelte';
|
|
31
31
|
export { default as Checkbox } from './forms/Checkbox.svelte';
|
|
32
|
+
export { default as Dropzone } from './forms/Dropzone.svelte';
|
|
32
33
|
export { default as Fileupload } from './forms/Fileupload.svelte';
|
|
33
34
|
export { default as FloatingLabelInput } from './forms/FloatingLabelInput.svelte';
|
|
34
35
|
export { default as Helper } from './forms/Helper.svelte';
|
package/index.js
CHANGED
|
@@ -42,6 +42,7 @@ export { default as FooterLink } from './footer/FooterLink.svelte';
|
|
|
42
42
|
export { default as FooterLinkGroup } from './footer/FooterLinkGroup.svelte';
|
|
43
43
|
// Forms
|
|
44
44
|
export { default as Checkbox } from './forms/Checkbox.svelte';
|
|
45
|
+
export { default as Dropzone } from './forms/Dropzone.svelte';
|
|
45
46
|
export { default as Fileupload } from './forms/Fileupload.svelte';
|
|
46
47
|
export { default as FloatingLabelInput } from './forms/FloatingLabelInput.svelte';
|
|
47
48
|
export { default as Helper } from './forms/Helper.svelte';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "flowbite-svelte",
|
|
3
|
-
"version": "0.21.
|
|
3
|
+
"version": "0.21.10",
|
|
4
4
|
"description": "Flowbite components for Svelte",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"author": {
|
|
@@ -134,6 +134,7 @@
|
|
|
134
134
|
"./footer/SitemapFooter.svelte": "./footer/SitemapFooter.svelte",
|
|
135
135
|
"./footer/SocialMediaFooter.svelte": "./footer/SocialMediaFooter.svelte",
|
|
136
136
|
"./forms/Checkbox.svelte": "./forms/Checkbox.svelte",
|
|
137
|
+
"./forms/Dropzone.svelte": "./forms/Dropzone.svelte",
|
|
137
138
|
"./forms/Fileupload.svelte": "./forms/Fileupload.svelte",
|
|
138
139
|
"./forms/FloatingLabelInput.svelte": "./forms/FloatingLabelInput.svelte",
|
|
139
140
|
"./forms/Helper.svelte": "./forms/Helper.svelte",
|