flowbite-svelte 0.28.3 → 0.28.9

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 (161) hide show
  1. package/CHANGELOG.md +34 -0
  2. package/accordions/Accordion.svelte.d.ts +3 -3
  3. package/accordions/AccordionItem.svelte.d.ts +3 -3
  4. package/alerts/Alert.svelte.d.ts +3 -3
  5. package/avatar/Avatar.svelte +2 -2
  6. package/avatar/Avatar.svelte.d.ts +3 -3
  7. package/avatar/Dot.svelte.d.ts +3 -3
  8. package/avatar/Placeholder.svelte.d.ts +3 -3
  9. package/badges/Badge.svelte.d.ts +3 -3
  10. package/breadcrumbs/Breadcrumb.svelte.d.ts +3 -3
  11. package/breadcrumbs/BreadcrumbItem.svelte.d.ts +3 -3
  12. package/buttongroups/ButtonGroup.svelte.d.ts +3 -3
  13. package/buttons/Button.svelte +2 -2
  14. package/buttons/Button.svelte.d.ts +3 -3
  15. package/cards/Card.svelte.d.ts +3 -3
  16. package/carousels/Caption.svelte.d.ts +3 -3
  17. package/carousels/Carousel.svelte.d.ts +3 -3
  18. package/carousels/CarouselTransition.svelte.d.ts +3 -3
  19. package/carousels/Indicator.svelte.d.ts +3 -3
  20. package/carousels/Slide.svelte.d.ts +3 -3
  21. package/carousels/Thumbnail.svelte.d.ts +3 -3
  22. package/darkmode/DarkMode.svelte.d.ts +3 -3
  23. package/datepicker/Calender.svelte.d.ts +6 -2
  24. package/datepicker/Datepicker.svelte.d.ts +3 -3
  25. package/drawer/Drawer.svelte.d.ts +3 -3
  26. package/dropdowns/Dropdown.svelte.d.ts +3 -3
  27. package/dropdowns/DropdownDivider.svelte.d.ts +3 -3
  28. package/dropdowns/DropdownHeader.svelte.d.ts +3 -3
  29. package/dropdowns/DropdownItem.svelte.d.ts +3 -3
  30. package/footer/Footer.svelte.d.ts +3 -3
  31. package/footer/FooterBrand.svelte.d.ts +3 -3
  32. package/footer/FooterCopyright.svelte.d.ts +3 -3
  33. package/footer/FooterIcon.svelte.d.ts +3 -3
  34. package/footer/FooterLink.svelte.d.ts +3 -3
  35. package/footer/FooterLinkGroup.svelte.d.ts +3 -3
  36. package/forms/Checkbox.svelte.d.ts +3 -3
  37. package/forms/Dropzone.svelte +27 -24
  38. package/forms/Dropzone.svelte.d.ts +11 -8
  39. package/forms/Fileupload.svelte +21 -23
  40. package/forms/Fileupload.svelte.d.ts +4 -4
  41. package/forms/FloatingLabelInput.svelte.d.ts +3 -3
  42. package/forms/Helper.svelte.d.ts +3 -3
  43. package/forms/Input.svelte.d.ts +3 -3
  44. package/forms/InputAddon.svelte.d.ts +3 -3
  45. package/forms/Label.svelte.d.ts +3 -3
  46. package/forms/NumberInput.svelte.d.ts +3 -3
  47. package/forms/Radio.svelte.d.ts +3 -3
  48. package/forms/RadioInline.svelte.d.ts +6 -2
  49. package/forms/Range.svelte.d.ts +3 -3
  50. package/forms/Search.svelte.d.ts +3 -3
  51. package/forms/Select.svelte.d.ts +3 -3
  52. package/forms/SimpleSearch.svelte.d.ts +4 -4
  53. package/forms/Textarea.svelte.d.ts +3 -3
  54. package/forms/Toggle.svelte.d.ts +4 -4
  55. package/forms/VoiceSearch.svelte.d.ts +3 -3
  56. package/index.d.ts +0 -1
  57. package/index.js +0 -1
  58. package/kbd/ArrowKeyDown.svelte.d.ts +3 -3
  59. package/kbd/ArrowKeyLeft.svelte.d.ts +3 -3
  60. package/kbd/ArrowKeyRight.svelte.d.ts +3 -3
  61. package/kbd/ArrowKeyUp.svelte.d.ts +3 -3
  62. package/kbd/Kbd.svelte.d.ts +3 -3
  63. package/list-group/Listgroup.svelte.d.ts +3 -3
  64. package/list-group/ListgroupItem.svelte +1 -1
  65. package/list-group/ListgroupItem.svelte.d.ts +3 -3
  66. package/megamenu/MegaMenu.svelte.d.ts +3 -3
  67. package/modals/Modal.svelte.d.ts +3 -3
  68. package/navbar/Menu.svelte.d.ts +3 -3
  69. package/navbar/NavBrand.svelte.d.ts +3 -3
  70. package/navbar/NavDropdown.svelte.d.ts +3 -3
  71. package/navbar/NavHamburger.svelte.d.ts +3 -3
  72. package/navbar/NavLi.svelte.d.ts +3 -3
  73. package/navbar/NavUl.svelte.d.ts +3 -3
  74. package/navbar/Navbar.svelte.d.ts +3 -3
  75. package/package.json +15 -16
  76. package/paginations/Pagination.svelte.d.ts +3 -3
  77. package/paginations/PaginationItem.svelte.d.ts +3 -3
  78. package/popover/Popover.svelte.d.ts +3 -3
  79. package/progressbars/Progressbar.svelte.d.ts +3 -3
  80. package/ratings/AdvancedRating.svelte.d.ts +3 -3
  81. package/ratings/Rating.svelte.d.ts +3 -3
  82. package/ratings/RatingComment.svelte.d.ts +3 -3
  83. package/ratings/Review.svelte.d.ts +3 -3
  84. package/ratings/ScoreRating.svelte.d.ts +3 -3
  85. package/ratings/Star.svelte.d.ts +3 -3
  86. package/sidebars/Sidebar.svelte.d.ts +3 -3
  87. package/sidebars/SidebarBrand.svelte.d.ts +3 -3
  88. package/sidebars/SidebarCta.svelte.d.ts +3 -3
  89. package/sidebars/SidebarDropdownItem.svelte.d.ts +3 -3
  90. package/sidebars/SidebarDropdownWrapper.svelte.d.ts +3 -3
  91. package/sidebars/SidebarGroup.svelte.d.ts +3 -3
  92. package/sidebars/SidebarItem.svelte.d.ts +3 -3
  93. package/sidebars/SidebarWrapper.svelte.d.ts +3 -3
  94. package/skeleton/CardPlaceholder.svelte.d.ts +3 -3
  95. package/skeleton/ImagePlaceholder.svelte.d.ts +3 -3
  96. package/skeleton/ListPlaceholder.svelte.d.ts +3 -3
  97. package/skeleton/Skeleton.svelte.d.ts +3 -3
  98. package/skeleton/TestimonialPlaceholder.svelte.d.ts +3 -3
  99. package/skeleton/TextPlaceholder.svelte.d.ts +3 -3
  100. package/skeleton/VideoPlaceholder.svelte.d.ts +3 -3
  101. package/skeleton/WidgetPlaceholder.svelte.d.ts +3 -3
  102. package/speed-dial/SpeedDial.svelte.d.ts +3 -3
  103. package/speed-dial/SpeedDialButton.svelte.d.ts +3 -3
  104. package/spinners/Spinner.svelte.d.ts +3 -3
  105. package/tables/Table.svelte.d.ts +3 -3
  106. package/tables/TableBody.svelte.d.ts +2 -2
  107. package/tables/TableBodyCell.svelte.d.ts +3 -3
  108. package/tables/TableBodyRow.svelte.d.ts +3 -3
  109. package/tables/TableHead.svelte.d.ts +3 -3
  110. package/tables/TableHeadCell.svelte.d.ts +4 -4
  111. package/tables/TableSearch.svelte.d.ts +3 -3
  112. package/tabs/TabHead.svelte.d.ts +3 -3
  113. package/tabs/TabHeadItem.svelte.d.ts +3 -3
  114. package/tabs/TabItem.svelte.d.ts +3 -3
  115. package/tabs/Tabs.svelte.d.ts +3 -3
  116. package/timelines/Activity.svelte.d.ts +3 -3
  117. package/timelines/ActivityItem.svelte.d.ts +3 -3
  118. package/timelines/Group.svelte.d.ts +3 -3
  119. package/timelines/GroupItem.svelte.d.ts +3 -3
  120. package/timelines/Timeline.svelte.d.ts +3 -3
  121. package/timelines/TimelineHorizontal.svelte.d.ts +3 -3
  122. package/timelines/TimelineItem.svelte.d.ts +3 -3
  123. package/timelines/TimelineItemHorizontal.svelte.d.ts +3 -3
  124. package/timelines/TimelineItemVertical.svelte.d.ts +3 -3
  125. package/toasts/Toast.svelte.d.ts +3 -3
  126. package/toolbar/Toolbar.svelte.d.ts +3 -3
  127. package/toolbar/ToolbarButton.svelte.d.ts +3 -3
  128. package/toolbar/ToolbarGroup.svelte.d.ts +4 -4
  129. package/tooltips/Tooltip.svelte +5 -5
  130. package/tooltips/Tooltip.svelte.d.ts +3 -3
  131. package/types.d.ts +19 -19
  132. package/typography/A.svelte +3 -1
  133. package/typography/A.svelte.d.ts +5 -3
  134. package/typography/Blockquote.svelte.d.ts +3 -3
  135. package/typography/DescriptionList.svelte.d.ts +3 -3
  136. package/typography/Heading.svelte.d.ts +3 -3
  137. package/typography/Hr.svelte.d.ts +3 -3
  138. package/typography/Img.svelte.d.ts +3 -3
  139. package/typography/Layout.svelte.d.ts +3 -3
  140. package/typography/Li.svelte.d.ts +3 -3
  141. package/typography/List.svelte.d.ts +3 -3
  142. package/typography/Mark.svelte.d.ts +3 -3
  143. package/typography/P.svelte.d.ts +4 -4
  144. package/typography/Secondary.svelte.d.ts +3 -3
  145. package/typography/Span.svelte.d.ts +3 -3
  146. package/typography/Ul.svelte.d.ts +3 -3
  147. package/utils/Chevron.svelte.d.ts +3 -3
  148. package/utils/ChevronDown.svelte.d.ts +3 -3
  149. package/utils/ChevronLeft.svelte.d.ts +3 -3
  150. package/utils/ChevronRight.svelte.d.ts +3 -3
  151. package/utils/ChevronUp.svelte.d.ts +3 -3
  152. package/utils/CloseButton.svelte.d.ts +3 -3
  153. package/utils/Frame.svelte.d.ts +3 -3
  154. package/utils/InformationCircle.svelte.d.ts +3 -3
  155. package/utils/Popper.svelte +2 -2
  156. package/utils/Popper.svelte.d.ts +3 -3
  157. package/utils/UserCircle.svelte.d.ts +3 -3
  158. package/utils/Wrapper.svelte.d.ts +3 -3
  159. package/video/Video.svelte.d.ts +3 -3
  160. package/forms/Iconinput.svelte +0 -81
  161. package/forms/Iconinput.svelte.d.ts +0 -39
