flowbite-svelte 1.10.22 → 1.11.0

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 (192) hide show
  1. package/dist/alert/Alert.svelte +16 -5
  2. package/dist/alert/Alert.svelte.d.ts +1 -1
  3. package/dist/badge/Badge.svelte +12 -7
  4. package/dist/banner/Banner.svelte +13 -10
  5. package/dist/banner/Banner.svelte.d.ts +1 -0
  6. package/dist/drawer/Drawer.svelte +13 -4
  7. package/dist/drawer/Drawer.svelte.d.ts +1 -1
  8. package/dist/forms/fileupload/Fileupload.svelte +4 -1
  9. package/dist/forms/floating-label/FloatingLabelInput.svelte +4 -1
  10. package/dist/forms/input-field/Input.svelte +4 -1
  11. package/dist/forms/search/Search.svelte +4 -1
  12. package/dist/forms/select/MultiSelect.svelte +4 -1
  13. package/dist/forms/select/Select.svelte +4 -1
  14. package/dist/forms/textarea/Textarea.svelte +4 -1
  15. package/dist/modal/Modal.svelte +17 -4
  16. package/dist/navbar/Menu.svelte +1 -1
  17. package/dist/navbar/Menu.svelte.d.ts +1 -1
  18. package/dist/navbar/NavBrand.svelte +1 -1
  19. package/dist/navbar/NavBrand.svelte.d.ts +1 -1
  20. package/dist/navbar/NavContainer.svelte +1 -1
  21. package/dist/navbar/NavContainer.svelte.d.ts +1 -1
  22. package/dist/navbar/NavHamburger.svelte +1 -1
  23. package/dist/navbar/NavHamburger.svelte.d.ts +1 -1
  24. package/dist/navbar/NavLi.svelte +1 -1
  25. package/dist/navbar/NavLi.svelte.d.ts +1 -1
  26. package/dist/navbar/NavUl.svelte +1 -1
  27. package/dist/navbar/NavUl.svelte.d.ts +1 -1
  28. package/dist/navbar/Navbar.svelte +1 -1
  29. package/dist/navbar/Navbar.svelte.d.ts +1 -1
  30. package/dist/pagination/Pagination.svelte +1 -1
  31. package/dist/pagination/Pagination.svelte.d.ts +1 -1
  32. package/dist/pagination/PaginationButton.svelte +1 -1
  33. package/dist/pagination/PaginationButton.svelte.d.ts +1 -1
  34. package/dist/pagination/PaginationItem.svelte +1 -1
  35. package/dist/pagination/PaginationItem.svelte.d.ts +1 -1
  36. package/dist/pagination/PaginationNav.svelte +1 -1
  37. package/dist/pagination/PaginationNav.svelte.d.ts +1 -1
  38. package/dist/popover/Popover.svelte +1 -1
  39. package/dist/popover/Popover.svelte.d.ts +1 -1
  40. package/dist/progress/Progressbar.svelte +1 -1
  41. package/dist/progress/Progressbar.svelte.d.ts +1 -1
  42. package/dist/progress/Progressradial.svelte +1 -1
  43. package/dist/progress/Progressradial.svelte.d.ts +1 -1
  44. package/dist/rating/AdvancedRating.svelte +1 -1
  45. package/dist/rating/AdvancedRating.svelte.d.ts +1 -1
  46. package/dist/rating/CustomIcon.svelte +1 -1
  47. package/dist/rating/CustomIcon.svelte.d.ts +1 -1
  48. package/dist/rating/Heart.svelte +1 -1
  49. package/dist/rating/Heart.svelte.d.ts +1 -1
  50. package/dist/rating/Rating.svelte +1 -1
  51. package/dist/rating/Rating.svelte.d.ts +1 -1
  52. package/dist/rating/RatingComment.svelte +1 -1
  53. package/dist/rating/RatingComment.svelte.d.ts +1 -1
  54. package/dist/rating/Review.svelte +1 -1
  55. package/dist/rating/Review.svelte.d.ts +1 -1
  56. package/dist/rating/ScoreRating.svelte +1 -1
  57. package/dist/rating/ScoreRating.svelte.d.ts +1 -1
  58. package/dist/rating/Star.svelte +1 -1
  59. package/dist/rating/Star.svelte.d.ts +1 -1
  60. package/dist/rating/Thumbup.svelte +1 -1
  61. package/dist/rating/Thumbup.svelte.d.ts +1 -1
  62. package/dist/sidebar/Sidebar.svelte +1 -1
  63. package/dist/sidebar/Sidebar.svelte.d.ts +1 -1
  64. package/dist/sidebar/SidebarBrand.svelte +1 -1
  65. package/dist/sidebar/SidebarBrand.svelte.d.ts +1 -1
  66. package/dist/sidebar/SidebarButton.svelte +1 -1
  67. package/dist/sidebar/SidebarButton.svelte.d.ts +1 -1
  68. package/dist/sidebar/SidebarCta.svelte +1 -1
  69. package/dist/sidebar/SidebarCta.svelte.d.ts +1 -1
  70. package/dist/sidebar/SidebarDropdownWrapper.svelte +1 -1
  71. package/dist/sidebar/SidebarDropdownWrapper.svelte.d.ts +1 -1
  72. package/dist/sidebar/SidebarGroup.svelte +1 -1
  73. package/dist/sidebar/SidebarGroup.svelte.d.ts +1 -1
  74. package/dist/sidebar/SidebarItem.svelte +1 -1
  75. package/dist/sidebar/SidebarItem.svelte.d.ts +1 -1
  76. package/dist/skeleton/CardPlaceholder.svelte +1 -1
  77. package/dist/skeleton/CardPlaceholder.svelte.d.ts +1 -1
  78. package/dist/skeleton/ImagePlaceholder.svelte +1 -1
  79. package/dist/skeleton/ImagePlaceholder.svelte.d.ts +1 -1
  80. package/dist/skeleton/ListPlaceholder.svelte +1 -1
  81. package/dist/skeleton/ListPlaceholder.svelte.d.ts +1 -1
  82. package/dist/skeleton/Skeleton.svelte +1 -1
  83. package/dist/skeleton/Skeleton.svelte.d.ts +1 -1
  84. package/dist/skeleton/TestimonialPlaceholder.svelte +1 -1
  85. package/dist/skeleton/TestimonialPlaceholder.svelte.d.ts +1 -1
  86. package/dist/skeleton/TextPlaceholder.svelte +1 -1
  87. package/dist/skeleton/TextPlaceholder.svelte.d.ts +1 -1
  88. package/dist/skeleton/VideoPlaceholder.svelte +1 -1
  89. package/dist/skeleton/VideoPlaceholder.svelte.d.ts +1 -1
  90. package/dist/skeleton/WidgetPlaceholder.svelte +1 -1
  91. package/dist/skeleton/WidgetPlaceholder.svelte.d.ts +1 -1
  92. package/dist/speed-dial/SpeedDial.svelte +1 -1
  93. package/dist/speed-dial/SpeedDial.svelte.d.ts +1 -1
  94. package/dist/speed-dial/SpeedDialButton.svelte +1 -1
  95. package/dist/speed-dial/SpeedDialButton.svelte.d.ts +1 -1
  96. package/dist/speed-dial/SpeedDialTrigger.svelte +1 -1
  97. package/dist/speed-dial/SpeedDialTrigger.svelte.d.ts +1 -1
  98. package/dist/spinner/Spinner.svelte +1 -1
  99. package/dist/spinner/Spinner.svelte.d.ts +1 -1
  100. package/dist/stepindicator/StepIndicator.svelte +1 -1
  101. package/dist/stepindicator/StepIndicator.svelte.d.ts +1 -1
  102. package/dist/stepper/BreadcrumbStepper.svelte +1 -1
  103. package/dist/stepper/BreadcrumbStepper.svelte.d.ts +1 -1
  104. package/dist/stepper/DetailedStepper.svelte +1 -1
  105. package/dist/stepper/DetailedStepper.svelte.d.ts +1 -1
  106. package/dist/stepper/ProgressStepper.svelte +1 -1
  107. package/dist/stepper/ProgressStepper.svelte.d.ts +1 -1
  108. package/dist/stepper/Stepper.svelte +1 -1
  109. package/dist/stepper/Stepper.svelte.d.ts +1 -1
  110. package/dist/stepper/TimelineStepper.svelte +1 -1
  111. package/dist/stepper/TimelineStepper.svelte.d.ts +1 -1
  112. package/dist/stepper/VerticalStepper.svelte +1 -1
  113. package/dist/stepper/VerticalStepper.svelte.d.ts +1 -1
  114. package/dist/table/Table.svelte +1 -1
  115. package/dist/table/Table.svelte.d.ts +1 -1
  116. package/dist/table/TableBody.svelte +1 -1
  117. package/dist/table/TableBody.svelte.d.ts +1 -1
  118. package/dist/table/TableBodyCell.svelte +1 -1
  119. package/dist/table/TableBodyCell.svelte.d.ts +1 -1
  120. package/dist/table/TableBodyRow.svelte +1 -1
  121. package/dist/table/TableBodyRow.svelte.d.ts +1 -1
  122. package/dist/table/TableHead.svelte +1 -1
  123. package/dist/table/TableHead.svelte.d.ts +1 -1
  124. package/dist/table/TableHeadCell.svelte +1 -1
  125. package/dist/table/TableHeadCell.svelte.d.ts +1 -1
  126. package/dist/table/TableSearch.svelte +1 -1
  127. package/dist/table/TableSearch.svelte.d.ts +1 -1
  128. package/dist/tabs/TabItem.svelte +1 -1
  129. package/dist/tabs/TabItem.svelte.d.ts +1 -1
  130. package/dist/tabs/Tabs.svelte +1 -1
  131. package/dist/tabs/Tabs.svelte.d.ts +1 -1
  132. package/dist/timeline/Activity.svelte +1 -1
  133. package/dist/timeline/Activity.svelte.d.ts +1 -1
  134. package/dist/timeline/ActivityItem.svelte +1 -1
  135. package/dist/timeline/ActivityItem.svelte.d.ts +1 -1
  136. package/dist/timeline/Group.svelte +1 -1
  137. package/dist/timeline/Group.svelte.d.ts +1 -1
  138. package/dist/timeline/GroupItem.svelte +1 -1
  139. package/dist/timeline/GroupItem.svelte.d.ts +1 -1
  140. package/dist/timeline/Timeline.svelte +1 -1
  141. package/dist/timeline/Timeline.svelte.d.ts +1 -1
  142. package/dist/timeline/TimelineItem.svelte +1 -1
  143. package/dist/timeline/TimelineItem.svelte.d.ts +1 -1
  144. package/dist/toast/Toast.svelte +18 -10
  145. package/dist/toast/Toast.svelte.d.ts +1 -1
  146. package/dist/toolbar/Toolbar.svelte +1 -1
  147. package/dist/toolbar/Toolbar.svelte.d.ts +1 -1
  148. package/dist/toolbar/ToolbarButton.svelte +1 -1
  149. package/dist/toolbar/ToolbarButton.svelte.d.ts +1 -1
  150. package/dist/toolbar/ToolbarGroup.svelte +1 -1
  151. package/dist/toolbar/ToolbarGroup.svelte.d.ts +1 -1
  152. package/dist/tooltip/Tooltip.svelte +1 -1
  153. package/dist/tooltip/Tooltip.svelte.d.ts +1 -1
  154. package/dist/typography/anchor/A.svelte +1 -1
  155. package/dist/typography/anchor/A.svelte.d.ts +1 -1
  156. package/dist/typography/blockquote/Blockquote.svelte +1 -1
  157. package/dist/typography/blockquote/Blockquote.svelte.d.ts +1 -1
  158. package/dist/typography/descriptionlist/DescriptionList.svelte +1 -1
  159. package/dist/typography/descriptionlist/DescriptionList.svelte.d.ts +1 -1
  160. package/dist/typography/heading/Heading.svelte +1 -1
  161. package/dist/typography/heading/Heading.svelte.d.ts +1 -1
  162. package/dist/typography/hr/Hr.svelte +1 -1
  163. package/dist/typography/hr/Hr.svelte.d.ts +1 -1
  164. package/dist/typography/img/EnhancedImg.svelte +1 -1
  165. package/dist/typography/img/EnhancedImg.svelte.d.ts +1 -1
  166. package/dist/typography/img/Img.svelte +1 -1
  167. package/dist/typography/img/Img.svelte.d.ts +1 -1
  168. package/dist/typography/layout/Layout.svelte +1 -1
  169. package/dist/typography/layout/Layout.svelte.d.ts +1 -1
  170. package/dist/typography/list/Li.svelte +1 -1
  171. package/dist/typography/list/Li.svelte.d.ts +1 -1
  172. package/dist/typography/list/List.svelte +1 -1
  173. package/dist/typography/list/List.svelte.d.ts +1 -1
  174. package/dist/typography/mark/Mark.svelte +1 -1
  175. package/dist/typography/mark/Mark.svelte.d.ts +1 -1
  176. package/dist/typography/paragraph/P.svelte +1 -1
  177. package/dist/typography/paragraph/P.svelte.d.ts +1 -1
  178. package/dist/typography/secondary/Secondary.svelte +1 -1
  179. package/dist/typography/secondary/Secondary.svelte.d.ts +1 -1
  180. package/dist/typography/span/Span.svelte +1 -1
  181. package/dist/typography/span/Span.svelte.d.ts +1 -1
  182. package/dist/utils/Arrow.svelte +1 -1
  183. package/dist/utils/Arrow.svelte.d.ts +1 -1
  184. package/dist/utils/CloseButton.svelte +11 -2
  185. package/dist/utils/CloseButton.svelte.d.ts +1 -1
  186. package/dist/utils/Popper.svelte +1 -1
  187. package/dist/utils/Popper.svelte.d.ts +1 -1
  188. package/dist/utils/dismissable.svelte.d.ts +9 -0
  189. package/dist/utils/dismissable.svelte.js +16 -0
  190. package/dist/video/Video.svelte +1 -1
  191. package/dist/video/Video.svelte.d.ts +1 -1
  192. package/package.json +1 -1
