flowbite-svelte 1.12.3 → 1.12.5

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 (250) hide show
  1. package/dist/avatar/theme.js +1 -1
  2. package/dist/dialog/Dialog.svelte +7 -4
  3. package/dist/drawer/Drawer.svelte +31 -9
  4. package/dist/drawer/Drawer.svelte.d.ts +5 -2
  5. package/dist/drawer/Drawerhead.svelte +1 -1
  6. package/dist/drawer/Drawerhead.svelte.d.ts +1 -1
  7. package/dist/drawer/theme.d.ts +10 -1
  8. package/dist/drawer/theme.js +8 -4
  9. package/dist/dropdown/Dropdown.svelte +1 -1
  10. package/dist/dropdown/Dropdown.svelte.d.ts +1 -1
  11. package/dist/dropdown/DropdownDivider.svelte +1 -1
  12. package/dist/dropdown/DropdownDivider.svelte.d.ts +1 -1
  13. package/dist/dropdown/DropdownGroup.svelte +1 -1
  14. package/dist/dropdown/DropdownGroup.svelte.d.ts +1 -1
  15. package/dist/dropdown/DropdownHeader.svelte +1 -1
  16. package/dist/dropdown/DropdownHeader.svelte.d.ts +1 -1
  17. package/dist/dropdown/DropdownItem.svelte +1 -1
  18. package/dist/dropdown/DropdownItem.svelte.d.ts +1 -1
  19. package/dist/footer/Footer.svelte +1 -1
  20. package/dist/footer/Footer.svelte.d.ts +1 -1
  21. package/dist/footer/FooterBrand.svelte +1 -1
  22. package/dist/footer/FooterBrand.svelte.d.ts +1 -1
  23. package/dist/footer/FooterCopyright.svelte +1 -1
  24. package/dist/footer/FooterCopyright.svelte.d.ts +1 -1
  25. package/dist/footer/FooterIcon.svelte +1 -1
  26. package/dist/footer/FooterIcon.svelte.d.ts +1 -1
  27. package/dist/footer/FooterLink.svelte +1 -1
  28. package/dist/footer/FooterLink.svelte.d.ts +1 -1
  29. package/dist/footer/FooterLinkGroup.svelte +1 -1
  30. package/dist/footer/FooterLinkGroup.svelte.d.ts +1 -1
  31. package/dist/forms/checkbox/CheckboxButton.svelte +1 -1
  32. package/dist/forms/checkbox/CheckboxButton.svelte.d.ts +1 -1
  33. package/dist/forms/dropzone/Dropzone.svelte +1 -1
  34. package/dist/forms/dropzone/Dropzone.svelte.d.ts +1 -1
  35. package/dist/forms/fileupload/Fileupload.svelte +1 -1
  36. package/dist/forms/fileupload/Fileupload.svelte.d.ts +1 -1
  37. package/dist/forms/floating-label/FloatingLabelInput.svelte +1 -1
  38. package/dist/forms/floating-label/FloatingLabelInput.svelte.d.ts +1 -1
  39. package/dist/forms/helper/Helper.svelte +1 -1
  40. package/dist/forms/helper/Helper.svelte.d.ts +1 -1
  41. package/dist/forms/input-addon/InputAddon.svelte +1 -1
  42. package/dist/forms/input-addon/InputAddon.svelte.d.ts +1 -1
  43. package/dist/forms/label/Label.svelte +1 -1
  44. package/dist/forms/label/Label.svelte.d.ts +1 -1
  45. package/dist/forms/range/Range.svelte +1 -1
  46. package/dist/forms/range/Range.svelte.d.ts +1 -1
  47. package/dist/forms/search/Search.svelte +1 -1
  48. package/dist/forms/search/Search.svelte.d.ts +1 -1
  49. package/dist/forms/tags/Tags.svelte +1 -1
  50. package/dist/forms/tags/Tags.svelte.d.ts +1 -1
  51. package/dist/forms/textarea/Textarea.svelte +1 -1
  52. package/dist/forms/textarea/Textarea.svelte.d.ts +1 -1
  53. package/dist/forms/timepicker/Timepicker.svelte +1 -1
  54. package/dist/forms/timepicker/Timepicker.svelte.d.ts +1 -1
  55. package/dist/forms/toggle/Toggle.svelte +1 -1
  56. package/dist/forms/toggle/Toggle.svelte.d.ts +1 -1
  57. package/dist/gallery/Gallery.svelte +1 -1
  58. package/dist/gallery/Gallery.svelte.d.ts +1 -1
  59. package/dist/indicator/Indicator.svelte +1 -1
  60. package/dist/indicator/Indicator.svelte.d.ts +1 -1
  61. package/dist/kbd/Kbd.svelte +1 -1
  62. package/dist/kbd/Kbd.svelte.d.ts +1 -1
  63. package/dist/list-group/Listgroup.svelte +1 -1
  64. package/dist/list-group/Listgroup.svelte.d.ts +1 -1
  65. package/dist/list-group/ListgroupItem.svelte +1 -1
  66. package/dist/list-group/ListgroupItem.svelte.d.ts +1 -1
  67. package/dist/mega-menu/MegaMenu.svelte +1 -1
  68. package/dist/mega-menu/MegaMenu.svelte.d.ts +1 -1
  69. package/dist/modal/Modal.svelte +3 -4
  70. package/dist/modal/Modal.svelte.d.ts +1 -2
  71. package/dist/modal/theme.d.ts +1 -1
  72. package/dist/modal/theme.js +1 -1
  73. package/dist/navbar/Menu.svelte +1 -1
  74. package/dist/navbar/Menu.svelte.d.ts +1 -1
  75. package/dist/navbar/NavBrand.svelte +1 -1
  76. package/dist/navbar/NavBrand.svelte.d.ts +1 -1
  77. package/dist/navbar/NavContainer.svelte +1 -1
  78. package/dist/navbar/NavContainer.svelte.d.ts +1 -1
  79. package/dist/navbar/NavHamburger.svelte +1 -1
  80. package/dist/navbar/NavHamburger.svelte.d.ts +1 -1
  81. package/dist/navbar/NavLi.svelte +1 -1
  82. package/dist/navbar/NavLi.svelte.d.ts +1 -1
  83. package/dist/navbar/NavUl.svelte +1 -1
  84. package/dist/navbar/NavUl.svelte.d.ts +1 -1
  85. package/dist/navbar/Navbar.svelte +1 -1
  86. package/dist/navbar/Navbar.svelte.d.ts +1 -1
  87. package/dist/pagination/Pagination.svelte +1 -1
  88. package/dist/pagination/Pagination.svelte.d.ts +1 -1
  89. package/dist/pagination/PaginationButton.svelte +1 -1
  90. package/dist/pagination/PaginationButton.svelte.d.ts +1 -1
  91. package/dist/pagination/PaginationItem.svelte +1 -1
  92. package/dist/pagination/PaginationItem.svelte.d.ts +1 -1
  93. package/dist/pagination/PaginationNav.svelte +1 -1
  94. package/dist/pagination/PaginationNav.svelte.d.ts +1 -1
  95. package/dist/popover/Popover.svelte +1 -1
  96. package/dist/popover/Popover.svelte.d.ts +1 -1
  97. package/dist/progress/Progressbar.svelte +1 -1
  98. package/dist/progress/Progressbar.svelte.d.ts +1 -1
  99. package/dist/progress/Progressradial.svelte +1 -1
  100. package/dist/progress/Progressradial.svelte.d.ts +1 -1
  101. package/dist/rating/AdvancedRating.svelte +1 -1
  102. package/dist/rating/AdvancedRating.svelte.d.ts +1 -1
  103. package/dist/rating/CustomIcon.svelte +1 -1
  104. package/dist/rating/CustomIcon.svelte.d.ts +1 -1
  105. package/dist/rating/Heart.svelte +1 -1
  106. package/dist/rating/Heart.svelte.d.ts +1 -1
  107. package/dist/rating/Rating.svelte +1 -1
  108. package/dist/rating/Rating.svelte.d.ts +1 -1
  109. package/dist/rating/RatingComment.svelte +1 -1
  110. package/dist/rating/RatingComment.svelte.d.ts +1 -1
  111. package/dist/rating/Review.svelte +1 -1
  112. package/dist/rating/Review.svelte.d.ts +1 -1
  113. package/dist/rating/ScoreRating.svelte +1 -1
  114. package/dist/rating/ScoreRating.svelte.d.ts +1 -1
  115. package/dist/rating/Star.svelte +1 -1
  116. package/dist/rating/Star.svelte.d.ts +1 -1
  117. package/dist/rating/Thumbup.svelte +1 -1
  118. package/dist/rating/Thumbup.svelte.d.ts +1 -1
  119. package/dist/sidebar/Sidebar.svelte +1 -1
  120. package/dist/sidebar/Sidebar.svelte.d.ts +1 -1
  121. package/dist/sidebar/SidebarBrand.svelte +1 -1
  122. package/dist/sidebar/SidebarBrand.svelte.d.ts +1 -1
  123. package/dist/sidebar/SidebarButton.svelte +1 -1
  124. package/dist/sidebar/SidebarButton.svelte.d.ts +1 -1
  125. package/dist/sidebar/SidebarCta.svelte +1 -1
  126. package/dist/sidebar/SidebarCta.svelte.d.ts +1 -1
  127. package/dist/sidebar/SidebarDropdownWrapper.svelte +1 -1
  128. package/dist/sidebar/SidebarDropdownWrapper.svelte.d.ts +1 -1
  129. package/dist/sidebar/SidebarGroup.svelte +1 -1
  130. package/dist/sidebar/SidebarGroup.svelte.d.ts +1 -1
  131. package/dist/sidebar/SidebarItem.svelte +1 -1
  132. package/dist/sidebar/SidebarItem.svelte.d.ts +1 -1
  133. package/dist/skeleton/CardPlaceholder.svelte +1 -1
  134. package/dist/skeleton/CardPlaceholder.svelte.d.ts +1 -1
  135. package/dist/skeleton/ImagePlaceholder.svelte +1 -1
  136. package/dist/skeleton/ImagePlaceholder.svelte.d.ts +1 -1
  137. package/dist/skeleton/ListPlaceholder.svelte +1 -1
  138. package/dist/skeleton/ListPlaceholder.svelte.d.ts +1 -1
  139. package/dist/skeleton/Skeleton.svelte +1 -1
  140. package/dist/skeleton/Skeleton.svelte.d.ts +1 -1
  141. package/dist/skeleton/TestimonialPlaceholder.svelte +1 -1
  142. package/dist/skeleton/TestimonialPlaceholder.svelte.d.ts +1 -1
  143. package/dist/skeleton/TextPlaceholder.svelte +1 -1
  144. package/dist/skeleton/TextPlaceholder.svelte.d.ts +1 -1
  145. package/dist/skeleton/VideoPlaceholder.svelte +1 -1
  146. package/dist/skeleton/VideoPlaceholder.svelte.d.ts +1 -1
  147. package/dist/skeleton/WidgetPlaceholder.svelte +1 -1
  148. package/dist/skeleton/WidgetPlaceholder.svelte.d.ts +1 -1
  149. package/dist/speed-dial/SpeedDial.svelte +1 -1
  150. package/dist/speed-dial/SpeedDial.svelte.d.ts +1 -1
  151. package/dist/speed-dial/SpeedDialButton.svelte +1 -1
  152. package/dist/speed-dial/SpeedDialButton.svelte.d.ts +1 -1
  153. package/dist/speed-dial/SpeedDialTrigger.svelte +1 -1
  154. package/dist/speed-dial/SpeedDialTrigger.svelte.d.ts +1 -1
  155. package/dist/spinner/Spinner.svelte +1 -1
  156. package/dist/spinner/Spinner.svelte.d.ts +1 -1
  157. package/dist/stepindicator/StepIndicator.svelte +1 -1
  158. package/dist/stepindicator/StepIndicator.svelte.d.ts +1 -1
  159. package/dist/stepper/BreadcrumbStepper.svelte +1 -1
  160. package/dist/stepper/BreadcrumbStepper.svelte.d.ts +1 -1
  161. package/dist/stepper/DetailedStepper.svelte +1 -1
  162. package/dist/stepper/DetailedStepper.svelte.d.ts +1 -1
  163. package/dist/stepper/ProgressStepper.svelte +1 -1
  164. package/dist/stepper/ProgressStepper.svelte.d.ts +1 -1
  165. package/dist/stepper/Stepper.svelte +1 -1
  166. package/dist/stepper/Stepper.svelte.d.ts +1 -1
  167. package/dist/stepper/TimelineStepper.svelte +1 -1
  168. package/dist/stepper/TimelineStepper.svelte.d.ts +1 -1
  169. package/dist/stepper/VerticalStepper.svelte +1 -1
  170. package/dist/stepper/VerticalStepper.svelte.d.ts +1 -1
  171. package/dist/table/Table.svelte +3 -3
  172. package/dist/table/Table.svelte.d.ts +2 -2
  173. package/dist/table/TableBody.svelte +1 -1
  174. package/dist/table/TableBody.svelte.d.ts +1 -1
  175. package/dist/table/TableBodyCell.svelte +1 -1
  176. package/dist/table/TableBodyCell.svelte.d.ts +1 -1
  177. package/dist/table/TableBodyRow.svelte +1 -1
  178. package/dist/table/TableBodyRow.svelte.d.ts +1 -1
  179. package/dist/table/TableHead.svelte +1 -1
  180. package/dist/table/TableHead.svelte.d.ts +1 -1
  181. package/dist/table/TableHeadCell.svelte +1 -1
  182. package/dist/table/TableHeadCell.svelte.d.ts +1 -1
  183. package/dist/table/TableSearch.svelte +1 -1
  184. package/dist/table/TableSearch.svelte.d.ts +1 -1
  185. package/dist/table/theme.js +1 -1
  186. package/dist/tabs/TabItem.svelte +1 -1
  187. package/dist/tabs/TabItem.svelte.d.ts +1 -1
  188. package/dist/tabs/Tabs.svelte +1 -1
  189. package/dist/tabs/Tabs.svelte.d.ts +1 -1
  190. package/dist/timeline/Activity.svelte +1 -1
  191. package/dist/timeline/Activity.svelte.d.ts +1 -1
  192. package/dist/timeline/ActivityItem.svelte +1 -1
  193. package/dist/timeline/ActivityItem.svelte.d.ts +1 -1
  194. package/dist/timeline/Group.svelte +1 -1
  195. package/dist/timeline/Group.svelte.d.ts +1 -1
  196. package/dist/timeline/GroupItem.svelte +1 -1
  197. package/dist/timeline/GroupItem.svelte.d.ts +1 -1
  198. package/dist/timeline/Timeline.svelte +1 -1
  199. package/dist/timeline/Timeline.svelte.d.ts +1 -1
  200. package/dist/timeline/TimelineItem.svelte +1 -1
  201. package/dist/timeline/TimelineItem.svelte.d.ts +1 -1
  202. package/dist/toast/Toast.svelte +1 -1
  203. package/dist/toast/Toast.svelte.d.ts +1 -1
  204. package/dist/toolbar/Toolbar.svelte +1 -1
  205. package/dist/toolbar/Toolbar.svelte.d.ts +1 -1
  206. package/dist/toolbar/ToolbarButton.svelte +1 -1
  207. package/dist/toolbar/ToolbarButton.svelte.d.ts +1 -1
  208. package/dist/toolbar/ToolbarGroup.svelte +1 -1
  209. package/dist/toolbar/ToolbarGroup.svelte.d.ts +1 -1
  210. package/dist/tooltip/Tooltip.svelte +1 -1
  211. package/dist/tooltip/Tooltip.svelte.d.ts +1 -1
  212. package/dist/types.d.ts +5 -1
  213. package/dist/typography/anchor/A.svelte +1 -1
  214. package/dist/typography/anchor/A.svelte.d.ts +1 -1
  215. package/dist/typography/blockquote/Blockquote.svelte +1 -1
  216. package/dist/typography/blockquote/Blockquote.svelte.d.ts +1 -1
  217. package/dist/typography/descriptionlist/DescriptionList.svelte +1 -1
  218. package/dist/typography/descriptionlist/DescriptionList.svelte.d.ts +1 -1
  219. package/dist/typography/heading/Heading.svelte +1 -1
  220. package/dist/typography/heading/Heading.svelte.d.ts +1 -1
  221. package/dist/typography/hr/Hr.svelte +1 -1
  222. package/dist/typography/hr/Hr.svelte.d.ts +1 -1
  223. package/dist/typography/img/EnhancedImg.svelte +1 -1
  224. package/dist/typography/img/EnhancedImg.svelte.d.ts +1 -1
  225. package/dist/typography/img/Img.svelte +1 -1
  226. package/dist/typography/img/Img.svelte.d.ts +1 -1
  227. package/dist/typography/layout/Layout.svelte +1 -1
  228. package/dist/typography/layout/Layout.svelte.d.ts +1 -1
  229. package/dist/typography/list/Li.svelte +1 -1
  230. package/dist/typography/list/Li.svelte.d.ts +1 -1
  231. package/dist/typography/list/List.svelte +1 -1
  232. package/dist/typography/list/List.svelte.d.ts +1 -1
  233. package/dist/typography/mark/Mark.svelte +1 -1
  234. package/dist/typography/mark/Mark.svelte.d.ts +1 -1
  235. package/dist/typography/paragraph/P.svelte +1 -1
  236. package/dist/typography/paragraph/P.svelte.d.ts +1 -1
  237. package/dist/typography/secondary/Secondary.svelte +1 -1
  238. package/dist/typography/secondary/Secondary.svelte.d.ts +1 -1
  239. package/dist/typography/span/Span.svelte +1 -1
  240. package/dist/typography/span/Span.svelte.d.ts +1 -1
  241. package/dist/utils/Arrow.svelte +1 -1
  242. package/dist/utils/Arrow.svelte.d.ts +1 -1
  243. package/dist/utils/Popper.svelte +1 -1
  244. package/dist/utils/Popper.svelte.d.ts +1 -1
  245. package/dist/utils/responsive.svelte +111 -0
  246. package/dist/utils/responsive.svelte.d.ts +18 -0
  247. package/dist/video/Video.svelte +1 -1
  248. package/dist/video/Video.svelte.d.ts +1 -1
  249. package/package.json +13 -6
  250. package/dist/utils/responsive.svelte.js +0 -99