package/CHANGELOG.md CHANGED
@@ -2,6 +2,40 @@
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.28.9](https://github.com/themesberg/flowbite-svelte/compare/v0.28.8...v0.28.9) (2022-12-10)
6
+
7
+
8
+ ### Bug Fixes
9
+
10
+ * scripts build update ([ed3d086](https://github.com/themesberg/flowbite-svelte/commit/ed3d086767e2e444ee716b511b1a57aabf630dea))
11
+
12
+ ### [0.28.8](https://github.com/themesberg/flowbite-svelte/compare/v0.28.7...v0.28.8) (2022-12-10)
13
+
14
+ ### [0.28.7](https://github.com/themesberg/flowbite-svelte/compare/v0.28.6...v0.28.7) (2022-12-10)
15
+
16
+ ### [0.28.6](https://github.com/themesberg/flowbite-svelte/compare/v0.28.5...v0.28.6) (2022-12-10)
17
+
18
+ ### [0.28.5](https://github.com/themesberg/flowbite-svelte/compare/v0.28.4...v0.28.5) (2022-12-10)
19
+
20
+
21
+ ### Bug Fixes
22
+
23
+ * add eventhandler to label (mouse, drag, etc.) ([#433](https://github.com/themesberg/flowbite-svelte/issues/433)) ([6e4d9d1](https://github.com/themesberg/flowbite-svelte/commit/6e4d9d158c27ebb13f9a964d4bbfea17bba068cc))
24
+ * avatar placholder missing href ([#475](https://github.com/themesberg/flowbite-svelte/issues/475)) ([6ad52e6](https://github.com/themesberg/flowbite-svelte/commit/6ad52e6c121599758a5c6bf4079bdffcd3199421))
25
+ * bind:files for fileinput ([#474](https://github.com/themesberg/flowbite-svelte/issues/474)) ([585ba09](https://github.com/themesberg/flowbite-svelte/commit/585ba09f210bcb6b11a43ef005b742e999890dbf))
26
+ * list group item padding ([#469](https://github.com/themesberg/flowbite-svelte/issues/469)) ([d945978](https://github.com/themesberg/flowbite-svelte/commit/d945978f38e82953c1ddd703b2fd7c9086768ffa))
27
+ * removal of iconinput ([#476](https://github.com/themesberg/flowbite-svelte/issues/476)) ([2da0912](https://github.com/themesberg/flowbite-svelte/commit/2da0912b15199d6dbbcedae0db672b0a7d61a9fd))
28
+ * remove a pipe from MetaTags titleTemplate ([6ad56c0](https://github.com/themesberg/flowbite-svelte/commit/6ad56c0a4c918b7322f102c6043ab34e549f026f))
29
+ * sveltekit, vite, and other dependencies update ([#482](https://github.com/themesberg/flowbite-svelte/issues/482)) ([231e4da](https://github.com/themesberg/flowbite-svelte/commit/231e4daddc7095446a42f82f35f224ca9b9e209f))
30
+ * ts errors ([#464](https://github.com/themesberg/flowbite-svelte/issues/464)) ([ca723d4](https://github.com/themesberg/flowbite-svelte/commit/ca723d489e1861f6f702da90f9645139979261df))
31
+
32
+ ### [0.28.4](https://github.com/themesberg/flowbite-svelte/compare/v0.28.3...v0.28.4) (2022-12-01)
33
+
34
+
35
+ ### Bug Fixes
36
+
37
+ * avatar default href ([#462](https://github.com/themesberg/flowbite-svelte/issues/462)) ([1ad8999](https://github.com/themesberg/flowbite-svelte/commit/1ad899993ae3cf1f18e975766549718dc65ed50b))
38
+
5
39
  ### [0.28.3](https://github.com/themesberg/flowbite-svelte/compare/v0.28.2...v0.28.3) (2022-11-28)
6
40
 
7
41
 
@@ -22,9 +22,9 @@ declare const __propDef: {
22
22
  default: {};
23
23
  };
24
24
  };
25
- export declare type AccordionProps = typeof __propDef.props;
26
- export declare type AccordionEvents = typeof __propDef.events;
27
- export declare type AccordionSlots = typeof __propDef.slots;
25
+ export type AccordionProps = typeof __propDef.props;
26
+ export type AccordionEvents = typeof __propDef.events;
27
+ export type AccordionSlots = typeof __propDef.slots;
28
28
  export default class Accordion extends SvelteComponentTyped<AccordionProps, AccordionEvents, AccordionSlots> {
29
29
  }
30
30
  export {};
@@ -20,9 +20,9 @@ declare const __propDef: {
20
20
  default: {};
21
21
  };
22
22
  };
23
- export declare type AccordionItemProps = typeof __propDef.props;
24
- export declare type AccordionItemEvents = typeof __propDef.events;
25
- export declare type AccordionItemSlots = typeof __propDef.slots;
23
+ export type AccordionItemProps = typeof __propDef.props;
24
+ export type AccordionItemEvents = typeof __propDef.events;
25
+ export type AccordionItemSlots = typeof __propDef.slots;
26
26
  export default class AccordionItem extends SvelteComponentTyped<AccordionItemProps, AccordionItemEvents, AccordionItemSlots> {
27
27
  }
28
28
  export {};
@@ -24,9 +24,9 @@ declare const __propDef: {
24
24
  extra: {};
25
25
  };
26
26
  };
27
- export declare type AlertProps = typeof __propDef.props;
28
- export declare type AlertEvents = typeof __propDef.events;
29
- export declare type AlertSlots = typeof __propDef.slots;
27
+ export type AlertProps = typeof __propDef.props;
28
+ export type AlertEvents = typeof __propDef.events;
29
+ export type AlertSlots = typeof __propDef.slots;
30
30
  export default class Alert extends SvelteComponentTyped<AlertProps, AlertEvents, AlertSlots> {
31
31
  }
32
32
  export {};
@@ -2,7 +2,7 @@
2
2
  import AvatarPlaceholder from './Placeholder.svelte';
3
3
  import Dot from './Dot.svelte';
4
4
  export let src = '';
5
- export let href = '#';
5
+ export let href = undefined;
6
6
  export let rounded = false;
7
7
  export let border = false;
8
8
  export let stacked = false;
@@ -32,7 +32,7 @@ $: avatarClass = classNames(rounded ? 'rounded' : 'rounded-full', border && 'p-1
32
32
  <slot />
33
33
  </svelte:element>
34
34
  {:else}
35
- <svelte:element this={href ? 'a' : 'div'} {...$$restProps} class={avatarClass}>
35
+ <svelte:element this={href ? 'a' : 'div'} {href} {...$$restProps} class={avatarClass}>
36
36
  <AvatarPlaceholder {rounded} />
37
37
  </svelte:element>
38
38
  {/if}
@@ -19,9 +19,9 @@ declare const __propDef: {
19
19
  default: {};
20
20
  };
21
21
  };
22
- export declare type AvatarProps = typeof __propDef.props;
23
- export declare type AvatarEvents = typeof __propDef.events;
24
- export declare type AvatarSlots = typeof __propDef.slots;
22
+ export type AvatarProps = typeof __propDef.props;
23
+ export type AvatarEvents = typeof __propDef.events;
24
+ export type AvatarSlots = typeof __propDef.slots;
25
25
  export default class Avatar extends SvelteComponentTyped<AvatarProps, AvatarEvents, AvatarSlots> {
26
26
  }
27
27
  export {};
@@ -15,9 +15,9 @@ declare const __propDef: {
15
15
  default: {};
16
16
  };
17
17
  };
18
- export declare type DotProps = typeof __propDef.props;
19
- export declare type DotEvents = typeof __propDef.events;
20
- export declare type DotSlots = typeof __propDef.slots;
18
+ export type DotProps = typeof __propDef.props;
19
+ export type DotEvents = typeof __propDef.events;
20
+ export type DotSlots = typeof __propDef.slots;
21
21
  export default class Dot extends SvelteComponentTyped<DotProps, DotEvents, DotSlots> {
22
22
  }
23
23
  export {};
@@ -8,9 +8,9 @@ declare const __propDef: {
8
8
  };
9
9
  slots: {};
10
10
  };
11
- export declare type PlaceholderProps = typeof __propDef.props;
12
- export declare type PlaceholderEvents = typeof __propDef.events;
13
- export declare type PlaceholderSlots = typeof __propDef.slots;
11
+ export type PlaceholderProps = typeof __propDef.props;
12
+ export type PlaceholderEvents = typeof __propDef.events;
13
+ export type PlaceholderSlots = typeof __propDef.slots;
14
14
  export default class Placeholder extends SvelteComponentTyped<PlaceholderProps, PlaceholderEvents, PlaceholderSlots> {
15
15
  }
16
16
  export {};
@@ -18,9 +18,9 @@ declare const __propDef: {
18
18
  default: {};
19
19
  };
20
20
  };
21
- export declare type BadgeProps = typeof __propDef.props;
22
- export declare type BadgeEvents = typeof __propDef.events;
23
- export declare type BadgeSlots = typeof __propDef.slots;
21
+ export type BadgeProps = typeof __propDef.props;
22
+ export type BadgeEvents = typeof __propDef.events;
23
+ export type BadgeSlots = typeof __propDef.slots;
24
24
  export default class Badge extends SvelteComponentTyped<BadgeProps, BadgeEvents, BadgeSlots> {
25
25
  }
26
26
  export {};
@@ -14,9 +14,9 @@ declare const __propDef: {
14
14
  default: {};
15
15
  };
16
16
  };
17
- export declare type BreadcrumbProps = typeof __propDef.props;
18
- export declare type BreadcrumbEvents = typeof __propDef.events;
19
- export declare type BreadcrumbSlots = typeof __propDef.slots;
17
+ export type BreadcrumbProps = typeof __propDef.props;
18
+ export type BreadcrumbEvents = typeof __propDef.events;
19
+ export type BreadcrumbSlots = typeof __propDef.slots;
20
20
  export default class Breadcrumb extends SvelteComponentTyped<BreadcrumbProps, BreadcrumbEvents, BreadcrumbSlots> {
21
21
  }
22
22
  export {};
@@ -16,9 +16,9 @@ declare const __propDef: {
16
16
  default: {};
17
17
  };
18
18
  };
19
- export declare type BreadcrumbItemProps = typeof __propDef.props;
20
- export declare type BreadcrumbItemEvents = typeof __propDef.events;
21
- export declare type BreadcrumbItemSlots = typeof __propDef.slots;
19
+ export type BreadcrumbItemProps = typeof __propDef.props;
20
+ export type BreadcrumbItemEvents = typeof __propDef.events;
21
+ export type BreadcrumbItemSlots = typeof __propDef.slots;
22
22
  export default class BreadcrumbItem extends SvelteComponentTyped<BreadcrumbItemProps, BreadcrumbItemEvents, BreadcrumbItemSlots> {
23
23
  }
24
24
  export {};
@@ -13,9 +13,9 @@ declare const __propDef: {
13
13
  default: {};
14
14
  };
15
15
  };
16
- export declare type ButtonGroupProps = typeof __propDef.props;
17
- export declare type ButtonGroupEvents = typeof __propDef.events;
18
- export declare type ButtonGroupSlots = typeof __propDef.slots;
16
+ export type ButtonGroupProps = typeof __propDef.props;
17
+ export type ButtonGroupEvents = typeof __propDef.events;
18
+ export type ButtonGroupSlots = typeof __propDef.slots;
19
19
  export default class ButtonGroup extends SvelteComponentTyped<ButtonGroupProps, ButtonGroupEvents, ButtonGroupSlots> {
20
20
  }
21
21
  export {};
@@ -50,7 +50,7 @@ const coloredShadowClasses = {
50
50
  };
51
51
  const outlineClasses = {
52
52
  blue: 'text-blue-700 hover:text-white border border-blue-700 hover:bg-blue-800 focus:ring-blue-300 dark:border-blue-500 dark:text-blue-500 dark:hover:text-white dark:hover:bg-blue-600 dark:focus:ring-blue-800',
53
- light: "text-gray-500 hover:text-gray-900 bg-white border border-gray-200 dark:border-gray-600 dark:hover:text-white dark:text-gray-400 hover:bg-gray-50 dark:bg-gray-700 dark:hover:bg-gray-600 focus:ring-4 focus:ring-gray-300 dark:focus:ring-gray-400",
53
+ light: 'text-gray-500 hover:text-gray-900 bg-white border border-gray-200 dark:border-gray-600 dark:hover:text-white dark:text-gray-400 hover:bg-gray-50 dark:bg-gray-700 dark:hover:bg-gray-600 focus:ring-4 focus:ring-gray-300 dark:focus:ring-gray-400',
54
54
  dark: 'text-gray-900 hover:text-white border border-gray-800 hover:bg-gray-900 focus:bg-gray-900 focus:text-white focus:ring-gray-300 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-600 dark:focus:ring-gray-800',
55
55
  green: 'text-green-700 hover:text-white border border-green-700 hover:bg-green-800 focus:ring-green-300 dark:border-green-500 dark:text-green-500 dark:hover:text-white dark:hover:bg-green-600 dark:focus:ring-green-800',
56
56
  red: 'text-red-700 hover:text-white border border-red-700 hover:bg-red-800 focus:ring-red-300 dark:border-red-500 dark:text-red-500 dark:hover:text-white dark:hover:bg-red-600 dark:focus:ring-red-900',
@@ -78,7 +78,7 @@ const hasBorder = () => outline || color === 'alternative' || color === 'light';
78
78
  let buttonClass;
79
79
  $: buttonClass = btnClass
80
80
  ? btnClass
81
- : classNames('text-center font-medium', group ? 'focus:ring-2' : 'focus:ring-4', group && 'focus:z-10', !group || color === 'alternative' || (outline && color === 'dark') || 'focus:outline-none', outline && gradient ? 'p-0.5' : 'inline-flex items-center justify-center ' + sizeClasses[size], gradient ? gradientClasses[color] : outline ? outlineClasses[color] : colorClasses[color], color === 'alternative' &&
81
+ : classNames('text-center font-medium', group ? 'focus:ring-2' : 'focus:ring-4', group && 'focus:z-10', group || 'focus:outline-none', outline && gradient ? 'p-0.5' : 'inline-flex items-center justify-center ' + sizeClasses[size], gradient ? gradientClasses[color] : outline ? outlineClasses[color] : colorClasses[color], color === 'alternative' &&
82
82
  (group
83
83
  ? 'dark:bg-gray-700 dark:text-white dark:border-gray-700 dark:hover:border-gray-600 dark:hover:bg-gray-600'
84
84
  : 'dark:bg-transparent dark:border-gray-800 dark:hover:border-gray-700'), outline &&
@@ -27,9 +27,9 @@ declare const __propDef: {
27
27
  default: {};
28
28
  };
29
29
  };
30
- export declare type ButtonProps = typeof __propDef.props;
31
- export declare type ButtonEvents = typeof __propDef.events;
32
- export declare type ButtonSlots = typeof __propDef.slots;
30
+ export type ButtonProps = typeof __propDef.props;
31
+ export type ButtonEvents = typeof __propDef.events;
32
+ export type ButtonSlots = typeof __propDef.slots;
33
33
  export default class Button extends SvelteComponentTyped<ButtonProps, ButtonEvents, ButtonSlots> {
34
34
  }
35
35
  export {};
@@ -17,9 +17,9 @@ declare const __propDef: {
17
17
  default: {};
18
18
  };
19
19
  };
20
- export declare type CardProps = typeof __propDef.props;
21
- export declare type CardEvents = typeof __propDef.events;
22
- export declare type CardSlots = typeof __propDef.slots;
20
+ export type CardProps = typeof __propDef.props;
21
+ export type CardEvents = typeof __propDef.events;
22
+ export type CardSlots = typeof __propDef.slots;
23
23
  export default class Card extends SvelteComponentTyped<CardProps, CardEvents, CardSlots> {
24
24
  }
25
25
  export {};
@@ -9,9 +9,9 @@ declare const __propDef: {
9
9
  };
10
10
  slots: {};
11
11
  };
12
- export declare type CaptionProps = typeof __propDef.props;
13
- export declare type CaptionEvents = typeof __propDef.events;
14
- export declare type CaptionSlots = typeof __propDef.slots;
12
+ export type CaptionProps = typeof __propDef.props;
13
+ export type CaptionEvents = typeof __propDef.events;
14
+ export type CaptionSlots = typeof __propDef.slots;
15
15
  export default class Caption extends SvelteComponentTyped<CaptionProps, CaptionEvents, CaptionSlots> {
16
16
  }
17
17
  export {};
@@ -22,9 +22,9 @@ declare const __propDef: {
22
22
  next: {};
23
23
  };
24
24
  };
25
- export declare type CarouselProps = typeof __propDef.props;
26
- export declare type CarouselEvents = typeof __propDef.events;
27
- export declare type CarouselSlots = typeof __propDef.slots;
25
+ export type CarouselProps = typeof __propDef.props;
26
+ export type CarouselEvents = typeof __propDef.events;
27
+ export type CarouselSlots = typeof __propDef.slots;
28
28
  export default class Carousel extends SvelteComponentTyped<CarouselProps, CarouselEvents, CarouselSlots> {
29
29
  }
30
30
  export {};
@@ -24,9 +24,9 @@ declare const __propDef: {
24
24
  next: {};
25
25
  };
26
26
  };
27
- export declare type CarouselTransitionProps = typeof __propDef.props;
28
- export declare type CarouselTransitionEvents = typeof __propDef.events;
29
- export declare type CarouselTransitionSlots = typeof __propDef.slots;
27
+ export type CarouselTransitionProps = typeof __propDef.props;
28
+ export type CarouselTransitionEvents = typeof __propDef.events;
29
+ export type CarouselTransitionSlots = typeof __propDef.slots;
30
30
  export default class CarouselTransition extends SvelteComponentTyped<CarouselTransitionProps, CarouselTransitionEvents, CarouselTransitionSlots> {
31
31
  }
32
32
  export {};
@@ -12,9 +12,9 @@ declare const __propDef: {
12
12
  };
13
13
  slots: {};
14
14
  };
15
- export declare type IndicatorProps = typeof __propDef.props;
16
- export declare type IndicatorEvents = typeof __propDef.events;
17
- export declare type IndicatorSlots = typeof __propDef.slots;
15
+ export type IndicatorProps = typeof __propDef.props;
16
+ export type IndicatorEvents = typeof __propDef.events;
17
+ export type IndicatorSlots = typeof __propDef.slots;
18
18
  export default class Indicator extends SvelteComponentTyped<IndicatorProps, IndicatorEvents, IndicatorSlots> {
19
19
  }
20
20
  export {};
@@ -11,9 +11,9 @@ declare const __propDef: {
11
11
  };
12
12
  slots: {};
13
13
  };
14
- export declare type SlideProps = typeof __propDef.props;
15
- export declare type SlideEvents = typeof __propDef.events;
16
- export declare type SlideSlots = typeof __propDef.slots;
14
+ export type SlideProps = typeof __propDef.props;
15
+ export type SlideEvents = typeof __propDef.events;
16
+ export type SlideSlots = typeof __propDef.slots;
17
17
  export default class Slide extends SvelteComponentTyped<SlideProps, SlideEvents, SlideSlots> {
18
18
  }
19
19
  export {};
@@ -15,9 +15,9 @@ declare const __propDef: {
15
15
  };
16
16
  slots: {};
17
17
  };
18
- export declare type ThumbnailProps = typeof __propDef.props;
19
- export declare type ThumbnailEvents = typeof __propDef.events;
20
- export declare type ThumbnailSlots = typeof __propDef.slots;
18
+ export type ThumbnailProps = typeof __propDef.props;
19
+ export type ThumbnailEvents = typeof __propDef.events;
20
+ export type ThumbnailSlots = typeof __propDef.slots;
21
21
  export default class Thumbnail extends SvelteComponentTyped<ThumbnailProps, ThumbnailEvents, ThumbnailSlots> {
22
22
  }
23
23
  export {};
@@ -12,9 +12,9 @@ declare const __propDef: {
12
12
  darkIcon: {};
13
13
  };
14
14
  };
15
- export declare type DarkModeProps = typeof __propDef.props;
16
- export declare type DarkModeEvents = typeof __propDef.events;
17
- export declare type DarkModeSlots = typeof __propDef.slots;
15
+ export type DarkModeProps = typeof __propDef.props;
16
+ export type DarkModeEvents = typeof __propDef.events;
17
+ export type DarkModeSlots = typeof __propDef.slots;
18
18
  export default class DarkMode extends SvelteComponentTyped<DarkModeProps, DarkModeEvents, DarkModeSlots> {
19
19
  }
20
20
  export {};
@@ -1,7 +1,9 @@
1
1
  /** @typedef {typeof __propDef.props} CalenderProps */
2
2
  /** @typedef {typeof __propDef.events} CalenderEvents */
3
3
  /** @typedef {typeof __propDef.slots} CalenderSlots */
4
- export default class Calender extends SvelteComponentTyped<{}, {
4
+ export default class Calender extends SvelteComponentTyped<{
5
+ [x: string]: never;
6
+ }, {
5
7
  [evt: string]: CustomEvent<any>;
6
8
  }, {}> {
7
9
  }
@@ -10,7 +12,9 @@ export type CalenderEvents = typeof __propDef.events;
10
12
  export type CalenderSlots = typeof __propDef.slots;
11
13
  import { SvelteComponentTyped } from "svelte";
12
14
  declare const __propDef: {
13
- props: {};
15
+ props: {
16
+ [x: string]: never;
17
+ };
14
18
  events: {
15
19
  [evt: string]: CustomEvent<any>;
16
20
  };
@@ -17,9 +17,9 @@ declare const __propDef: {
17
17
  default: {};
18
18
  };
19
19
  };
20
- export declare type DatepickerProps = typeof __propDef.props;
21
- export declare type DatepickerEvents = typeof __propDef.events;
22
- export declare type DatepickerSlots = typeof __propDef.slots;
20
+ export type DatepickerProps = typeof __propDef.props;
21
+ export type DatepickerEvents = typeof __propDef.events;
22
+ export type DatepickerSlots = typeof __propDef.slots;
23
23
  export default class Datepicker extends SvelteComponentTyped<DatepickerProps, DatepickerEvents, DatepickerSlots> {
24
24
  }
25
25
  export {};
@@ -29,9 +29,9 @@ declare const __propDef: {
29
29
  };
30
30
  };
31
31
  };
32
- export declare type DrawerProps = typeof __propDef.props;
33
- export declare type DrawerEvents = typeof __propDef.events;
34
- export declare type DrawerSlots = typeof __propDef.slots;
32
+ export type DrawerProps = typeof __propDef.props;
33
+ export type DrawerEvents = typeof __propDef.events;
34
+ export type DrawerSlots = typeof __propDef.slots;
35
35
  export default class Drawer extends SvelteComponentTyped<DrawerProps, DrawerEvents, DrawerSlots> {
36
36
  }
37
37
  export {};
@@ -16,9 +16,9 @@ declare const __propDef: {
16
16
  footer: {};
17
17
  };
18
18
  };
19
- export declare type DropdownProps = typeof __propDef.props;
20
- export declare type DropdownEvents = typeof __propDef.events;
21
- export declare type DropdownSlots = typeof __propDef.slots;
19
+ export type DropdownProps = typeof __propDef.props;
20
+ export type DropdownEvents = typeof __propDef.events;
21
+ export type DropdownSlots = typeof __propDef.slots;
22
22
  export default class Dropdown extends SvelteComponentTyped<DropdownProps, DropdownEvents, DropdownSlots> {
23
23
  }
24
24
  export {};
@@ -9,9 +9,9 @@ declare const __propDef: {
9
9
  };
10
10
  slots: {};
11
11
  };
12
- export declare type DropdownDividerProps = typeof __propDef.props;
13
- export declare type DropdownDividerEvents = typeof __propDef.events;
14
- export declare type DropdownDividerSlots = typeof __propDef.slots;
12
+ export type DropdownDividerProps = typeof __propDef.props;
13
+ export type DropdownDividerEvents = typeof __propDef.events;
14
+ export type DropdownDividerSlots = typeof __propDef.slots;
15
15
  export default class DropdownDivider extends SvelteComponentTyped<DropdownDividerProps, DropdownDividerEvents, DropdownDividerSlots> {
16
16
  }
17
17
  export {};
@@ -12,9 +12,9 @@ declare const __propDef: {
12
12
  default: {};
13
13
  };
14
14
  };
15
- export declare type DropdownHeaderProps = typeof __propDef.props;
16
- export declare type DropdownHeaderEvents = typeof __propDef.events;
17
- export declare type DropdownHeaderSlots = typeof __propDef.slots;
15
+ export type DropdownHeaderProps = typeof __propDef.props;
16
+ export type DropdownHeaderEvents = typeof __propDef.events;
17
+ export type DropdownHeaderSlots = typeof __propDef.slots;
18
18
  export default class DropdownHeader extends SvelteComponentTyped<DropdownHeaderProps, DropdownHeaderEvents, DropdownHeaderSlots> {
19
19
  }
20
20
  export {};
@@ -21,9 +21,9 @@ declare const __propDef: {
21
21
  default: {};
22
22
  };
23
23
  };
24
- export declare type DropdownItemProps = typeof __propDef.props;
25
- export declare type DropdownItemEvents = typeof __propDef.events;
26
- export declare type DropdownItemSlots = typeof __propDef.slots;
24
+ export type DropdownItemProps = typeof __propDef.props;
25
+ export type DropdownItemEvents = typeof __propDef.events;
26
+ export type DropdownItemSlots = typeof __propDef.slots;
27
27
  export default class DropdownItem extends SvelteComponentTyped<DropdownItemProps, DropdownItemEvents, DropdownItemSlots> {
28
28
  }
29
29
  export {};
@@ -12,9 +12,9 @@ declare const __propDef: {
12
12
  default: {};
13
13
  };
14
14
  };
