flowbite-svelte 0.15.9 → 0.15.12
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 +27 -0
- package/README.md +303 -162
- package/cards/Card.svelte +10 -29
- package/dropdowns/DropdownDefault.svelte +1 -1
- package/forms/RadioInline.svelte +5 -0
- package/forms/RadioInline.svelte.d.ts +16 -0
- package/forms/RadioItem.svelte +56 -0
- package/forms/RadioItem.svelte.d.ts +30 -0
- package/forms/Search.svelte +17 -0
- package/forms/Search.svelte.d.ts +23 -0
- package/index.js +3 -1
- package/package.json +5 -9
- package/types.d.ts +5 -1
- package/auth/Confirm.svelte +0 -23
- package/auth/Confirm.svelte.d.ts +0 -19
- package/auth/ForgotPassword.svelte +0 -57
- package/auth/ForgotPassword.svelte.d.ts +0 -21
- package/auth/Input.svelte +0 -0
- package/auth/Input.svelte.d.ts +0 -19
- package/auth/Login.svelte +0 -116
- package/auth/Login.svelte.d.ts +0 -25
- package/auth/Register.svelte +0 -118
- package/auth/Register.svelte.d.ts +0 -23
- package/auth/Reset.svelte +0 -57
- package/auth/Reset.svelte.d.ts +0 -22
- package/forms/Radio.svelte +0 -19
- package/forms/Radio.svelte.d.ts +0 -22
package/auth/Reset.svelte
DELETED
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
<script>import { Alert } from '../index';
|
|
2
|
-
export let resetpw = undefined;
|
|
3
|
-
export let password = '';
|
|
4
|
-
export let email = '';
|
|
5
|
-
export let confirmpw = '';
|
|
6
|
-
export let error = '';
|
|
7
|
-
export let message = '';
|
|
8
|
-
</script>
|
|
9
|
-
|
|
10
|
-
<div
|
|
11
|
-
class="p-4 max-w-sm bg-white rounded-lg border border-gray-200 shadow-md sm:p-6 lg:p-8 dark:bg-gray-800 dark:border-gray-700 w-full"
|
|
12
|
-
>
|
|
13
|
-
<form class="space-y-6" on:submit|preventDefault={resetpw}>
|
|
14
|
-
<div class="heading">
|
|
15
|
-
<h2 class="text-xl font-medium text-gray-900 dark:text-white">Reset password</h2>
|
|
16
|
-
</div>
|
|
17
|
-
<input
|
|
18
|
-
type="password"
|
|
19
|
-
required
|
|
20
|
-
name="password"
|
|
21
|
-
placeholder="Enter your password."
|
|
22
|
-
bind:value={password}
|
|
23
|
-
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-600 dark:border-gray-500 dark:placeholder-gray-400 dark:text-white"
|
|
24
|
-
/>
|
|
25
|
-
<input
|
|
26
|
-
type="password"
|
|
27
|
-
required
|
|
28
|
-
name="confirmpw"
|
|
29
|
-
placeholder="Confirm your password."
|
|
30
|
-
bind:value={confirmpw}
|
|
31
|
-
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-600 dark:border-gray-500 dark:placeholder-gray-400 dark:text-white"
|
|
32
|
-
/>
|
|
33
|
-
<input type="hidden" required name="email" bind:value={email} />
|
|
34
|
-
{#if error}
|
|
35
|
-
<div class="mt-6">
|
|
36
|
-
<Alert alertId="alert-green" color="red" closeBtn>
|
|
37
|
-
{error}
|
|
38
|
-
</Alert>
|
|
39
|
-
</div>
|
|
40
|
-
{/if}
|
|
41
|
-
{#if message}
|
|
42
|
-
<div class="mt-6">
|
|
43
|
-
<Alert alertId="alert-green" color="green" closeBtn>
|
|
44
|
-
{message}
|
|
45
|
-
</Alert>
|
|
46
|
-
<a
|
|
47
|
-
href="/auth/login"
|
|
48
|
-
class="ml-auto text-sm text-blue-700 hover:underline dark:text-blue-500">Go to Login</a
|
|
49
|
-
>
|
|
50
|
-
</div>
|
|
51
|
-
{/if}
|
|
52
|
-
<button
|
|
53
|
-
class="w-full text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
|
|
54
|
-
type="submit">Reset</button
|
|
55
|
-
>
|
|
56
|
-
</form>
|
|
57
|
-
</div>
|
package/auth/Reset.svelte.d.ts
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { SvelteComponentTyped } from "svelte";
|
|
2
|
-
import type { AuthFunctionType } from '../types';
|
|
3
|
-
declare const __propDef: {
|
|
4
|
-
props: {
|
|
5
|
-
resetpw?: AuthFunctionType;
|
|
6
|
-
password?: string;
|
|
7
|
-
email?: string;
|
|
8
|
-
confirmpw?: string;
|
|
9
|
-
error?: string;
|
|
10
|
-
message?: string;
|
|
11
|
-
};
|
|
12
|
-
events: {
|
|
13
|
-
[evt: string]: CustomEvent<any>;
|
|
14
|
-
};
|
|
15
|
-
slots: {};
|
|
16
|
-
};
|
|
17
|
-
export declare type ResetProps = typeof __propDef.props;
|
|
18
|
-
export declare type ResetEvents = typeof __propDef.events;
|
|
19
|
-
export declare type ResetSlots = typeof __propDef.slots;
|
|
20
|
-
export default class Reset extends SvelteComponentTyped<ResetProps, ResetEvents, ResetSlots> {
|
|
21
|
-
}
|
|
22
|
-
export {};
|
package/forms/Radio.svelte
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
<script>export let legend = '';
|
|
2
|
-
export let divClass = 'flex items-center mb-4';
|
|
3
|
-
export let inputClass = 'w-4 h-4 border-gray-300 focus:ring-2 focus:ring-blue-300 dark:focus:ring-blue-600 dark:focus:bg-blue-600 dark:bg-gray-700 dark:border-gray-600';
|
|
4
|
-
export let labelClass = 'block ml-2 text-sm font-medium text-gray-900 dark:text-gray-300';
|
|
5
|
-
export let name = 'countries';
|
|
6
|
-
export let options;
|
|
7
|
-
</script>
|
|
8
|
-
|
|
9
|
-
<fieldset>
|
|
10
|
-
<legend class="sr-only">{legend}</legend>
|
|
11
|
-
{#each options as option}
|
|
12
|
-
<div class={divClass}>
|
|
13
|
-
<input id={option.id} type="radio" {name} value={option.value} class={inputClass} aria-labelledby={option.id} aria-describedby={option.id} checked={option.checked} disabled={option.disabled} />
|
|
14
|
-
<label for={option.id} class={labelClass}>
|
|
15
|
-
{option.label}
|
|
16
|
-
</label>
|
|
17
|
-
</div>
|
|
18
|
-
{/each}
|
|
19
|
-
</fieldset>
|
package/forms/Radio.svelte.d.ts
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { SvelteComponentTyped } from "svelte";
|
|
2
|
-
import type { RadioType } from '../types';
|
|
3
|
-
declare const __propDef: {
|
|
4
|
-
props: {
|
|
5
|
-
legend?: string;
|
|
6
|
-
divClass?: string;
|
|
7
|
-
inputClass?: string;
|
|
8
|
-
labelClass?: string;
|
|
9
|
-
name?: string;
|
|
10
|
-
options: RadioType[];
|
|
11
|
-
};
|
|
12
|
-
events: {
|
|
13
|
-
[evt: string]: CustomEvent<any>;
|
|
14
|
-
};
|
|
15
|
-
slots: {};
|
|
16
|
-
};
|
|
17
|
-
export declare type RadioProps = typeof __propDef.props;
|
|
18
|
-
export declare type RadioEvents = typeof __propDef.events;
|
|
19
|
-
export declare type RadioSlots = typeof __propDef.slots;
|
|
20
|
-
export default class Radio extends SvelteComponentTyped<RadioProps, RadioEvents, RadioSlots> {
|
|
21
|
-
}
|
|
22
|
-
export {};
|