@@ -2,7 +2,7 @@ import { type TagsProps } from "../..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TagsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L879)
5
+ * [TagsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L884)
6
6
  * ## Props
7
7
  * @prop value = $bindable([])
8
8
  * @prop placeholder = "Enter tags"
@@ -75,7 +75,7 @@
75
75
  @component
76
76
  [Go to docs](https://flowbite-svelte.com/)
77
77
  ## Type
78
- [TextareaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L932)
78
+ [TextareaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L937)
79
79
  ## Props
80
80
  @prop header
81
81
  @prop footer
@@ -2,7 +2,7 @@ import { type TextareaProps } from "../..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TextareaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L932)
5
+ * [TextareaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L937)
6
6
  * ## Props
7
7
  * @prop header
8
8
  * @prop footer
@@ -269,7 +269,7 @@
269
269
  @component
270
270
  [Go to docs](https://flowbite-svelte.com/)
271
271
  ## Type
272
- [TimepickerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L903)
272
+ [TimepickerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L908)
273
273
  ## Props
274
274
  @prop id = "time"
275
275
  @prop endId = "end-time"
@@ -2,7 +2,7 @@ import { type TimepickerProps } from "../..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TimepickerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L903)
5
+ * [TimepickerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L908)
6
6
  * ## Props
7
7
  * @prop id = "time"
8
8
  * @prop endId = "end-time"
@@ -29,7 +29,7 @@
29
29
  @component
30
30
  [Go to docs](https://flowbite-svelte.com/)
31
31
  ## Type
32
- [ToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L954)
32
+ [ToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L959)
33
33
  ## Props
34
34
  @prop children
35
35
  @prop size = "default"
@@ -2,7 +2,7 @@ import { type ToggleProps } from "../..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L954)
5
+ * [ToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L959)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop size = "default"
@@ -42,7 +42,7 @@
42
42
  @component
43
43
  [Go to docs](https://flowbite-svelte.com/)
44
44
  ## Type
45
- [GalleryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L971)
45
+ [GalleryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L976)
46
46
  ## Props
47
47
  @prop children
48
48
  @prop figure
@@ -2,7 +2,7 @@ import { type GalleryProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [GalleryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L971)
5
+ * [GalleryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L976)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop figure
@@ -33,7 +33,7 @@
33
33
  @component
34
34
  [Go to docs](https://flowbite-svelte.com/)
35
35
  ## Type
36
- [IndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L982)
36
+ [IndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L987)
37
37
  ## Props
38
38
  @prop children
39
39
  @prop color = "primary"
@@ -2,7 +2,7 @@ import { type IndicatorProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [IndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L982)
5
+ * [IndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L987)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop color = "primary"
@@ -19,7 +19,7 @@
19
19
  @component
20
20
  [Go to docs](https://flowbite-svelte.com/)
21
21
  ## Type
22
- [KbdProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L993)
22
+ [KbdProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L998)
23
23
  ## Props
24
24
  @prop children
25
25
  @prop class: className
@@ -2,7 +2,7 @@ import { type KbdProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [KbdProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L993)
5
+ * [KbdProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L998)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className
@@ -46,7 +46,7 @@
46
46
  @component
47
47
  [Go to docs](https://flowbite-svelte.com/)
48
48
  ## Type
49
- [ListgroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1012)
49
+ [ListgroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1017)
50
50
  ## Props
51
51
  @prop children
52
52
  @prop items
@@ -2,7 +2,7 @@ import { type ListgroupProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ListgroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1012)
5
+ * [ListgroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1017)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop items
@@ -45,7 +45,7 @@
45
45
  @component
46
46
  [Go to docs](https://flowbite-svelte.com/)
47
47
  ## Type
48
- [ListgroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1023)
48
+ [ListgroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1028)
49
49
  ## Props
50
50
  @prop children
51
51
  @prop active
@@ -2,7 +2,7 @@ import { type ListgroupItemProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ListgroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1023)
5
+ * [ListgroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1028)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop active
@@ -39,7 +39,7 @@
39
39
  @component
40
40
  [Go to docs](https://flowbite-svelte.com/)
41
41
  ## Type
42
- [MegaMenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1034)
42
+ [MegaMenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1039)
43
43
  ## Props
44
44
  @prop children
45
45
  @prop extra
@@ -2,7 +2,7 @@ import { type MegaMenuProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [MegaMenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1034)
5
+ * [MegaMenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1039)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop extra
@@ -6,7 +6,7 @@
6
6
  import { fade } from "svelte/transition";
7
7
  import { modal as modalStyle } from ".";
8
8
 
9
- let { children, header, footer, title, open = $bindable(false), permanent = false, dismissable = true, closeBtnClass, headerClass, bodyClass, footerClass, outsideclose = true, size = "md", placement, class: className, classes, transitionParams, transition = fade, fullscreen = false, ...restProps }: ModalProps = $props();
9
+ let { children, header, footer, title, open = $bindable(false), permanent = false, dismissable = true, closeBtnClass, headerClass, bodyClass, footerClass, size = "md", placement, class: className, classes, transitionParams, transition = fade, fullscreen = false, ...restProps }: ModalProps = $props();
10
10
 
11
11
  // form, header, footer, body, close
12
12
  warnThemeDeprecation("Modal", { headerClass, bodyClass, footerClass, closeBtnClass }, { bodyClass: "body", headerClass: "header", footerClass: "footer", closeBtnClass: "close" });
@@ -20,7 +20,7 @@
20
20
  const { base, header: headerCls, footer: footerCls, body } = $derived(modalStyle({ placement, size }));
21
21
  </script>
22
22
 
23
- <Dialog bind:open {transition} dismissable={dismissable && !title && !permanent} transitionParams={paramsOptions} {...restProps} class={base({ fullscreen, class: clsx(theme?.base, className) })}>
23
+ <Dialog bind:open {transition} dismissable={dismissable && !title && !permanent} transitionParams={paramsOptions} {classes} {...restProps} class={base({ fullscreen, class: clsx(theme?.base, className) })}>
24
24
  {#if title || header}
25
25
  <div class={headerCls({ class: clsx(theme?.header, styling.header) })}>
26
26
  {#if title}
@@ -47,7 +47,7 @@
47
47
  @component
48
48
  [Go to docs](https://flowbite-svelte.com/)
49
49
  ## Type
50
- [ModalProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1045)
50
+ [ModalProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1050)
51
51
  ## Props
52
52
  @prop children
53
53
  @prop header
@@ -60,7 +60,6 @@
60
60
  @prop headerClass
61
61
  @prop bodyClass
62
62
  @prop footerClass
63
- @prop outsideclose = true
64
63
  @prop size = "md"
65
64
  @prop placement
66
65
  @prop class: className
@@ -2,7 +2,7 @@ import { type ModalProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ModalProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1045)
5
+ * [ModalProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1050)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop header
@@ -15,7 +15,6 @@ import { type ModalProps } from "..";
15
15
  * @prop headerClass
16
16
  * @prop bodyClass
17
17
  * @prop footerClass
18
- * @prop outsideclose = true
19
18
  * @prop size = "md"
20
19
  * @prop placement
21
20
  * @prop class: className
@@ -1,6 +1,6 @@
1
1
  import { type VariantProps } from "tailwind-variants";
2
2
  import type { Classes } from "../theme/themeUtils";
3
- import { dialog } from "../dialog";
3
+ import { dialog } from "../dialog/theme";
4
4
  export type ModalVariants = VariantProps<typeof modal> & Classes<typeof modal> & Classes<typeof dialog>;
5
5
  export declare const modal: import("tailwind-variants").TVReturnType<{
6
6
  fullscreen: {
@@ -1,5 +1,5 @@
1
1
  import { tv } from "tailwind-variants";
2
- import { dialog } from "../dialog";
2
+ import { dialog } from "../dialog/theme";
3
3
  export const modal = tv({
4
4
  extend: dialog,
5
5
  slots: {
@@ -33,7 +33,7 @@
33
33
  @component
34
34
  [Go to docs](https://flowbite-svelte.com/)
35
35
  ## Type
36
- [MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1056)
36
+ [MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1061)
37
37
  ## Props
38
38
  @prop size = "24"
39
39
  @prop color = "currentColor"
@@ -2,7 +2,7 @@ import type { MenuProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1056)
5
+ * [MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1061)
6
6
  * ## Props
7
7
  * @prop size = "24"
8
8
  * @prop color = "currentColor"
@@ -17,7 +17,7 @@
17
17
  @component
18
18
  [Go to docs](https://flowbite-svelte.com/)
19
19
  ## Type
20
- [NavBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1080)
20
+ [NavBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1085)
21
21
  ## Props
22
22
  @prop children
23
23
  @prop class: className
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * [Go to docs](https://flowbite-svelte.com/)
3
3
  * ## Type
4
- * [NavBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1080)
4
+ * [NavBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1085)
5
5
  * ## Props
6
6
  * @prop children
7
7
  * @prop class: className
@@ -17,7 +17,7 @@
17
17
  @component
18
18
  [Go to docs](https://flowbite-svelte.com/)
19
19
  ## Type
20
- [NavContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1082)
20
+ [NavContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1087)
21
21
  ## Props
22
22
  @prop children
23
23
  @prop fluid
@@ -2,7 +2,7 @@ import type { NavContainerProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [NavContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1082)
5
+ * [NavContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1087)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop fluid
@@ -31,7 +31,7 @@
31
31
  @component
32
32
  [Go to docs](https://flowbite-svelte.com/)
33
33
  ## Type
34
- [NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1086)
34
+ [NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1091)
35
35
  ## Props
36
36
  @prop children
37
37
  @prop onclick
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * [Go to docs](https://flowbite-svelte.com/)
3
3
  * ## Type
4
- * [NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1086)
4
+ * [NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1091)
5
5
  * ## Props
6
6
  * @prop children
7
7
  * @prop onclick
@@ -44,7 +44,7 @@
44
44
  @component
45
45
  [Go to docs](https://flowbite-svelte.com/)
46
46
  ## Type
47
- [NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1107)
47
+ [NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1112)
48
48
  ## Props
49
49
  @prop children
50
50
  @prop onclick
@@ -2,7 +2,7 @@ import type { NavLiProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1107)
5
+ * [NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1112)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop onclick
@@ -71,7 +71,7 @@
71
71
  @component
72
72
  [Go to docs](https://flowbite-svelte.com/)
73
73
  ## Type
74
- [NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1092)
74
+ [NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1097)
75
75
  ## Props
76
76
  @prop children
77
77
  @prop activeUrl = $bindable()
@@ -2,7 +2,7 @@ import type { NavUlProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1092)
5
+ * [NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1097)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop activeUrl = $bindable()
@@ -44,7 +44,7 @@
44
44
  @component
45
45
  [Go to docs](https://flowbite-svelte.com/)
46
46
  ## Type
47
- [NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1072)
47
+ [NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1077)
48
48
  ## Props
49
49
  @prop children
50
50
  @prop fluid
@@ -2,7 +2,7 @@ import type { NavbarProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1072)
5
+ * [NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1077)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop fluid
@@ -54,7 +54,7 @@
54
54
  @component
55
55
  [Go to docs](https://flowbite-svelte.com/)
56
56
  ## Type
57
- [PaginationProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1172)
57
+ [PaginationProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1177)
58
58
  ## Props
59
59
  @prop pages = []
60
60
  @prop previous
@@ -2,7 +2,7 @@ import type { PaginationProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [PaginationProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1172)
5
+ * [PaginationProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1177)
6
6
  * ## Props
7
7
  * @prop pages = []
8
8
  * @prop previous
@@ -50,7 +50,7 @@
50
50
  @component
51
51
  [Go to docs](https://flowbite-svelte.com/)
52
52
  ## Type
53
- [PaginationButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1143)
53
+ [PaginationButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1148)
54
54
  ## Props
55
55
  @prop children
56
56
  @prop size
@@ -2,7 +2,7 @@ import type { PaginationButtonProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [PaginationButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1143)
5
+ * [PaginationButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1148)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop size
@@ -32,7 +32,7 @@
32
32
  @component
33
33
  [Go to docs](https://flowbite-svelte.com/)
34
34
  ## Type
35
- [PaginationItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1168)
35
+ [PaginationItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1173)
36
36
  ## Props
37
37
  @prop children
38
38
  @prop size
@@ -2,7 +2,7 @@ import type { PaginationItemProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [PaginationItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1168)
5
+ * [PaginationItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1173)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop size
@@ -105,7 +105,7 @@
105
105
  @component
106
106
  [Go to docs](https://flowbite-svelte.com/)
107
107
  ## Type
108
- [PaginationNavProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1149)
108
+ [PaginationNavProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1154)
109
109
  ## Props
110
110
  @prop currentPage = 1
111
111
  @prop totalPages = 1
@@ -2,7 +2,7 @@ import { type PaginationNavProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [PaginationNavProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1149)
5
+ * [PaginationNavProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1154)
6
6
  * ## Props
7
7
  * @prop currentPage = 1
8
8
  * @prop totalPages = 1
@@ -33,7 +33,7 @@
33
33
  @component
34
34
  [Go to docs](https://flowbite-svelte.com/)
35
35
  ## Type
36
- [PopoverProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1182)
36
+ [PopoverProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1187)
37
37
  ## Props
38
38
  @prop title: titleSlot
39
39
  @prop color = "default"
@@ -2,7 +2,7 @@ import type { PopoverProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [PopoverProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1182)
5
+ * [PopoverProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1187)
6
6
  * ## Props
7
7
  * @prop title: titleSlot
8
8
  * @prop color = "default"
@@ -53,7 +53,7 @@
53
53
  @component
54
54
  [Go to docs](https://flowbite-svelte.com/)
55
55
  ## Type
56
- [ProgressbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1192)
56
+ [ProgressbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1197)
57
57
  ## Props
58
58
  @prop progress = "45"
59
59
  @prop precision = 0
@@ -2,7 +2,7 @@ import type { ProgressbarProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ProgressbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1192)
5
+ * [ProgressbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1197)
6
6
  * ## Props
7
7
  * @prop progress = "45"
8
8
  * @prop precision = 0
@@ -65,7 +65,7 @@
65
65
  @component
66
66
  [Go to docs](https://flowbite-svelte.com/)
67
67
  ## Type
68
- [ProgressradialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1203)
68
+ [ProgressradialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1208)
69
69
  ## Props
70
70
  @prop progress = 45
71
71
  @prop radius = 42
@@ -2,7 +2,7 @@ import type { ProgressradialProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ProgressradialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1203)
5
+ * [ProgressradialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1208)
6
6
  * ## Props
7
7
  * @prop progress = 45
8
8
  * @prop radius = 42
@@ -41,7 +41,7 @@
41
41
  @component
42
42
  [Go to docs](https://flowbite-svelte.com/)
43
43
  ## Type
44
- [AdvancedRatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1220)
44
+ [AdvancedRatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1225)
45
45
  ## Props
46
46
  @prop rating
47
47
  @prop globalText
@@ -2,7 +2,7 @@ import type { AdvancedRatingProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [AdvancedRatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1220)
5
+ * [AdvancedRatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1225)
6
6
  * ## Props
7
7
  * @prop rating
8
8
  * @prop globalText
@@ -29,7 +29,7 @@
29
29
  @component
30
30
  [Go to docs](https://flowbite-svelte.com/)
31
31
  ## Type
32
- [RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1306)
32
+ [RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1311)
33
33
  ## Props
34
34
  @prop fillPercent = 100
35
35
  @prop fillColor = "#00ff00"
@@ -2,7 +2,7 @@ import type { RatingIconProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1306)
5
+ * [RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1311)
6
6
  * ## Props
7
7
  * @prop fillPercent = 100
8
8
  * @prop fillColor = "#00ff00"
@@ -28,7 +28,7 @@
28
28
  @component
29
29
  [Go to docs](https://flowbite-svelte.com/)
30
30
  ## Type
31
- [RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1306)
31
+ [RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1311)
32
32
  ## Props
33
33
  @prop fillPercent = 100
34
34
  @prop fillColor = "#ff0000"
@@ -2,7 +2,7 @@ import type { RatingIconProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1306)
5
+ * [RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1311)
6
6
  * ## Props
7
7
  * @prop fillPercent = 100
8
8
  * @prop fillColor = "#ff0000"