15
- export declare type FooterProps = typeof __propDef.props;
16
- export declare type FooterEvents = typeof __propDef.events;
17
- export declare type FooterSlots = typeof __propDef.slots;
15
+ export type FooterProps = typeof __propDef.props;
16
+ export type FooterEvents = typeof __propDef.events;
17
+ export type FooterSlots = typeof __propDef.slots;
18
18
  export default class Footer extends SvelteComponentTyped<FooterProps, FooterEvents, FooterSlots> {
19
19
  }
20
20
  export {};
@@ -18,9 +18,9 @@ declare const __propDef: {
18
18
  default: {};
19
19
  };
20
20
  };
21
- export declare type FooterBrandProps = typeof __propDef.props;
22
- export declare type FooterBrandEvents = typeof __propDef.events;
23
- export declare type FooterBrandSlots = typeof __propDef.slots;
21
+ export type FooterBrandProps = typeof __propDef.props;
22
+ export type FooterBrandEvents = typeof __propDef.events;
23
+ export type FooterBrandSlots = typeof __propDef.slots;
24
24
  export default class FooterBrand extends SvelteComponentTyped<FooterBrandProps, FooterBrandEvents, FooterBrandSlots> {
25
25
  }
26
26
  export {};
@@ -14,9 +14,9 @@ declare const __propDef: {
14
14
  };