@@ -35,7 +35,7 @@
35
35
  @component
36
36
  [Go to docs](https://flowbite-svelte.com/)
37
37
  ## Type
38
- [SpeedDialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1487)
38
+ [SpeedDialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1486)
39
39
  ## Props
40
40
  @prop children
41
41
  @prop popperClass
@@ -2,7 +2,7 @@ import type { SpeedDialProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [SpeedDialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1487)
5
+ * [SpeedDialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1486)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop popperClass
@@ -46,7 +46,7 @@
46
46
  @component
47
47
  [Go to docs](https://flowbite-svelte.com/)
48
48
  ## Type
49
- [SpeedDialButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1502)
49
+ [SpeedDialButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1501)
50
50
  ## Props
51
51
  @prop children
52
52
  @prop name = ""
@@ -2,7 +2,7 @@ import type { SpeedDialButtonProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [SpeedDialButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1502)
5
+ * [SpeedDialButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1501)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop name = ""
@@ -44,7 +44,7 @@
44
44
  @component
45
45
  [Go to docs](https://flowbite-svelte.com/)
46
46
  ## Type
47
- [SpeedDialTriggerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1485)
47
+ [SpeedDialTriggerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1484)
48
48
  ## Props
49
49
  @prop children
50
50
  @prop name = "Open actions menu"
@@ -2,7 +2,7 @@ import type { SpeedDialTriggerProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [SpeedDialTriggerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1485)
5
+ * [SpeedDialTriggerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1484)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop name = "Open actions menu"
@@ -20,7 +20,7 @@
20
20
  @component
21
21
  [Go to docs](https://flowbite-svelte.com/)
22
22
  ## Type
23
- [SpinnerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1512)
23
+ [SpinnerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1511)
24
24
  ## Props
25
25
  @prop color = "primary"
26
26
  @prop size = "8"
@@ -2,7 +2,7 @@ import type { SpinnerProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [SpinnerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1512)
5
+ * [SpinnerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1511)
6
6
  * ## Props
7
7
  * @prop color = "primary"
8
8
  * @prop size = "8"
@@ -54,7 +54,7 @@
54
54
  @component
55
55
  [Go to docs](https://flowbite-svelte.com/)
56
56
  ## Type
57
- [StepIndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1520)
57
+ [StepIndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1519)
58
58
  ## Props
59
59
  @prop steps = ["Step 1", "Step 2", "Step 3", "Step 4", "Step 5"]
60
60
  @prop currentStep = 1
@@ -2,7 +2,7 @@ import { type StepIndicatorProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [StepIndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1520)
5
+ * [StepIndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1519)
6
6
  * ## Props
7
7
  * @prop steps = ["Step 1", "Step 2", "Step 3", "Step 4", "Step 5"]
8
8
  * @prop currentStep = 1
@@ -55,7 +55,7 @@
55
55
  @component
56
56
  [Go to docs](https://flowbite-svelte.com/)
57
57
  ## Type
58
- [BreadcrumbStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1600)
58
+ [BreadcrumbStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1599)
59
59
  ## Props
60
60
  @prop children
61
61
  @prop steps = []
@@ -2,7 +2,7 @@ import { type BreadcrumbStepperProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [BreadcrumbStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1600)
5
+ * [BreadcrumbStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1599)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop steps = []
@@ -42,7 +42,7 @@
42
42
  @component
43
43
  [Go to docs](https://flowbite-svelte.com/)
44
44
  ## Type
45
- [DetailedStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1569)
45
+ [DetailedStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1568)
46
46
  ## Props
47
47
  @prop children
48
48
  @prop steps = []
@@ -2,7 +2,7 @@ import { type DetailedStepperProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [DetailedStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1569)
5
+ * [DetailedStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1568)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop steps = []
@@ -52,7 +52,7 @@
52
52
  @component
53
53
  [Go to docs](https://flowbite-svelte.com/)
54
54
  ## Type
55
- [ProgressStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1554)
55
+ [ProgressStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1553)
56
56
  ## Props
57
57
  @prop children
58
58
  @prop steps = []
@@ -2,7 +2,7 @@ import { type ProgressStepperProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ProgressStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1554)
5
+ * [ProgressStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1553)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop steps = []
@@ -58,7 +58,7 @@
58
58
  @component
59
59
  [Go to docs](https://flowbite-svelte.com/)
60
60
  ## Type
61
- [StepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1542)
61
+ [StepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1541)
62
62
  ## Props
63
63
  @prop children
64
64
  @prop steps = []
@@ -2,7 +2,7 @@ import { type StepperProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [StepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1542)
5
+ * [StepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1541)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop steps = []
@@ -52,7 +52,7 @@
52
52
  @component
53
53
  [Go to docs](https://flowbite-svelte.com/)
54
54
  ## Type
55
- [TimelineStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1614)
55
+ [TimelineStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1613)
56
56
  ## Props
57
57
  @prop children
58
58
  @prop steps = []
@@ -2,7 +2,7 @@ import { type TimelineStepperProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TimelineStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1614)
5
+ * [TimelineStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1613)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop steps = []
@@ -52,7 +52,7 @@
52
52
  @component
53
53
  [Go to docs](https://flowbite-svelte.com/)
54
54
  ## Type
55
- [VerticalStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1584)
55
+ [VerticalStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1583)
56
56
  ## Props
57
57
  @prop children
58
58
  @prop steps = []
@@ -2,7 +2,7 @@ import { type VerticalStepperProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [VerticalStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1584)
5
+ * [VerticalStepperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1583)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop steps = []
@@ -59,7 +59,7 @@
59
59
  @component
60
60
  [Go to docs](https://flowbite-svelte.com/)
61
61
  ## Type
62
- [TableProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1646)
62
+ [TableProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1645)
63
63
  ## Props
64
64
  @prop children
65
65
  @prop footerSlot
@@ -2,7 +2,7 @@ import { type TableProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TableProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1646)
5
+ * [TableProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1645)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop footerSlot
@@ -32,7 +32,7 @@
32
32
  @component
33
33
  [Go to docs](https://flowbite-svelte.com/)
34
34
  ## Type
35
- [TableBodyProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1678)
35
+ [TableBodyProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1677)
36
36
  ## Props
37
37
  @prop children
38
38
  @prop bodyItems
@@ -2,7 +2,7 @@ import type { TableBodyProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TableBodyProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1678)
5
+ * [TableBodyProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1677)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop bodyItems
@@ -25,7 +25,7 @@
25
25
  @component
26
26
  [Go to docs](https://flowbite-svelte.com/)
27
27
  ## Type
28
- [TableBodyCellProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1667)
28
+ [TableBodyCellProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1666)
29
29
  ## Props
30
30
  @prop children
31
31
  @prop class: className
@@ -2,7 +2,7 @@ import type { TableBodyCellProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TableBodyCellProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1667)
5
+ * [TableBodyCellProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1666)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className
@@ -29,7 +29,7 @@
29
29
  @component
30
30
  [Go to docs](https://flowbite-svelte.com/)
31
31
  ## Type
32
- [TableBodyRowProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1659)
32
+ [TableBodyRowProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1658)
33
33
  ## Props
34
34
  @prop children
35
35
  @prop class: className
@@ -2,7 +2,7 @@ import type { TableBodyRowProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TableBodyRowProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1659)
5
+ * [TableBodyRowProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1658)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className
@@ -52,7 +52,7 @@
52
52
  @component
53
53
  [Go to docs](https://flowbite-svelte.com/)
54
54
  ## Type
55
- [TableHeadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1634)
55
+ [TableHeadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1633)
56
56
  ## Props
57
57
  @prop children
58
58
  @prop headerSlot
@@ -2,7 +2,7 @@ import type { TableHeadProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TableHeadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1634)
5
+ * [TableHeadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1633)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop headerSlot
@@ -19,7 +19,7 @@
19
19
  @component
20
20
  [Go to docs](https://flowbite-svelte.com/)
21
21
  ## Type
22
- [TableHeadCellProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1683)
22
+ [TableHeadCellProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1682)
23
23
  ## Props
24
24
  @prop children
25
25
  @prop class: className
@@ -2,7 +2,7 @@ import type { TableHeadCellProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TableHeadCellProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1683)
5
+ * [TableHeadCellProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1682)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className
@@ -70,7 +70,7 @@
70
70
  @component
71
71
  [Go to docs](https://flowbite-svelte.com/)
72
72
  ## Type
73
- [TableSearchProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1698)
73
+ [TableSearchProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1697)
74
74
  ## Props
75
75
  @prop children
76
76
  @prop header
@@ -2,7 +2,7 @@ import type { TableSearchProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TableSearchProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1698)
5
+ * [TableSearchProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1697)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop header
@@ -55,7 +55,7 @@
55
55
  @component
56
56
  [Go to docs](https://flowbite-svelte.com/)
57
57
  ## Type
58
- [TabitemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1726)
58
+ [TabitemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1725)
59
59
  ## Props
60
60
  @prop children
61
61
  @prop titleSlot
@@ -2,7 +2,7 @@ import { type TabitemProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TabitemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1726)
5
+ * [TabitemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1725)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop titleSlot
@@ -51,7 +51,7 @@
51
51
  @component
52
52
  [Go to docs](https://flowbite-svelte.com/)
53
53
  ## Type
54
- [TabsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1718)
54
+ [TabsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1717)
55
55
  ## Props
56
56
  @prop children
57
57
  @prop tabStyle = "none"
@@ -2,7 +2,7 @@ import type { TabsProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TabsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1718)
5
+ * [TabsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1717)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop tabStyle = "none"
@@ -17,7 +17,7 @@
17
17
  @component
18
18
  [Go to docs](https://flowbite-svelte.com/)
19
19
  ## Type
20
- [ActivityProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1761)
20
+ [ActivityProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1760)
21
21
  ## Props
22
22
  @prop children
23
23
  @prop class: className
@@ -2,7 +2,7 @@ import type { ActivityProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ActivityProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1761)
5
+ * [ActivityProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1760)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className
@@ -62,7 +62,7 @@
62
62
  @component
63
63
  [Go to docs](https://flowbite-svelte.com/)
64
64
  ## Type
65
- [ActivityItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1765)
65
+ [ActivityItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1764)
66
66
  ## Props
67
67
  @prop activities
68
68
  @prop liClass
@@ -2,7 +2,7 @@ import type { ActivityItemProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ActivityItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1765)
5
+ * [ActivityItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1764)
6
6
  * ## Props
7
7
  * @prop activities
8
8
  * @prop liClass
@@ -36,7 +36,7 @@
36
36
  @component
37
37
  [Go to docs](https://flowbite-svelte.com/)
38
38
  ## Type
39
- [GroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1777)
39
+ [GroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1776)
40
40
  ## Props
41
41
  @prop children
42
42
  @prop divClass
@@ -2,7 +2,7 @@ import type { GroupProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [GroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1777)
5
+ * [GroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1776)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop divClass
@@ -66,7 +66,7 @@
66
66
  @component
67
67
  [Go to docs](https://flowbite-svelte.com/)
68
68
  ## Type
69
- [GroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1785)
69
+ [GroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1784)
70
70
  ## Props
71
71
  @prop timelines
72
72
  @prop aClass
@@ -2,7 +2,7 @@ import type { GroupItemProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [GroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1785)
5
+ * [GroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1784)
6
6
  * ## Props
7
7
  * @prop timelines
8
8
  * @prop aClass
@@ -21,7 +21,7 @@
21
21
  @component
22
22
  [Go to docs](https://flowbite-svelte.com/)
23
23
  ## Type
24
- [TimelineProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1805)
24
+ [TimelineProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1804)
25
25
  ## Props
26
26
  @prop children
27
27
  @prop order = "default"
@@ -2,7 +2,7 @@ import type { TimelineProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TimelineProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1805)
5
+ * [TimelineProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1804)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop order = "default"
@@ -97,7 +97,7 @@
97
97
  @component
98
98
  [Go to docs](https://flowbite-svelte.com/)
99
99
  ## Type
100
- [TimelineItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1810)
100
+ [TimelineItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1809)
101
101
  ## Props
102
102
  @prop children
103
103
  @prop orientationSlot
@@ -2,7 +2,7 @@ import type { TimelineItemProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TimelineItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1810)
5
+ * [TimelineItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1809)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop orientationSlot
@@ -6,6 +6,7 @@
6
6
  import { fly } from "svelte/transition";
7
7
  import clsx from "clsx";
8
8
  import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
9
+ import { createDismissableContext } from "../utils/dismissable.svelte";
9
10
 
10
11
  let { children, icon, toastStatus = $bindable(true), dismissable = true, color = "primary", position, iconClass, contentClass, align = true, params, transition = fly, class: className, classes, onclose, ...restProps }: ToastProps = $props();
11
12
 
@@ -17,23 +18,30 @@
17
18
  contentClass: "content"
18
19
  }
19
20
  );
20
- const styling = $derived({
21
- icon: iconClass,
22
- content: contentClass
23
- });
21
+ const styling = $derived(
22
+ classes ?? {
23
+ icon: iconClass,
24
+ content: contentClass
25
+ }
26
+ );
24
27
 
25
28
  const theme = getTheme("toast");
26
29
 
27
30
  const { base, icon: iconVariants, content, close } = $derived(toast({ color, position, align }));
28
31
 
29
- function handleClose() {
30
- toastStatus = false;
31
- onclose?.();
32
+ let ref: HTMLDivElement | undefined = $state(undefined);
33
+
34
+ function _close(event: MouseEvent) {
35
+ if (ref?.dispatchEvent(new Event("close", { bubbles: true, cancelable: true }))) {
36
+ toastStatus = false;
37
+ }
32
38
  }
39
+
40
+ createDismissableContext(_close);
33
41
  </script>
34
42
 
35
43
  {#if toastStatus}
36
- <div role="alert" transition:transition={params as ParamsType} {...restProps} class={base({ class: clsx(theme?.base, className) })}>
44
+ <div role="alert" bind:this={ref} {onclose} transition:transition={params as ParamsType} {...restProps} class={base({ class: clsx(theme?.base, className) })}>
37
45
  {#if icon}
38
46
  <div class={iconVariants({ class: clsx(theme?.icon, styling.icon) })}>
39
47
  {@render icon()}
@@ -45,7 +53,7 @@
45
53
  </div>
46
54
 
47
55
  {#if dismissable}
48
- <CloseButton class={close({ class: clsx(theme?.close, classes?.close) })} ariaLabel="Remove toast" {color} onclick={handleClose} />
56
+ <CloseButton class={close({ class: clsx(theme?.close, classes?.close) })} ariaLabel="Remove toast" {color} />
49
57
  {/if}
50
58
  </div>
51
59
  {/if}
@@ -54,7 +62,7 @@
54
62
  @component
55
63
  [Go to docs](https://flowbite-svelte.com/)
56
64
  ## Type
57
- [ToastProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1824)
65
+ [ToastProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1823)
58
66
  ## Props
59
67
  @prop children
60
68
  @prop icon
@@ -2,7 +2,7 @@ import type { ToastProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ToastProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1824)
5
+ * [ToastProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1823)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop icon
@@ -41,7 +41,7 @@
41
41
  @component
42
42
  [Go to docs](https://flowbite-svelte.com/)
43
43
  ## Type
44
- [ToolbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1132)
44
+ [ToolbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1131)
45
45
  ## Props
46
46
  @prop children
47
47
  @prop end