flowbite-svelte 0.23.2 → 0.23.3

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.
Files changed (60) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/alerts/Alert.svelte +13 -1
  3. package/alerts/Alert.svelte.d.ts +8 -0
  4. package/buttongroups/ButtonGroupItem.svelte +1 -3
  5. package/buttons/Button.svelte +0 -1
  6. package/dropdowns/DropdownItem.svelte +1 -1
  7. package/forms/Dropzone.svelte +13 -1
  8. package/forms/Dropzone.svelte.d.ts +8 -0
  9. package/forms/FloatingLabelInput.svelte +5 -5
  10. package/forms/FloatingLabelInput.svelte.d.ts +5 -5
  11. package/forms/Input.svelte +4 -4
  12. package/forms/Input.svelte.d.ts +4 -4
  13. package/forms/Radio.svelte +5 -5
  14. package/forms/Radio.svelte.d.ts +5 -5
  15. package/forms/Range.svelte +2 -2
  16. package/forms/Range.svelte.d.ts +2 -2
  17. package/forms/Search.svelte +5 -5
  18. package/forms/Search.svelte.d.ts +5 -5
  19. package/forms/SimpleSearch.svelte +11 -0
  20. package/forms/SimpleSearch.svelte.d.ts +11 -0
  21. package/forms/Textarea.svelte +5 -5
  22. package/forms/Textarea.svelte.d.ts +5 -5
  23. package/index.d.ts +0 -2
  24. package/index.js +0 -2
  25. package/list-group/ListItem.svelte +20 -0
  26. package/list-group/ListItem.svelte.d.ts +9 -0
  27. package/navbar/NavDropdown.svelte +5 -4
  28. package/navbar/NavDropdown.svelte.d.ts +5 -3
  29. package/navbar/NavLi.svelte +5 -4
  30. package/navbar/NavLi.svelte.d.ts +5 -3
  31. package/package.json +1 -3
  32. package/paginations/Next.svelte +14 -1
  33. package/paginations/Next.svelte.d.ts +9 -0
  34. package/paginations/Pagination.svelte +69 -5
  35. package/paginations/Pagination.svelte.d.ts +9 -0
  36. package/paginations/Previous.svelte +14 -1
  37. package/paginations/Previous.svelte.d.ts +9 -0
  38. package/paginations/TableData.svelte +30 -2
  39. package/paginations/TableData.svelte.d.ts +9 -0
  40. package/sidebars/SidebarDropdownItem.svelte +4 -4
  41. package/sidebars/SidebarDropdownItem.svelte.d.ts +4 -3
  42. package/sidebars/SidebarItem.svelte +4 -4
  43. package/sidebars/SidebarItem.svelte.d.ts +4 -3
  44. package/tabs/DefaultTabs.svelte +4 -4
  45. package/tabs/DefaultTabs.svelte.d.ts +4 -3
  46. package/tabs/FullWidthTabs.svelte +4 -4
  47. package/tabs/FullWidthTabs.svelte.d.ts +4 -3
  48. package/tabs/IconTabs.svelte +4 -4
  49. package/tabs/IconTabs.svelte.d.ts +4 -3
  50. package/tabs/InteractiveTabHead.svelte +4 -4
  51. package/tabs/InteractiveTabHead.svelte.d.ts +4 -3
  52. package/tabs/InteractiveTabs.svelte +4 -4
  53. package/tabs/InteractiveTabs.svelte.d.ts +4 -3
  54. package/tabs/PillTabs.svelte +4 -4
  55. package/tabs/PillTabs.svelte.d.ts +4 -3
  56. package/tabs/UnderlineTabs.svelte +0 -1
  57. package/cards/EcommerceCard.svelte +0 -52
  58. package/cards/EcommerceCard.svelte.d.ts +0 -28
  59. package/cards/SignInCard.svelte +0 -63
  60. package/cards/SignInCard.svelte.d.ts +0 -22
@@ -1,63 +0,0 @@
1
- <script>import Alert from '../alerts/Alert.svelte';
2
- import Button from '../buttons/Button.svelte';
3
- import Input from '../forms/Input.svelte';
4
- import Card from './Card.svelte';
5
- import Label from '../forms/Label.svelte';
6
- import Checkbox from '../forms/Checkbox.svelte';
7
- export let login;
8
- export let title = 'Sign in';
9
- export let btnSignInColor = 'blue';
10
- export let rememberMe = false;
11
- export let signup;
12
- export let lostPassword;
13
- let email;
14
- let password;
15
- let error;
16
- </script>
17
-
18
- <Card>
19
- <form class="flex flex-col space-y-6" on:submit|preventDefault={login}>
20
- <h3 class="text-xl font-medium text-gray-900 dark:text-white">{title}</h3>
21
-
22
- <Label class="space-y-2">
23
- <span>Email</span>
24
- <Input type="email" name="email" bind:value={email} placeholder="name@company.com" required />
25
- </Label>
26
-
27
- <Label class="space-y-2">
28
- <span>Your password</span>
29
- <Input type="password" name="password" placeholder="•••••" bind:value={password} required />
30
- </Label>
31
-
32
- <div class="flex items-start">
33
- {#if rememberMe}
34
- <Checkbox>Remember me</Checkbox>
35
- {/if}
36
- {#if lostPassword}
37
- <a
38
- href={lostPassword.href}
39
- rel={lostPassword.rel}
40
- class="ml-auto text-sm text-blue-700 hover:underline dark:text-blue-500"
41
- >{lostPassword.name}</a
42
- >
43
- {/if}
44
- </div>
45
- {#if error}
46
- <div class="mt-6">
47
- <Alert alertId="alert-red" color="red" closeBtn>
48
- {error}
49
- </Alert>
50
- </div>
51
- {/if}
52
- <Button type="submit" color={btnSignInColor} class="w-full1">Login to your account</Button>
53
- {#if signup}
54
- <div class="text-sm font-medium text-gray-500 dark:text-gray-300">
55
- Not registered? <a
56
- href={signup.href}
57
- rel={signup.rel}
58
- class="text-blue-700 hover:underline dark:text-blue-500">{signup.name}</a
59
- >
60
- </div>
61
- {/if}
62
- </form>
63
- </Card>
@@ -1,22 +0,0 @@
1
- import { SvelteComponentTyped } from "svelte";
2
- import type { AuthFunctionType, LinkType, Colors } from '../types';
3
- declare const __propDef: {
4
- props: {
5
- login: AuthFunctionType;
6
- title?: string;
7
- btnSignInColor?: Colors;
8
- rememberMe?: boolean;
9
- signup: LinkType;
10
- lostPassword: LinkType;
11
- };
12
- events: {
13
- [evt: string]: CustomEvent<any>;
14
- };
15
- slots: {};
16
- };
17
- export declare type SignInCardProps = typeof __propDef.props;
18
- export declare type SignInCardEvents = typeof __propDef.events;
19
- export declare type SignInCardSlots = typeof __propDef.slots;
20
- export default class SignInCard extends SvelteComponentTyped<SignInCardProps, SignInCardEvents, SignInCardSlots> {
21
- }
22
- export {};