15
15
  slots: {};
16
16
  };
17
- export declare type FooterCopyrightProps = typeof __propDef.props;
18
- export declare type FooterCopyrightEvents = typeof __propDef.events;
19
- export declare type FooterCopyrightSlots = typeof __propDef.slots;
17
+ export type FooterCopyrightProps = typeof __propDef.props;
18
+ export type FooterCopyrightEvents = typeof __propDef.events;
19
+ export type FooterCopyrightSlots = typeof __propDef.slots;
20
20
  export default class FooterCopyright extends SvelteComponentTyped<FooterCopyrightProps, FooterCopyrightEvents, FooterCopyrightSlots> {
21
21
  }
22
22
  export {};
@@ -14,9 +14,9 @@ declare const __propDef: {
14
14
  default: {};
15
15
  };
16
16
  };
17
- export declare type FooterIconProps = typeof __propDef.props;
18
- export declare type FooterIconEvents = typeof __propDef.events;
19
- export declare type FooterIconSlots = typeof __propDef.slots;
17
+ export type FooterIconProps = typeof __propDef.props;
18
+ export type FooterIconEvents = typeof __propDef.events;
19
+ export type FooterIconSlots = typeof __propDef.slots;
20
20
  export default class FooterIcon extends SvelteComponentTyped<FooterIconProps, FooterIconEvents, FooterIconSlots> {
21
21
  }
22
22
  export {};
@@ -14,9 +14,9 @@ declare const __propDef: {
14
14
  default: {};
15
15
  };
16
16
  };
17
- export declare type FooterLinkProps = typeof __propDef.props;
18
- export declare type FooterLinkEvents = typeof __propDef.events;
19
- export declare type FooterLinkSlots = typeof __propDef.slots;
17
+ export type FooterLinkProps = typeof __propDef.props;
18
+ export type FooterLinkEvents = typeof __propDef.events;
19
+ export type FooterLinkSlots = typeof __propDef.slots;
20
20
  export default class FooterLink extends SvelteComponentTyped<FooterLinkProps, FooterLinkEvents, FooterLinkSlots> {
21
21
  }
22
22
  export {};
@@ -11,9 +11,9 @@ declare const __propDef: {
11
11
  default: {};
12
12
  };
13
13
  };
14
- export declare type FooterLinkGroupProps = typeof __propDef.props;
15
- export declare type FooterLinkGroupEvents = typeof __propDef.events;
16
- export declare type FooterLinkGroupSlots = typeof __propDef.slots;
14
+ export type FooterLinkGroupProps = typeof __propDef.props;
15
+ export type FooterLinkGroupEvents = typeof __propDef.events;
16
+ export type FooterLinkGroupSlots = typeof __propDef.slots;
17
17
  export default class FooterLinkGroup extends SvelteComponentTyped<FooterLinkGroupProps, FooterLinkGroupEvents, FooterLinkGroupSlots> {
18
18
  }
19
19
  export {};
@@ -29,9 +29,9 @@ declare const __propDef: {
29
29
  default: {};
30
30
  };
31
31
  };
32
- export declare type CheckboxProps = typeof __propDef.props;
33
- export declare type CheckboxEvents = typeof __propDef.events;
34
- export declare type CheckboxSlots = typeof __propDef.slots;
32
+ export type CheckboxProps = typeof __propDef.props;
33
+ export type CheckboxEvents = typeof __propDef.events;
34
+ export type CheckboxSlots = typeof __propDef.slots;
35
35
  export default class Checkbox extends SvelteComponentTyped<CheckboxProps, CheckboxEvents, CheckboxSlots> {
36
36
  }
37
37
  export {};
@@ -1,26 +1,29 @@
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';
1
+ <script>import classNames from 'classnames';
2
+ export let value = '';
3
+ export let files = undefined;
4
+ export let defaultClass = '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';
5
+ let input;
6
+ function keydown(ev) {
7
+ if ([' ', 'Enter'].includes(ev.key)) {
8
+ ev.preventDefault();
9
+ input.click();
10
+ }
11
+ }
5
12
  </script>
6
13
 
7
- <div class={divClass}>
8
- <label for="dropzone-file" class={labelClass}>
9
- <div class={innerDivClass}>
10
- <slot />
11
- </div>
12
- <input
13
- {...$$restProps}
14
- bind:value
15
- type="file"
16
- class="hidden"
17
- on:click
18
- on:change
19
- on:focus
20
- on:blur
21
- on:mouseenter
22
- on:mouseleave
23
- on:mouseover
24
- />
25
- </label>
26
- </div>
14
+ <label
15
+ class={classNames(defaultClass, $$props.class)}
16
+ tabIndex="0"
17
+ on:keydown={keydown}
18
+ on:focus
19
+ on:blur
20
+ on:mouseenter
21
+ on:mouseleave
22
+ on:mouseover
23
+ on:dragenter
24
+ on:dragleave
25
+ on:dragover
26
+ on:drop>
27
+ <slot />
28
+ <input {...$$restProps} bind:value bind:files bind:this={input} type="file" class="hidden" on:change on:click />
29
+ </label>