flowbite-svelte 2.0.0-next.2 → 2.0.0-next.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (467) hide show
  1. package/dist/accordion/Accordion.svelte +6 -2
  2. package/dist/accordion/Accordion.svelte.d.ts +1 -0
  3. package/dist/accordion/AccordionItem.svelte +12 -3
  4. package/dist/accordion/AccordionItem.svelte.d.ts +1 -1
  5. package/dist/accordion/theme.d.ts +1 -1
  6. package/dist/alert/Alert.svelte +10 -3
  7. package/dist/alert/Alert.svelte.d.ts +1 -1
  8. package/dist/avatar/Avatar.svelte +2 -2
  9. package/dist/avatar/Avatar.svelte.d.ts +1 -1
  10. package/dist/badge/Badge.svelte +10 -3
  11. package/dist/badge/Badge.svelte.d.ts +1 -1
  12. package/dist/badge/theme.d.ts +1 -1
  13. package/dist/banner/Banner.svelte +10 -3
  14. package/dist/banner/Banner.svelte.d.ts +1 -1
  15. package/dist/banner/theme.d.ts +1 -1
  16. package/dist/bottom-navigation/BottomNav.svelte +2 -2
  17. package/dist/bottom-navigation/BottomNav.svelte.d.ts +1 -1
  18. package/dist/bottom-navigation/BottomNavHeader.svelte +2 -2
  19. package/dist/bottom-navigation/BottomNavHeader.svelte.d.ts +1 -1
  20. package/dist/bottom-navigation/BottomNavHeaderItem.svelte +2 -2
  21. package/dist/bottom-navigation/BottomNavHeaderItem.svelte.d.ts +1 -1
  22. package/dist/bottom-navigation/BottomNavItem.svelte +2 -2
  23. package/dist/bottom-navigation/BottomNavItem.svelte.d.ts +1 -1
  24. package/dist/bottom-navigation/theme.d.ts +1 -1
  25. package/dist/breadcrumb/Breadcrumb.svelte +2 -2
  26. package/dist/breadcrumb/Breadcrumb.svelte.d.ts +1 -1
  27. package/dist/breadcrumb/BreadcrumbItem.svelte +2 -2
  28. package/dist/breadcrumb/BreadcrumbItem.svelte.d.ts +1 -1
  29. package/dist/breadcrumb/theme.d.ts +1 -1
  30. package/dist/button-group/ButtonGroup.svelte +2 -2
  31. package/dist/button-group/ButtonGroup.svelte.d.ts +1 -1
  32. package/dist/buttons/Button.svelte +1 -1
  33. package/dist/buttons/GradientButton.svelte +2 -2
  34. package/dist/buttons/GradientButton.svelte.d.ts +1 -1
  35. package/dist/card/Card.svelte +2 -2
  36. package/dist/card/Card.svelte.d.ts +1 -1
  37. package/dist/card/theme.d.ts +1 -1
  38. package/dist/carousel/Carousel.svelte +2 -2
  39. package/dist/carousel/Carousel.svelte.d.ts +1 -1
  40. package/dist/carousel/CarouselIndicators.svelte +2 -2
  41. package/dist/carousel/CarouselIndicators.svelte.d.ts +1 -1
  42. package/dist/carousel/ControlButton.svelte +2 -2
  43. package/dist/carousel/ControlButton.svelte.d.ts +1 -1
  44. package/dist/carousel/Controls.svelte +2 -2
  45. package/dist/carousel/Controls.svelte.d.ts +1 -1
  46. package/dist/carousel/Slide.svelte +8 -4
  47. package/dist/carousel/Slide.svelte.d.ts +1 -1
  48. package/dist/carousel/Thumbnail.svelte +2 -2
  49. package/dist/carousel/Thumbnail.svelte.d.ts +1 -1
  50. package/dist/carousel/Thumbnails.svelte +2 -2
  51. package/dist/carousel/Thumbnails.svelte.d.ts +1 -1
  52. package/dist/carousel/theme.d.ts +1 -1
  53. package/dist/clipboard/Clipboard.svelte +2 -2
  54. package/dist/clipboard/Clipboard.svelte.d.ts +1 -1
  55. package/dist/context.d.ts +1 -1
  56. package/dist/darkmode/DarkMode.svelte +2 -2
  57. package/dist/darkmode/DarkMode.svelte.d.ts +1 -1
  58. package/dist/darkmode/theme.d.ts +1 -1
  59. package/dist/darkmode/theme.js +1 -1
  60. package/dist/datepicker/Datepicker.svelte +10 -2
  61. package/dist/datepicker/theme.d.ts +1 -1
  62. package/dist/device-mockups/Android.svelte +2 -2
  63. package/dist/device-mockups/Android.svelte.d.ts +1 -1
  64. package/dist/device-mockups/DefaultMockup.svelte +2 -2
  65. package/dist/device-mockups/DefaultMockup.svelte.d.ts +1 -1
  66. package/dist/device-mockups/Desktop.svelte +2 -2
  67. package/dist/device-mockups/Desktop.svelte.d.ts +1 -1
  68. package/dist/device-mockups/DeviceMockup.svelte +1 -1
  69. package/dist/device-mockups/DeviceMockup.svelte.d.ts +1 -1
  70. package/dist/device-mockups/Ios.svelte +2 -2
  71. package/dist/device-mockups/Ios.svelte.d.ts +1 -1
  72. package/dist/device-mockups/Laptop.svelte +2 -2
  73. package/dist/device-mockups/Laptop.svelte.d.ts +1 -1
  74. package/dist/device-mockups/Smartwatch.svelte +2 -2
  75. package/dist/device-mockups/Smartwatch.svelte.d.ts +1 -1
  76. package/dist/device-mockups/Tablet.svelte +2 -2
  77. package/dist/device-mockups/Tablet.svelte.d.ts +1 -1
  78. package/dist/device-mockups/theme.d.ts +1 -1
  79. package/dist/dialog/Dialog.svelte +10 -3
  80. package/dist/dialog/Dialog.svelte.d.ts +1 -1
  81. package/dist/dialog/theme.d.ts +1 -1
  82. package/dist/drawer/Drawer.svelte +8 -3
  83. package/dist/drawer/Drawer.svelte.d.ts +1 -1
  84. package/dist/drawer/DrawerHandle.svelte +2 -2
  85. package/dist/drawer/DrawerHandle.svelte.d.ts +1 -1
  86. package/dist/drawer/Drawerhead.svelte +2 -2
  87. package/dist/drawer/Drawerhead.svelte.d.ts +1 -1
  88. package/dist/drawer/theme.d.ts +1 -1
  89. package/dist/drawer/theme.js +1 -1
  90. package/dist/dropdown/Dropdown.svelte +2 -2
  91. package/dist/dropdown/Dropdown.svelte.d.ts +1 -1
  92. package/dist/dropdown/DropdownDivider.svelte +2 -2
  93. package/dist/dropdown/DropdownDivider.svelte.d.ts +1 -1
  94. package/dist/dropdown/DropdownGroup.svelte +2 -2
  95. package/dist/dropdown/DropdownGroup.svelte.d.ts +1 -1
  96. package/dist/dropdown/DropdownHeader.svelte +2 -2
  97. package/dist/dropdown/DropdownHeader.svelte.d.ts +1 -1
  98. package/dist/dropdown/DropdownItem.svelte +2 -2
  99. package/dist/dropdown/DropdownItem.svelte.d.ts +1 -1
  100. package/dist/dropdown/theme.d.ts +1 -1
  101. package/dist/{forms → extend}/button-toggle/ButtonToggle.svelte +2 -2
  102. package/dist/{forms → extend}/button-toggle/ButtonToggle.svelte.d.ts +1 -1
  103. package/dist/{forms → extend}/button-toggle/ButtonToggleGroup.svelte +1 -1
  104. package/dist/{forms → extend}/button-toggle/CheckIcon.svelte +1 -1
  105. package/dist/{forms → extend}/button-toggle/CheckIcon.svelte.d.ts +1 -1
  106. package/dist/{forms → extend}/button-toggle/theme.d.ts +1 -1
  107. package/dist/{clipboard-manager → extend/clipboard-manager}/ClipboardManager.svelte +3 -3
  108. package/dist/{clipboard-manager → extend/clipboard-manager}/ClipboardManager.svelte.d.ts +1 -1
  109. package/dist/{clipboard-manager → extend/clipboard-manager}/theme.d.ts +1 -1
  110. package/dist/{command-palette → extend/command-palette}/CommandPalette.svelte +5 -5
  111. package/dist/{command-palette → extend/command-palette}/CommandPalette.svelte.d.ts +2 -2
  112. package/dist/{command-palette → extend/command-palette}/theme.d.ts +1 -1
  113. package/dist/{kanban → extend/kanban}/KanbanBoard.svelte +2 -2
  114. package/dist/{kanban → extend/kanban}/KanbanBoard.svelte.d.ts +1 -1
  115. package/dist/{kanban → extend/kanban}/KanbanCard.svelte +3 -3
  116. package/dist/{kanban → extend/kanban}/KanbanCard.svelte.d.ts +2 -2
  117. package/dist/{kanban → extend/kanban}/theme.d.ts +1 -1
  118. package/dist/{scroll-spy → extend/scroll-spy}/ScrollSpy.svelte +3 -3
  119. package/dist/{scroll-spy → extend/scroll-spy}/ScrollSpy.svelte.d.ts +2 -2
  120. package/dist/{scroll-spy → extend/scroll-spy}/theme.d.ts +1 -1
  121. package/dist/{split-pane → extend/split-pane}/Divider.svelte +4 -4
  122. package/dist/{split-pane → extend/split-pane}/Divider.svelte.d.ts +2 -2
  123. package/dist/{split-pane → extend/split-pane}/Pane.svelte +4 -4
  124. package/dist/{split-pane → extend/split-pane}/Pane.svelte.d.ts +2 -2
  125. package/dist/{split-pane → extend/split-pane}/SplitPane.svelte +4 -4
  126. package/dist/{split-pane → extend/split-pane}/SplitPane.svelte.d.ts +2 -2
  127. package/dist/{step-indicator → extend/step-indicator}/StepIndicator.svelte +3 -3
  128. package/dist/{step-indicator → extend/step-indicator}/StepIndicator.svelte.d.ts +2 -2
  129. package/dist/{step-indicator → extend/step-indicator}/theme.d.ts +1 -1
  130. package/dist/{forms → extend}/tags/Tags.svelte +1 -1
  131. package/dist/{forms → extend}/tags/theme.d.ts +1 -1
  132. package/dist/{tour → extend/tour}/Tour.svelte +2 -2
  133. package/dist/{tour → extend/tour}/Tour.svelte.d.ts +1 -1
  134. package/dist/{tour → extend/tour}/theme.d.ts +1 -1
  135. package/dist/{virtual-masonry → extend/virtual-masonry}/VirtualMasonry.svelte +2 -2
  136. package/dist/{virtual-masonry → extend/virtual-masonry}/VirtualMasonry.svelte.d.ts +1 -1
  137. package/dist/{virtual-masonry → extend/virtual-masonry}/theme.d.ts +1 -1
  138. package/dist/{virtuallist → extend/virtuallist}/VirtualList.svelte +2 -2
  139. package/dist/{virtuallist → extend/virtuallist}/VirtualList.svelte.d.ts +1 -1
  140. package/dist/{virtuallist → extend/virtuallist}/theme.d.ts +1 -1
  141. package/dist/footer/Footer.svelte +2 -2
  142. package/dist/footer/Footer.svelte.d.ts +1 -1
  143. package/dist/footer/FooterBrand.svelte +2 -2
  144. package/dist/footer/FooterBrand.svelte.d.ts +1 -1
  145. package/dist/footer/FooterCopyright.svelte +2 -2
  146. package/dist/footer/FooterCopyright.svelte.d.ts +1 -1
  147. package/dist/footer/FooterIcon.svelte +2 -2
  148. package/dist/footer/FooterIcon.svelte.d.ts +1 -1
  149. package/dist/footer/FooterLink.svelte +2 -2
  150. package/dist/footer/FooterLink.svelte.d.ts +1 -1
  151. package/dist/footer/FooterLinkGroup.svelte +2 -2
  152. package/dist/footer/FooterLinkGroup.svelte.d.ts +1 -1
  153. package/dist/footer/theme.d.ts +1 -1
  154. package/dist/forms/checkbox/Checkbox.svelte +1 -1
  155. package/dist/forms/checkbox/CheckboxButton.svelte +2 -2
  156. package/dist/forms/checkbox/CheckboxButton.svelte.d.ts +1 -1
  157. package/dist/forms/checkbox/theme.d.ts +1 -1
  158. package/dist/forms/dropzone/Dropzone.svelte +2 -2
  159. package/dist/forms/dropzone/Dropzone.svelte.d.ts +1 -1
  160. package/dist/forms/fileupload/Fileupload.svelte +2 -2
  161. package/dist/forms/fileupload/Fileupload.svelte.d.ts +1 -1
  162. package/dist/forms/fileupload/theme.d.ts +1 -1
  163. package/dist/forms/floating-label/FloatingLabelInput.svelte +2 -2
  164. package/dist/forms/floating-label/FloatingLabelInput.svelte.d.ts +1 -1
  165. package/dist/forms/floating-label/theme.d.ts +1 -1
  166. package/dist/forms/helper/Helper.svelte +2 -2
  167. package/dist/forms/helper/Helper.svelte.d.ts +1 -1
  168. package/dist/forms/input-addon/InputAddon.svelte +2 -2
  169. package/dist/forms/input-addon/InputAddon.svelte.d.ts +1 -1
  170. package/dist/forms/input-addon/theme.d.ts +1 -1
  171. package/dist/forms/input-field/Input.svelte +1 -1
  172. package/dist/forms/input-field/theme.d.ts +1 -1
  173. package/dist/forms/label/Label.svelte +2 -2
  174. package/dist/forms/label/Label.svelte.d.ts +1 -1
  175. package/dist/forms/phoneinput/PhoneInput.svelte +1 -1
  176. package/dist/forms/phoneinput/theme.d.ts +1 -1
  177. package/dist/forms/radio/Radio.svelte +1 -1
  178. package/dist/forms/radio/RadioButton.svelte +1 -1
  179. package/dist/forms/radio/theme.d.ts +1 -1
  180. package/dist/forms/range/Range.svelte +2 -2
  181. package/dist/forms/range/Range.svelte.d.ts +1 -1
  182. package/dist/forms/search/Search.svelte +2 -2
  183. package/dist/forms/search/Search.svelte.d.ts +1 -1
  184. package/dist/forms/search/theme.d.ts +1 -1
  185. package/dist/forms/select/MultiSelect.svelte +1 -1
  186. package/dist/forms/select/Select.svelte +1 -1
  187. package/dist/forms/select/theme.d.ts +1 -1
  188. package/dist/forms/textarea/Textarea.svelte +2 -2
  189. package/dist/forms/textarea/Textarea.svelte.d.ts +1 -1
  190. package/dist/forms/textarea/theme.d.ts +1 -1
  191. package/dist/forms/timepicker/Timepicker.svelte +2 -2
  192. package/dist/forms/timepicker/Timepicker.svelte.d.ts +1 -1
  193. package/dist/forms/timepicker/theme.d.ts +1 -1
  194. package/dist/forms/toggle/Toggle.svelte +2 -2
  195. package/dist/forms/toggle/Toggle.svelte.d.ts +1 -1
  196. package/dist/forms/toggle/theme.d.ts +1 -1
  197. package/dist/gallery/Gallery.svelte +2 -2
  198. package/dist/gallery/Gallery.svelte.d.ts +1 -1
  199. package/dist/gallery/theme.d.ts +1 -1
  200. package/dist/index.d.ts +14 -13
  201. package/dist/index.js +14 -13
  202. package/dist/indicator/Indicator.svelte +2 -2
  203. package/dist/indicator/Indicator.svelte.d.ts +1 -1
  204. package/dist/kbd/Kbd.svelte +2 -2
  205. package/dist/kbd/Kbd.svelte.d.ts +1 -1
  206. package/dist/list-group/Listgroup.svelte +2 -2
  207. package/dist/list-group/Listgroup.svelte.d.ts +1 -1
  208. package/dist/list-group/ListgroupItem.svelte +2 -2
  209. package/dist/list-group/ListgroupItem.svelte.d.ts +1 -1
  210. package/dist/list-group/theme.d.ts +1 -1
  211. package/dist/mega-menu/MegaMenu.svelte +2 -2
  212. package/dist/mega-menu/MegaMenu.svelte.d.ts +1 -1
  213. package/dist/mega-menu/theme.d.ts +1 -1
  214. package/dist/modal/Modal.svelte +10 -4
  215. package/dist/modal/Modal.svelte.d.ts +1 -1
  216. package/dist/modal/theme.d.ts +1 -1
  217. package/dist/navbar/Menu.svelte +1 -1
  218. package/dist/navbar/Menu.svelte.d.ts +1 -1
  219. package/dist/navbar/NavBrand.svelte +2 -2
  220. package/dist/navbar/NavBrand.svelte.d.ts +1 -1
  221. package/dist/navbar/NavContainer.svelte +2 -2
  222. package/dist/navbar/NavContainer.svelte.d.ts +1 -1
  223. package/dist/navbar/NavHamburger.svelte +2 -2
  224. package/dist/navbar/NavHamburger.svelte.d.ts +2 -2
  225. package/dist/navbar/NavLi.svelte +2 -2
  226. package/dist/navbar/NavLi.svelte.d.ts +1 -1
  227. package/dist/navbar/NavUl.svelte +2 -2
  228. package/dist/navbar/NavUl.svelte.d.ts +1 -1
  229. package/dist/navbar/Navbar.svelte +2 -2
  230. package/dist/navbar/Navbar.svelte.d.ts +1 -1
  231. package/dist/navbar/theme.d.ts +1 -1
  232. package/dist/pagination/Pagination.svelte +2 -2
  233. package/dist/pagination/Pagination.svelte.d.ts +1 -1
  234. package/dist/pagination/PaginationButton.svelte +2 -2
  235. package/dist/pagination/PaginationButton.svelte.d.ts +1 -1
  236. package/dist/pagination/PaginationItem.svelte +2 -2
  237. package/dist/pagination/PaginationItem.svelte.d.ts +1 -1
  238. package/dist/pagination/PaginationNav.svelte +2 -2
  239. package/dist/pagination/PaginationNav.svelte.d.ts +1 -1
  240. package/dist/pagination/theme.d.ts +1 -1
  241. package/dist/popover/Popover.svelte +2 -2
  242. package/dist/popover/Popover.svelte.d.ts +1 -1
  243. package/dist/popover/theme.d.ts +1 -1
  244. package/dist/progress/Progressbar.svelte +2 -2
  245. package/dist/progress/Progressbar.svelte.d.ts +1 -1
  246. package/dist/progress/Progressradial.svelte +2 -2
  247. package/dist/progress/Progressradial.svelte.d.ts +1 -1
  248. package/dist/progress/theme.d.ts +1 -1
  249. package/dist/rating/AdvancedRating.svelte +2 -2
  250. package/dist/rating/AdvancedRating.svelte.d.ts +1 -1
  251. package/dist/rating/CustomIcon.svelte +1 -1
  252. package/dist/rating/CustomIcon.svelte.d.ts +1 -1
  253. package/dist/rating/Heart.svelte +1 -1
  254. package/dist/rating/Heart.svelte.d.ts +1 -1
  255. package/dist/rating/Rating.svelte +2 -2
  256. package/dist/rating/Rating.svelte.d.ts +1 -1
  257. package/dist/rating/RatingComment.svelte +1 -1
  258. package/dist/rating/RatingComment.svelte.d.ts +1 -1
  259. package/dist/rating/Review.svelte +2 -2
  260. package/dist/rating/Review.svelte.d.ts +1 -1
  261. package/dist/rating/ScoreRating.svelte +2 -2
  262. package/dist/rating/ScoreRating.svelte.d.ts +1 -1
  263. package/dist/rating/Star.svelte +1 -1
  264. package/dist/rating/Star.svelte.d.ts +1 -1
  265. package/dist/rating/Thumbup.svelte +1 -1
  266. package/dist/rating/Thumbup.svelte.d.ts +1 -1
  267. package/dist/rating/theme.d.ts +1 -1
  268. package/dist/sidebar/Sidebar.svelte +8 -3
  269. package/dist/sidebar/Sidebar.svelte.d.ts +1 -1
  270. package/dist/sidebar/SidebarBrand.svelte +2 -2
  271. package/dist/sidebar/SidebarBrand.svelte.d.ts +1 -1
  272. package/dist/sidebar/SidebarButton.svelte +2 -2
  273. package/dist/sidebar/SidebarButton.svelte.d.ts +1 -1
  274. package/dist/sidebar/SidebarCta.svelte +2 -2
  275. package/dist/sidebar/SidebarCta.svelte.d.ts +1 -1
  276. package/dist/sidebar/SidebarDropdownWrapper.svelte +8 -3
  277. package/dist/sidebar/SidebarDropdownWrapper.svelte.d.ts +1 -1
  278. package/dist/sidebar/SidebarGroup.svelte +1 -1
  279. package/dist/sidebar/SidebarGroup.svelte.d.ts +1 -1
  280. package/dist/sidebar/SidebarItem.svelte +2 -2
  281. package/dist/sidebar/SidebarItem.svelte.d.ts +1 -1
  282. package/dist/sidebar/theme.d.ts +1 -1
  283. package/dist/skeleton/CardPlaceholder.svelte +2 -2
  284. package/dist/skeleton/CardPlaceholder.svelte.d.ts +1 -1
  285. package/dist/skeleton/ImagePlaceholder.svelte +2 -2
  286. package/dist/skeleton/ImagePlaceholder.svelte.d.ts +1 -1
  287. package/dist/skeleton/ListPlaceholder.svelte +2 -2
  288. package/dist/skeleton/ListPlaceholder.svelte.d.ts +1 -1
  289. package/dist/skeleton/Skeleton.svelte +2 -2
  290. package/dist/skeleton/Skeleton.svelte.d.ts +1 -1
  291. package/dist/skeleton/TestimonialPlaceholder.svelte +2 -2
  292. package/dist/skeleton/TestimonialPlaceholder.svelte.d.ts +1 -1
  293. package/dist/skeleton/TextPlaceholder.svelte +2 -2
  294. package/dist/skeleton/TextPlaceholder.svelte.d.ts +1 -1
  295. package/dist/skeleton/VideoPlaceholder.svelte +2 -2
  296. package/dist/skeleton/VideoPlaceholder.svelte.d.ts +1 -1
  297. package/dist/skeleton/WidgetPlaceholder.svelte +2 -2
  298. package/dist/skeleton/WidgetPlaceholder.svelte.d.ts +1 -1
  299. package/dist/skeleton/theme.d.ts +1 -1
  300. package/dist/speed-dial/SpeedDial.svelte +2 -2
  301. package/dist/speed-dial/SpeedDial.svelte.d.ts +1 -1
  302. package/dist/speed-dial/SpeedDialButton.svelte +2 -2
  303. package/dist/speed-dial/SpeedDialButton.svelte.d.ts +1 -1
  304. package/dist/speed-dial/SpeedDialTrigger.svelte +1 -1
  305. package/dist/speed-dial/SpeedDialTrigger.svelte.d.ts +1 -1
  306. package/dist/speed-dial/theme.d.ts +1 -1
  307. package/dist/spinner/Spinner.svelte +2 -2
  308. package/dist/spinner/Spinner.svelte.d.ts +1 -1
  309. package/dist/stepper/BreadcrumbStepper.svelte +2 -2
  310. package/dist/stepper/BreadcrumbStepper.svelte.d.ts +1 -1
  311. package/dist/stepper/DetailedStepper.svelte +2 -2
  312. package/dist/stepper/DetailedStepper.svelte.d.ts +1 -1
  313. package/dist/stepper/ProgressStepper.svelte +2 -2
  314. package/dist/stepper/ProgressStepper.svelte.d.ts +1 -1
  315. package/dist/stepper/Stepper.svelte +2 -2
  316. package/dist/stepper/Stepper.svelte.d.ts +1 -1
  317. package/dist/stepper/TimelineStepper.svelte +2 -2
  318. package/dist/stepper/TimelineStepper.svelte.d.ts +1 -1
  319. package/dist/stepper/VerticalStepper.svelte +2 -2
  320. package/dist/stepper/VerticalStepper.svelte.d.ts +1 -1
  321. package/dist/stepper/theme.d.ts +1 -1
  322. package/dist/table/Table.svelte +2 -2
  323. package/dist/table/Table.svelte.d.ts +1 -1
  324. package/dist/table/TableBody.svelte +1 -1
  325. package/dist/table/TableBody.svelte.d.ts +1 -1
  326. package/dist/table/TableBodyCell.svelte +2 -2
  327. package/dist/table/TableBodyCell.svelte.d.ts +1 -1
  328. package/dist/table/TableBodyRow.svelte +2 -2
  329. package/dist/table/TableBodyRow.svelte.d.ts +1 -1
  330. package/dist/table/TableHead.svelte +2 -2
  331. package/dist/table/TableHead.svelte.d.ts +1 -1
  332. package/dist/table/TableHeadCell.svelte +2 -2
  333. package/dist/table/TableHeadCell.svelte.d.ts +1 -1
  334. package/dist/table/TableSearch.svelte +2 -2
  335. package/dist/table/TableSearch.svelte.d.ts +1 -1
  336. package/dist/table/theme.d.ts +1 -1
  337. package/dist/tabs/TabItem.svelte +2 -2
  338. package/dist/tabs/TabItem.svelte.d.ts +1 -1
  339. package/dist/tabs/Tabs.svelte +2 -2
  340. package/dist/tabs/Tabs.svelte.d.ts +1 -1
  341. package/dist/tabs/theme.d.ts +1 -1
  342. package/dist/{theme → theme-provider}/themes.d.ts +11 -11
  343. package/dist/{theme → theme-provider}/themes.js +11 -11
  344. package/dist/theme-selector/ThemeIcon.svelte +9 -0
  345. package/dist/theme-selector/ThemeIcon.svelte.d.ts +26 -0
  346. package/dist/theme-selector/ThemeSelector.svelte +55 -0
  347. package/dist/theme-selector/ThemeSelector.svelte.d.ts +3 -0
  348. package/dist/theme-selector/index.d.ts +4 -0
  349. package/dist/theme-selector/index.js +3 -0
  350. package/dist/theme-selector/theme.d.ts +85 -0
  351. package/dist/theme-selector/theme.js +35 -0
  352. package/dist/theme-selector/themeStore.svelte.d.ts +6 -0
  353. package/dist/theme-selector/themeStore.svelte.js +88 -0
  354. package/dist/theme-selector/themes/default-runtime.css +229 -0
  355. package/dist/theme-selector/themes/enterprise-runtime.css +210 -0
  356. package/dist/theme-selector/themes/minimal-runtime.css +213 -0
  357. package/dist/theme-selector/themes/mono-runtime.css +206 -0
  358. package/dist/theme-selector/themes/playful-runtime.css +206 -0
  359. package/dist/theme-selector/themes/themes-runtime.css +1106 -0
  360. package/dist/theme-selector/themes.d.ts +39 -0
  361. package/dist/theme-selector/themes.js +43 -0
  362. package/dist/timeline/Activity.svelte +2 -2
  363. package/dist/timeline/Activity.svelte.d.ts +1 -1
  364. package/dist/timeline/ActivityItem.svelte +2 -2
  365. package/dist/timeline/ActivityItem.svelte.d.ts +1 -1
  366. package/dist/timeline/Group.svelte +2 -2
  367. package/dist/timeline/Group.svelte.d.ts +1 -1
  368. package/dist/timeline/GroupItem.svelte +2 -2
  369. package/dist/timeline/GroupItem.svelte.d.ts +1 -1
  370. package/dist/timeline/Timeline.svelte +2 -2
  371. package/dist/timeline/Timeline.svelte.d.ts +1 -1
  372. package/dist/timeline/TimelineItem.svelte +2 -2
  373. package/dist/timeline/TimelineItem.svelte.d.ts +1 -1
  374. package/dist/timeline/theme.d.ts +1 -1
  375. package/dist/toast/Toast.svelte +10 -3
  376. package/dist/toast/Toast.svelte.d.ts +1 -1
  377. package/dist/toast/ToastContainer.svelte +2 -2
  378. package/dist/toast/ToastContainer.svelte.d.ts +1 -1
  379. package/dist/toast/theme.d.ts +1 -1
  380. package/dist/toolbar/Toolbar.svelte +2 -2
  381. package/dist/toolbar/Toolbar.svelte.d.ts +1 -1
  382. package/dist/toolbar/ToolbarButton.svelte +2 -2
  383. package/dist/toolbar/ToolbarButton.svelte.d.ts +1 -1
  384. package/dist/toolbar/ToolbarGroup.svelte +2 -2
  385. package/dist/toolbar/ToolbarGroup.svelte.d.ts +1 -1
  386. package/dist/toolbar/theme.d.ts +1 -1
  387. package/dist/toolbar/theme.js +1 -1
  388. package/dist/tooltip/Tooltip.svelte +1 -1
  389. package/dist/tooltip/Tooltip.svelte.d.ts +1 -1
  390. package/dist/types.d.ts +13 -11
  391. package/dist/typography/a/A.svelte +2 -2
  392. package/dist/typography/a/A.svelte.d.ts +1 -1
  393. package/dist/typography/blockquote/Blockquote.svelte +2 -2
  394. package/dist/typography/blockquote/Blockquote.svelte.d.ts +1 -1
  395. package/dist/typography/descriptionlist/DescriptionList.svelte +2 -2
  396. package/dist/typography/descriptionlist/DescriptionList.svelte.d.ts +1 -1
  397. package/dist/typography/heading/Heading.svelte +2 -2
  398. package/dist/typography/heading/Heading.svelte.d.ts +1 -1
  399. package/dist/typography/hr/Hr.svelte +1 -1
  400. package/dist/typography/hr/theme.d.ts +1 -1
  401. package/dist/typography/img/Img.svelte +2 -2
  402. package/dist/typography/img/Img.svelte.d.ts +1 -1
  403. package/dist/typography/img/theme.d.ts +1 -1
  404. package/dist/typography/layout/Layout.svelte +2 -2
  405. package/dist/typography/layout/Layout.svelte.d.ts +1 -1
  406. package/dist/typography/list/Li.svelte +1 -1
  407. package/dist/typography/list/Li.svelte.d.ts +1 -1
  408. package/dist/typography/list/List.svelte +2 -2
  409. package/dist/typography/list/List.svelte.d.ts +1 -1
  410. package/dist/typography/mark/Mark.svelte +2 -2
  411. package/dist/typography/mark/Mark.svelte.d.ts +1 -1
  412. package/dist/typography/paragraph/P.svelte +2 -2
  413. package/dist/typography/paragraph/P.svelte.d.ts +1 -1
  414. package/dist/typography/secondary/Secondary.svelte +2 -2
  415. package/dist/typography/secondary/Secondary.svelte.d.ts +1 -1
  416. package/dist/typography/span/Span.svelte +2 -2
  417. package/dist/typography/span/Span.svelte.d.ts +1 -1
  418. package/dist/utils/Arrow.svelte +1 -1
  419. package/dist/utils/Arrow.svelte.d.ts +1 -1
  420. package/dist/utils/Popper.svelte +9 -3
  421. package/dist/utils/Popper.svelte.d.ts +1 -1
  422. package/dist/utils/theme.d.ts +1 -1
  423. package/dist/video/Video.svelte +2 -2
  424. package/dist/video/Video.svelte.d.ts +1 -1
  425. package/package.json +2 -735
  426. /package/dist/{forms → extend}/button-toggle/ButtonToggleGroup.svelte.d.ts +0 -0
  427. /package/dist/{forms → extend}/button-toggle/index.d.ts +0 -0
  428. /package/dist/{forms → extend}/button-toggle/index.js +0 -0
  429. /package/dist/{forms → extend}/button-toggle/theme.js +0 -0
  430. /package/dist/{clipboard-manager → extend/clipboard-manager}/index.d.ts +0 -0
  431. /package/dist/{clipboard-manager → extend/clipboard-manager}/index.js +0 -0
  432. /package/dist/{clipboard-manager → extend/clipboard-manager}/theme.js +0 -0
  433. /package/dist/{command-palette → extend/command-palette}/index.d.ts +0 -0
  434. /package/dist/{command-palette → extend/command-palette}/index.js +0 -0
  435. /package/dist/{command-palette → extend/command-palette}/theme.js +0 -0
  436. /package/dist/{kanban → extend/kanban}/index.d.ts +0 -0
  437. /package/dist/{kanban → extend/kanban}/index.js +0 -0
  438. /package/dist/{kanban → extend/kanban}/theme.js +0 -0
  439. /package/dist/{scroll-spy → extend/scroll-spy}/index.d.ts +0 -0
  440. /package/dist/{scroll-spy → extend/scroll-spy}/index.js +0 -0
  441. /package/dist/{scroll-spy → extend/scroll-spy}/theme.js +0 -0
  442. /package/dist/{split-pane → extend/split-pane}/index.d.ts +0 -0
  443. /package/dist/{split-pane → extend/split-pane}/index.js +0 -0
  444. /package/dist/{split-pane → extend/split-pane}/theme.d.ts +0 -0
  445. /package/dist/{split-pane → extend/split-pane}/theme.js +0 -0
  446. /package/dist/{step-indicator → extend/step-indicator}/index.d.ts +0 -0
  447. /package/dist/{step-indicator → extend/step-indicator}/index.js +0 -0
  448. /package/dist/{step-indicator → extend/step-indicator}/theme.js +0 -0
  449. /package/dist/{forms → extend}/tags/Tags.svelte.d.ts +0 -0
  450. /package/dist/{forms → extend}/tags/index.d.ts +0 -0
  451. /package/dist/{forms → extend}/tags/index.js +0 -0
  452. /package/dist/{forms → extend}/tags/theme.js +0 -0
  453. /package/dist/{tour → extend/tour}/index.d.ts +0 -0
  454. /package/dist/{tour → extend/tour}/index.js +0 -0
  455. /package/dist/{tour → extend/tour}/theme.js +0 -0
  456. /package/dist/{virtual-masonry → extend/virtual-masonry}/index.d.ts +0 -0
  457. /package/dist/{virtual-masonry → extend/virtual-masonry}/index.js +0 -0
  458. /package/dist/{virtual-masonry → extend/virtual-masonry}/theme.js +0 -0
  459. /package/dist/{virtuallist → extend/virtuallist}/index.d.ts +0 -0
  460. /package/dist/{virtuallist → extend/virtuallist}/index.js +0 -0
  461. /package/dist/{virtuallist → extend/virtuallist}/theme.js +0 -0
  462. /package/dist/{theme → theme-provider}/ThemeProvider.svelte +0 -0
  463. /package/dist/{theme → theme-provider}/ThemeProvider.svelte.d.ts +0 -0
  464. /package/dist/{theme → theme-provider}/index.d.ts +0 -0
  465. /package/dist/{theme → theme-provider}/index.js +0 -0
  466. /package/dist/{theme → theme-provider}/themeUtils.d.ts +0 -0
  467. /package/dist/{theme → theme-provider}/themeUtils.js +0 -0
package/dist/theme-selector/themes/themes-runtime.css ADDED
@@ -0,0 +1,1106 @@
1
+ :root {
2
+ --font-sans:
3
+ "Inter", "ui-sans-serif", "system-ui", "-apple-system", "system-ui", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji",
4
+ "Segoe UI Symbol", "Noto Color Emoji";
5
+ --font-body:
6
+ "Inter", "ui-sans-serif", "system-ui", "-apple-system", "system-ui", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji",
7
+ "Segoe UI Symbol", "Noto Color Emoji";
8
+ --font-mono: "ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", "monospace";
9
+
10
+ /* TEXT VARIABLES */
11
+ --text-2xs: 0.625rem;
12
+ --spacing-8xl: 90rem;
13
+ --leading-9: 36px; /* rem pls */
14
+ --leading-7: 28px;
15
+ --leading-8: 32px;
16
+ --leading-6: 24px;
17
+ --leading-4: 16px;
18
+ --leading-none: 1px;
19
+ --leading-5: 20px;
20
+ --tracking-tighter: -0.8px;
21
+ --leading-heading-none: 60px;
22
+ --tracking-tight: -0.4px;
23
+
24
+ /* BORDER RADIUS VARIABLES */
25
+ --radius-0: 0px;
26
+ --radius-xxs: 2px;
27
+ --radius-xs: 4px;
28
+ --radius-sm: 6px;
29
+ --radius: 8px;
30
+ --radius-base: 12px;
31
+ --radius-lg: 16px;
32
+
33
+ /* BORDER WIDTH VARIABLES */
34
+ --default-border-width: 1px;
35
+
36
+ /* TEXT COLORS VARIABLES */
37
+ /* main text color */
38
+ --color-body: var(--color-gray-600);
39
+ --color-body-subtle: var(--color-gray-500);
40
+
41
+ /* text heading colors */
42
+ --color-heading: var(--color-gray-900);
43
+
44
+ /* used for custom brand colors */
45
+ --color-fg-brand-subtle: var(--color-blue-200);
46
+ --color-fg-brand: var(--color-blue-700);
47
+ --color-fg-brand-strong: var(--color-blue-900);
48
+
49
+ /* used for status colors */
50
+ --color-fg-success: var(--color-emerald-700);
51
+ --color-fg-success-strong: var(--color-emerald-900);
52
+ --color-fg-danger: var(--color-rose-700);
53
+ --color-fg-danger-strong: var(--color-rose-900);
54
+ --color-fg-warning-subtle: var(--color-orange-600);
55
+ --color-fg-warning: var(--color-orange-900);
56
+ --color-fg-yellow: var(--color-yellow-400);
57
+ --color-fg-disabled: var(--color-gray-400);
58
+ --color-fg-purple: var(--color-purple-600);
59
+ --color-fg-cyan: var(--color-cyan-600);
60
+ --color-fg-indigo: var(--color-indigo-600);
61
+ --color-fg-pink: var(--color-pink-600);
62
+ --color-fg-lime: var(--color-lime-600);
63
+
64
+ /* BACKGROUND COLOR VARIABLES */
65
+ /* used for neutral colors */
66
+ --color-neutral-primary-soft: var(--color-white);
67
+ --color-neutral-primary: var(--color-white);
68
+ --color-neutral-primary-medium: var(--color-white);
69
+ --color-neutral-primary-strong: var(--color-white);
70
+ --color-neutral-secondary-soft: var(--color-gray-50);
71
+ --color-neutral-secondary: var(--color-gray-50);
72
+ --color-neutral-secondary-medium: var(--color-gray-50);
73
+ --color-neutral-secondary-strong: var(--color-gray-50);
74
+ --color-neutral-secondary-strongest: var(--color-gray-50);
75
+ --color-neutral-tertiary-soft: var(--color-gray-100);
76
+ --color-neutral-tertiary: var(--color-gray-100);
77
+ --color-neutral-tertiary-medium: var(--color-gray-100);
78
+ --color-neutral-quaternary: var(--color-gray-200);
79
+ --color-neutral-quaternary-medium: var(--color-gray-200);
80
+ --color-gray: var(--color-gray-300);
81
+
82
+ /* used for brand colors */
83
+ --color-brand-softer: var(--color-blue-50);
84
+ --color-brand-soft: var(--color-blue-100);
85
+ --color-brand: var(--color-blue-700);
86
+ --color-brand-medium: var(--color-blue-200);
87
+ --color-brand-strong: var(--color-blue-800);
88
+
89
+ /* used for status colors */
90
+ --color-success-soft: var(--color-emerald-50);
91
+ --color-success: var(--color-emerald-700);
92
+ --color-success-medium: var(--color-emerald-100);
93
+ --color-success-strong: var(--color-emerald-800);
94
+ --color-danger-soft: var(--color-rose-50);
95
+ --color-danger: var(--color-rose-700);
96
+ --color-danger-medium: var(--color-rose-100);
97
+ --color-danger-strong: var(--color-rose-800);
98
+ --color-warning-soft: var(--color-orange-50);
99
+ --color-warning: var(--color-orange-500);
100
+ --color-warning-medium: var(--color-orange-100);
101
+ --color-warning-strong: var(--color-orange-700);
102
+ --color-dark-soft: var(--color-gray-800);
103
+ --color-dark: var(--color-gray-800);
104
+ --color-dark-strong: var(--color-gray-900);
105
+ --color-disabled: var(--color-gray-100);
106
+ --color-purple: var(--color-purple-500);
107
+ --color-sky: var(--color-sky-500);
108
+ --color-teal: var(--color-teal-600);
109
+ --color-pink: var(--color-pink-600);
110
+ --color-cyan: var(--color-cyan-500);
111
+ --color-fuchsia: var(--color-fuchsia-600);
112
+ --color-indigo: var(--color-indigo-600);
113
+ --color-orange: var(--color-orange-400);
114
+
115
+ /* BORDER COLOR VARIABLES */
116
+ --color-buffer: var(--color-white);
117
+ --color-buffer-medium: var(--color-white);
118
+ --color-buffer-strong: var(--color-white);
119
+ --color-muted: var(--color-gray-50);
120
+ --color-light-subtle: var(--color-gray-100);
121
+ --color-light: var(--color-gray-100);
122
+ --color-light-medium: var(--color-gray-100);
123
+ --color-default-subtle: var(--color-gray-200);
124
+ --color-default: var(--color-gray-200);
125
+ --color-default-medium: var(--color-gray-200);
126
+ --color-default-strong: var(--color-gray-200);
127
+
128
+ /* used for status colors */
129
+ --color-success-subtle: var(--color-emerald-200);
130
+ --color-danger-subtle: var(--color-rose-200);
131
+ --color-warning-subtle: var(--color-orange-200);
132
+ --color-brand-subtle: var(--color-blue-200);
133
+ --color-brand-light: var(--color-blue-600);
134
+ --color-dark-subtle: var(--color-gray-800);
135
+ --color-dark-backdrop: var(--color-gray-950);
136
+
137
+ --squares-pattern-light-url: url(/docs/images/patterns/squares.svg);
138
+ --squares-pattern-dark-url: url(/docs/images/patterns/squares-dark.svg);
139
+
140
+ /* shiki variables */
141
+ --color-shiki-fg-brand: #79b8ff;
142
+ --color-shiki-fg-brand-subtle: #9ecbff;
143
+ }
144
+
145
+ @layer theme {
146
+ [data-theme="minimal"] {
147
+ --font-sans: "Open Sans", sans-serif;
148
+ --font-body: "Open Sans", sans-serif;
149
+
150
+ /* Flowbite variables */
151
+
152
+ /* shadow variables */
153
+ --shadow-xs: 0;
154
+ --shadow-sm: 0;
155
+ --shadow-md: 0;
156
+ --shadow-lg: 0;
157
+ --shadow-xl: 0;
158
+ --shadow: 0;
159
+ /* text variables */
160
+ --leading-9: 36px; /* rem pls */
161
+ --leading-7: 28px;
162
+ --leading-8: 32px;
163
+ --leading-6: 24px;
164
+ --leading-4: 16px;
165
+ --leading-none: 1px;
166
+ --leading-5: 20px;
167
+ --tracking-tighter: -0.8px;
168
+ --leading-heading-none: 60px;
169
+ --tracking-tight: -0.4px;
170
+
171
+ /* radius variables */
172
+ --radius-0: 0px;
173
+ --radius-xxs: 2px;
174
+ --radius-xs: 2px;
175
+ --radius-sm: 4px;
176
+ --radius: 6px;
177
+ --radius-base: 8px;
178
+ --radius-lg: 16px;
179
+
180
+ /* border width variables */
181
+ --default-border-width: 1px;
182
+
183
+ /* text color variables */
184
+ --color-body: var(--color-stone-600);
185
+ --color-body-subtle: var(--color-stone-500);
186
+ --color-heading: var(--color-stone-900);
187
+ --color-fg-brand-subtle: var(--color-stone-200);
188
+ --color-fg-brand: var(--color-stone-950);
189
+ --color-fg-brand-strong: var(--color-stone-900);
190
+ --color-fg-success: var(--color-green-700);
191
+ --color-fg-success-strong: var(--color-green-900);
192
+ --color-fg-danger: var(--color-red-700);
193
+ --color-fg-danger-strong: var(--color-red-900);
194
+ --color-fg-warning-subtle: var(--color-orange-600);
195
+ --color-fg-warning: var(--color-orange-900);
196
+ --color-fg-yellow: var(--color-yellow-400);
197
+ --color-fg-disabled: var(--color-stone-400);
198
+ --color-fg-purple: var(--color-purple-600);
199
+ --color-fg-cyan: var(--color-cyan-600);
200
+ --color-fg-indigo: var(--color-indigo-600);
201
+ --color-fg-pink: var(--color-pink-600);
202
+ --color-fg-lime: var(--color-lime-600);
203
+
204
+ /* background color variables */
205
+ --color-neutral-primary-soft: var(--color-white);
206
+ --color-neutral-primary: var(--color-white);
207
+ --color-neutral-primary-medium: var(--color-white);
208
+ --color-neutral-primary-strong: var(--color-white);
209
+ --color-neutral-secondary-soft: var(--color-stone-100);
210
+ --color-neutral-secondary: var(--color-stone-100);
211
+ --color-neutral-secondary-medium: var(--color-stone-100);
212
+ --color-neutral-secondary-strong: var(--color-stone-100);
213
+ --color-neutral-secondary-strongest: var(--color-stone-100);
214
+ --color-neutral-tertiary-soft: var(--color-stone-100);
215
+ --color-neutral-tertiary: var(--color-stone-100);
216
+ --color-neutral-tertiary-medium: var(--color-stone-100);
217
+ --color-neutral-quaternary: var(--color-stone-200);
218
+ --color-neutral-quaternary-medium: var(--color-stone-200);
219
+ --color-gray: var(--color-stone-300);
220
+ --color-brand-softer: var(--color-stone-50);
221
+ --color-brand-soft: var(--color-stone-100);
222
+ --color-brand: var(--color-stone-900);
223
+ --color-brand-medium: var(--color-stone-200);
224
+ --color-brand-strong: var(--color-stone-800);
225
+ --color-success-soft: var(--color-green-50);
226
+ --color-success: var(--color-green-700);
227
+ --color-success-medium: var(--color-green-100);
228
+ --color-success-strong: var(--color-green-800);
229
+ --color-danger-soft: var(--color-red-50);
230
+ --color-danger: var(--color-red-700);
231
+ --color-danger-medium: var(--color-red-100);
232
+ --color-danger-strong: var(--color-red-800);
233
+ --color-warning-soft: var(--color-orange-50);
234
+ --color-warning: var(--color-orange-500);
235
+ --color-warning-medium: var(--color-orange-100);
236
+ --color-warning-strong: var(--color-orange-700);
237
+ --color-dark-soft: var(--color-stone-800);
238
+ --color-dark: var(--color-stone-800);
239
+ --color-dark-strong: var(--color-stone-900);
240
+ --color-disabled: var(--color-stone-100);
241
+ --color-purple: var(--color-purple-500);
242
+ --color-sky: var(--color-sky-500);
243
+ --color-teal: var(--color-teal-600);
244
+ --color-pink: var(--color-pink-600);
245
+ --color-cyan: var(--color-cyan-500);
246
+ --color-fuchsia: var(--color-fuchsia-600);
247
+ --color-indigo: var(--color-indigo-600);
248
+ --color-orange: var(--color-orange-400);
249
+
250
+ /* border color variables */
251
+ --color-buffer: var(--color-white);
252
+ --color-buffer-medium: var(--color-white);
253
+ --color-buffer-strong: var(--color-white);
254
+ --color-muted: var(--color-stone-50);
255
+ --color-light-subtle: var(--color-stone-50);
256
+ --color-light: var(--color-stone-50);
257
+ --color-light-medium: var(--color-stone-50);
258
+ --color-default-subtle: var(--color-stone-100);
259
+ --color-default: var(--color-stone-100);
260
+ --color-default-medium: var(--color-stone-100);
261
+ --color-default-strong: var(--color-stone-100);
262
+ --color-success-subtle: var(--color-green-200);
263
+ --color-danger-subtle: var(--color-red-200);
264
+ --color-warning-subtle: var(--color-orange-200);
265
+ --color-brand-subtle: var(--color-stone-200);
266
+ --color-brand-light: var(--color-stone-600);
267
+ --color-dark-subtle: var(--color-stone-800);
268
+ --color-dark-backdrop: var(--color-stone-950);
269
+
270
+ --squares-pattern-light-url: url(/docs/images/patterns/squares-minimal.svg);
271
+ --squares-pattern-dark-url: url(/docs/images/patterns/squares-minimal-dark.svg);
272
+
273
+ /* shiki variables */
274
+ --color-shiki-fg-brand: white; /* bright but still readable on dark bg */
275
+ --color-shiki-fg-brand-subtle: white; /* softer, pastel-like tint */
276
+ }
277
+
278
+ [data-theme="enterprise"] {
279
+ --font-sans: "STIX Two Text", serif;
280
+ --font-body: "STIX Two Text", serif;
281
+
282
+ /* Flowbite variables */
283
+
284
+ --leading-9: 36px; /* rem pls */
285
+ --leading-7: 28px;
286
+ --leading-8: 32px;
287
+ --leading-6: 24px;
288
+ --leading-4: 16px;
289
+ --leading-none: 1px;
290
+ --leading-5: 20px;
291
+ --tracking-tighter: -0.8px;
292
+ --leading-heading-none: 60px;
293
+ --tracking-tight: -0.4px;
294
+
295
+ --text-xs: 0.825rem;
296
+ --text-sm: 0.925rem;
297
+ --text-base: 1.125rem;
298
+
299
+ /* radius variables */
300
+ --radius-xxs: 1px;
301
+ --radius-xs: 1px;
302
+ --radius-sm: 1px;
303
+ --radius: 4px;
304
+ --radius: 4px;
305
+ --radius-md: 4px;
306
+ --radius-base: 4px;
307
+ --radius-lg: 4px;
308
+
309
+ /* border width variables */
310
+ --default-border-width: 1px;
311
+
312
+ /* text color variables */
313
+ --color-body: var(--color-zinc-600);
314
+ --color-body-subtle: var(--color-zinc-500);
315
+ --color-heading: var(--color-zinc-900);
316
+ --color-fg-brand-subtle: var(--color-cyan-200);
317
+ --color-fg-brand: var(--color-cyan-700);
318
+ --color-fg-brand-strong: var(--color-cyan-900);
319
+ --color-fg-success: var(--color-green-700);
320
+ --color-fg-success-strong: var(--color-green-900);
321
+ --color-fg-danger: var(--color-red-700);
322
+ --color-fg-danger-strong: var(--color-red-900);
323
+ --color-fg-warning-subtle: var(--color-orange-600);
324
+ --color-fg-warning: var(--color-orange-900);
325
+ --color-fg-yellow: var(--color-yellow-400);
326
+ --color-fg-disabled: var(--color-zinc-400);
327
+ --color-fg-purple: var(--color-purple-600);
328
+ --color-fg-cyan: var(--color-cyan-600);
329
+ --color-fg-indigo: var(--color-cyan-600);
330
+ --color-fg-pink: var(--color-pink-600);
331
+ --color-fg-lime: var(--color-lime-600);
332
+
333
+ /* background color variables */
334
+ --color-neutral-primary-soft: var(--color-white);
335
+ --color-neutral-primary: var(--color-white);
336
+ --color-neutral-primary-medium: var(--color-white);
337
+ --color-neutral-primary-strong: var(--color-white);
338
+ --color-neutral-secondary-soft: var(--color-white);
339
+ --color-neutral-secondary: var(--color-white);
340
+ --color-neutral-secondary-medium: var(--color-white);
341
+ --color-neutral-secondary-strong: var(--color-white);
342
+ --color-neutral-secondary-strongest: var(--color-white);
343
+ --color-neutral-tertiary-soft: var(--color-zinc-100);
344
+ --color-neutral-tertiary: var(--color-zinc-100);
345
+ --color-neutral-tertiary-medium: var(--color-zinc-100);
346
+ --color-neutral-quaternary: var(--color-zinc-200);
347
+ --color-neutral-quaternary-medium: var(--color-zinc-200);
348
+ --color-gray: var(--color-zinc-300);
349
+ --color-brand-softer: var(--color-cyan-50);
350
+ --color-brand-soft: var(--color-cyan-100);
351
+ --color-brand: var(--color-cyan-900);
352
+ --color-brand-medium: var(--color-cyan-200);
353
+ --color-brand-strong: var(--color-cyan-800);
354
+ --color-success-soft: var(--color-green-50);
355
+ --color-success: var(--color-green-700);
356
+ --color-success-medium: var(--color-green-100);
357
+ --color-success-strong: var(--color-green-800);
358
+ --color-danger-soft: var(--color-red-50);
359
+ --color-danger: var(--color-red-700);
360
+ --color-danger-medium: var(--color-red-100);
361
+ --color-danger-strong: var(--color-red-800);
362
+ --color-warning-soft: var(--color-orange-50);
363
+ --color-warning: var(--color-orange-500);
364
+ --color-warning-medium: var(--color-orange-100);
365
+ --color-warning-strong: var(--color-orange-700);
366
+ --color-dark-soft: var(--color-zinc-800);
367
+ --color-dark: var(--color-zinc-800);
368
+ --color-dark-strong: var(--color-zinc-900);
369
+ --color-disabled: var(--color-zinc-100);
370
+ --color-purple: var(--color-purple-500);
371
+ --color-sky: var(--color-sky-500);
372
+ --color-teal: var(--color-teal-600);
373
+ --color-pink: var(--color-pink-600);
374
+ --color-cyan: var(--color-cyan-500);
375
+ --color-fuchsia: var(--color-fuchsia-600);
376
+ --color-indigo: var(--color-cyan-600);
377
+ --color-orange: var(--color-orange-400);
378
+
379
+ /* border color variables */
380
+ --color-buffer: var(--color-white);
381
+ --color-buffer-medium: var(--color-white);
382
+ --color-buffer-strong: var(--color-white);
383
+ --color-muted: var(--color-zinc-50);
384
+ --color-light-subtle: var(--color-zinc-100);
385
+ --color-light: var(--color-zinc-100);
386
+ --color-light-medium: var(--color-zinc-100);
387
+ --color-default-subtle: var(--color-zinc-200);
388
+ --color-default: var(--color-zinc-200);
389
+ --color-default-medium: var(--color-zinc-200);
390
+ --color-default-strong: var(--color-zinc-200);
391
+ --color-success-subtle: var(--color-green-200);
392
+ --color-danger-subtle: var(--color-red-200);
393
+ --color-warning-subtle: var(--color-orange-200);
394
+ --color-brand-subtle: var(--color-cyan-200);
395
+ --color-brand-light: var(--color-cyan-600);
396
+ --color-dark-subtle: var(--color-zinc-800);
397
+ --color-dark-backdrop: var(--color-zinc-950);
398
+
399
+ --squares-pattern-light-url: url(/docs/images/patterns/squares-enterprise.svg);
400
+ --squares-pattern-dark-url: url(/docs/images/patterns/squares-enterprise-dark.svg);
401
+
402
+ /* shiki variables */
403
+ --color-shiki-fg-brand: #56c0d8; /* medium-light tint */
404
+ --color-shiki-fg-brand-subtle: #8ad9e7; /* lighter, softer tint */
405
+ }
406
+
407
+ [data-theme="playful"] {
408
+ --font-sans: "Shantell Sans", cursive;
409
+ --font-body: "Shantell Sans", cursive;
410
+
411
+ /* Flowbite variables */
412
+
413
+ --leading-9: 36px; /* rem pls */
414
+ --leading-7: 28px;
415
+ --leading-8: 32px;
416
+ --leading-6: 24px;
417
+ --leading-4: 16px;
418
+ --leading-none: 1px;
419
+ --leading-5: 20px;
420
+ --tracking-tighter: -0.8px;
421
+ --leading-heading-none: 60px;
422
+ --tracking-tight: -0.4px;
423
+
424
+ /* radius variables */
425
+ --radius-xxs: 2px;
426
+ --radius-xs: 2px;
427
+ --radius-sm: 10px;
428
+ --radius: 10px;
429
+ --radius: 14px;
430
+ --radius-md: 14px;
431
+ --radius-base: 20px;
432
+ --radius-lg: 16px;
433
+
434
+ /* border width variables */
435
+ --default-border-width: 1px;
436
+
437
+ /* text color variables */
438
+ --color-body: var(--color-slate-600);
439
+ --color-body-subtle: var(--color-slate-500);
440
+ --color-heading: var(--color-slate-900);
441
+ --color-fg-brand-subtle: var(--color-pink-200);
442
+ --color-fg-brand: var(--color-pink-700);
443
+ --color-fg-brand-strong: var(--color-pink-900);
444
+ --color-fg-success: var(--color-green-700);
445
+ --color-fg-success-strong: var(--color-green-900);
446
+ --color-fg-danger: var(--color-red-700);
447
+ --color-fg-danger-strong: var(--color-red-900);
448
+ --color-fg-warning-subtle: var(--color-orange-600);
449
+ --color-fg-warning: var(--color-orange-900);
450
+ --color-fg-yellow: var(--color-yellow-400);
451
+ --color-fg-disabled: var(--color-slate-400);
452
+ --color-fg-purple: var(--color-purple-600);
453
+ --color-fg-cyan: var(--color-cyan-600);
454
+ --color-fg-indigo: var(--color-indigo-600);
455
+ --color-fg-pink: var(--color-pink-600);
456
+ --color-fg-lime: var(--color-lime-600);
457
+
458
+ /* background color variables */
459
+ --color-neutral-primary-soft: var(--color-white);
460
+ --color-neutral-primary: var(--color-white);
461
+ --color-neutral-primary-medium: var(--color-white);
462
+ --color-neutral-primary-strong: var(--color-white);
463
+ --color-neutral-secondary-soft: var(--color-slate-50);
464
+ --color-neutral-secondary: var(--color-slate-50);
465
+ --color-neutral-secondary-medium: var(--color-slate-50);
466
+ --color-neutral-secondary-strong: var(--color-slate-50);
467
+ --color-neutral-secondary-strongest: var(--color-slate-50);
468
+ --color-neutral-tertiary-soft: var(--color-slate-100);
469
+ --color-neutral-tertiary: var(--color-slate-100);
470
+ --color-neutral-tertiary-medium: var(--color-slate-100);
471
+ --color-neutral-quaternary: var(--color-slate-200);
472
+ --color-neutral-quaternary-medium: var(--color-slate-200);
473
+ --color-gray: var(--color-slate-300);
474
+ --color-brand-softer: var(--color-pink-50);
475
+ --color-brand-soft: var(--color-pink-100);
476
+ --color-brand: var(--color-pink-900);
477
+ --color-brand-medium: var(--color-pink-200);
478
+ --color-brand-strong: var(--color-pink-800);
479
+ --color-success-soft: var(--color-green-50);
480
+ --color-success: var(--color-green-700);
481
+ --color-success-medium: var(--color-green-100);
482
+ --color-success-strong: var(--color-green-800);
483
+ --color-danger-soft: var(--color-red-50);
484
+ --color-danger: var(--color-red-700);
485
+ --color-danger-medium: var(--color-red-100);
486
+ --color-danger-strong: var(--color-red-800);
487
+ --color-warning-soft: var(--color-orange-50);
488
+ --color-warning: var(--color-orange-500);
489
+ --color-warning-medium: var(--color-orange-100);
490
+ --color-warning-strong: var(--color-orange-700);
491
+ --color-dark-soft: var(--color-slate-800);
492
+ --color-dark: var(--color-slate-800);
493
+ --color-dark-strong: var(--color-slate-900);
494
+ --color-disabled: var(--color-slate-100);
495
+ --color-purple: var(--color-purple-500);
496
+ --color-sky: var(--color-sky-500);
497
+ --color-teal: var(--color-teal-600);
498
+ --color-pink: var(--color-pink-600);
499
+ --color-cyan: var(--color-cyan-500);
500
+ --color-fuchsia: var(--color-fuchsia-600);
501
+ --color-indigo: var(--color-indigo-600);
502
+ --color-orange: var(--color-orange-400);
503
+
504
+ /* border color variables */
505
+ --color-buffer: var(--color-white);
506
+ --color-buffer-medium: var(--color-white);
507
+ --color-buffer-strong: var(--color-white);
508
+ --color-muted: var(--color-slate-50);
509
+ --color-light-subtle: var(--color-slate-100);
510
+ --color-light: var(--color-slate-100);
511
+ --color-light-medium: var(--color-slate-100);
512
+ --color-default-subtle: var(--color-slate-200);
513
+ --color-default: var(--color-slate-200);
514
+ --color-default-medium: var(--color-slate-200);
515
+ --color-default-strong: var(--color-slate-200);
516
+ --color-success-subtle: var(--color-green-200);
517
+ --color-danger-subtle: var(--color-red-200);
518
+ --color-warning-subtle: var(--color-orange-200);
519
+ --color-brand-subtle: var(--color-pink-200);
520
+ --color-brand-light: var(--color-pink-600);
521
+ --color-dark-subtle: var(--color-slate-800);
522
+ --color-dark-backdrop: var(--color-slate-950);
523
+
524
+ --squares-pattern-light-url: url(/docs/images/patterns/squares-playful.svg);
525
+ --squares-pattern-dark-url: url(/docs/images/patterns/squares-playful-dark.svg);
526
+
527
+ /* shiki variables */
528
+ --color-shiki-fg-brand: #f06292; /* vivid but readable on dark bg */
529
+ --color-shiki-fg-brand-subtle: #f48fb1; /* lighter and friendlier tone */
530
+ }
531
+
532
+ [data-theme="mono"] {
533
+ --font-sans: "Google Sans Code", monospace;
534
+ --font-body: "Google Sans Code", monospace;
535
+
536
+ /* Flowbite variables */
537
+
538
+ --leading-9: 36px; /* rem pls */
539
+ --leading-7: 28px;
540
+ --leading-8: 32px;
541
+ --leading-6: 24px;
542
+ --leading-4: 16px;
543
+ --leading-none: 1px;
544
+ --leading-5: 20px;
545
+ --tracking-tighter: -0.8px;
546
+ --leading-heading-none: 60px;
547
+ --tracking-tight: -0.4px;
548
+ --tracking-normal: -0.4px;
549
+
550
+ /* radius variables */
551
+ --radius-xxs: 1px;
552
+ --radius-xs: 1px;
553
+ --radius-sm: 1px;
554
+ --radius: 1px;
555
+ --radius-md: 1px;
556
+ --radius-base: 1px;
557
+ --radius-lg: 1px;
558
+
559
+ /* border width variables */
560
+ --default-border-width: 1px;
561
+
562
+ /* text color variables */
563
+ --color-body: var(--color-neutral-600);
564
+ --color-body-subtle: var(--color-neutral-500);
565
+ --color-heading: var(--color-neutral-900);
566
+ --color-fg-brand-subtle: var(--color-indigo-200);
567
+ --color-fg-brand: var(--color-indigo-700);
568
+ --color-fg-brand-strong: var(--color-indigo-900);
569
+ --color-fg-success: var(--color-green-700);
570
+ --color-fg-success-strong: var(--color-green-900);
571
+ --color-fg-danger: var(--color-red-700);
572
+ --color-fg-danger-strong: var(--color-red-900);
573
+ --color-fg-warning-subtle: var(--color-orange-600);
574
+ --color-fg-warning: var(--color-orange-900);
575
+ --color-fg-yellow: var(--color-yellow-400);
576
+ --color-fg-disabled: var(--color-neutral-400);
577
+ --color-fg-purple: var(--color-purple-600);
578
+ --color-fg-cyan: var(--color-cyan-600);
579
+ --color-fg-indigo: var(--color-indigo-600);
580
+ --color-fg-pink: var(--color-pink-600);
581
+ --color-fg-lime: var(--color-lime-600);
582
+
583
+ /* background color variables */
584
+ --color-neutral-primary-soft: var(--color-white);
585
+ --color-neutral-primary: var(--color-white);
586
+ --color-neutral-primary-medium: var(--color-white);
587
+ --color-neutral-primary-strong: var(--color-white);
588
+ --color-neutral-secondary-soft: var(--color-neutral-50);
589
+ --color-neutral-secondary: var(--color-neutral-50);
590
+ --color-neutral-secondary-medium: var(--color-neutral-50);
591
+ --color-neutral-secondary-strong: var(--color-neutral-50);
592
+ --color-neutral-secondary-strongest: var(--color-neutral-50);
593
+ --color-neutral-tertiary-soft: var(--color-neutral-100);
594
+ --color-neutral-tertiary: var(--color-neutral-100);
595
+ --color-neutral-tertiary-medium: var(--color-neutral-100);
596
+ --color-neutral-quaternary: var(--color-neutral-200);
597
+ --color-neutral-quaternary-medium: var(--color-neutral-200);
598
+ --color-gray: var(--color-neutral-300);
599
+ --color-brand-softer: var(--color-indigo-50);
600
+ --color-brand-soft: var(--color-indigo-100);
601
+ --color-brand: var(--color-indigo-900);
602
+ --color-brand-medium: var(--color-indigo-200);
603
+ --color-brand-strong: var(--color-indigo-800);
604
+ --color-success-soft: var(--color-green-50);
605
+ --color-success: var(--color-green-700);
606
+ --color-success-medium: var(--color-green-100);
607
+ --color-success-strong: var(--color-green-800);
608
+ --color-danger-soft: var(--color-red-50);
609
+ --color-danger: var(--color-red-700);
610
+ --color-danger-medium: var(--color-red-100);
611
+ --color-danger-strong: var(--color-red-800);
612
+ --color-warning-soft: var(--color-orange-50);
613
+ --color-warning: var(--color-orange-500);
614
+ --color-warning-medium: var(--color-orange-100);
615
+ --color-warning-strong: var(--color-orange-700);
616
+ --color-dark-soft: var(--color-neutral-800);
617
+ --color-dark: var(--color-neutral-800);
618
+ --color-dark-strong: var(--color-neutral-900);
619
+ --color-disabled: var(--color-neutral-100);
620
+ --color-purple: var(--color-purple-500);
621
+ --color-sky: var(--color-sky-500);
622
+ --color-teal: var(--color-teal-600);
623
+ --color-pink: var(--color-pink-600);
624
+ --color-cyan: var(--color-cyan-500);
625
+ --color-fuchsia: var(--color-fuchsia-600);
626
+ --color-indigo: var(--color-indigo-600);
627
+ --color-orange: var(--color-orange-400);
628
+
629
+ /* border color variables */
630
+ --color-buffer: var(--color-white);
631
+ --color-buffer-medium: var(--color-white);
632
+ --color-buffer-strong: var(--color-white);
633
+ --color-muted: var(--color-neutral-50);
634
+ --color-light-subtle: var(--color-neutral-100);
635
+ --color-light: var(--color-neutral-100);
636
+ --color-light-medium: var(--color-neutral-100);
637
+ --color-default-subtle: var(--color-neutral-200);
638
+ --color-default: var(--color-neutral-200);
639
+ --color-default-medium: var(--color-neutral-200);
640
+ --color-default-strong: var(--color-neutral-200);
641
+ --color-success-subtle: var(--color-green-200);
642
+ --color-danger-subtle: var(--color-red-200);
643
+ --color-warning-subtle: var(--color-orange-200);
644
+ --color-brand-subtle: var(--color-indigo-200);
645
+ --color-brand-light: var(--color-indigo-600);
646
+ --color-dark-subtle: var(--color-neutral-800);
647
+ --color-dark-backdrop: var(--color-neutral-950);
648
+
649
+ --squares-pattern-light-url: url(/docs/images/patterns/squares-mono.svg);
650
+ --squares-pattern-dark-url: url(/docs/images/patterns/squares-mono-dark.svg);
651
+
652
+ /* shiki variables */
653
+ --color-shiki-fg-brand: #9387ff; /* balanced mid-light tint */
654
+ --color-shiki-fg-brand-subtle: #b4adff; /* gentle highlight version */
655
+ }
656
+ }
657
+
658
+ [data-theme="modern"].dark,
659
+ [data-theme="modern"] .dark {
660
+ /* text color variables */
661
+ --color-body: var(--color-gray-400);
662
+ --color-body-subtle: var(--color-gray-400);
663
+ --color-heading: var(--color-white);
664
+ --color-fg-brand-subtle: var(--color-blue-200);
665
+ --color-fg-brand: var(--color-blue-500);
666
+ --color-fg-brand-strong: var(--color-blue-400);
667
+ --color-fg-success: var(--color-emerald-600);
668
+ --color-fg-success-strong: var(--color-emerald-300);
669
+ --color-fg-danger: var(--color-rose-500);
670
+ --color-fg-danger-strong: var(--color-rose-300);
671
+ --color-fg-warning-subtle: var(--color-orange-500);
672
+ --color-fg-warning: var(--color-orange-300);
673
+ --color-fg-yellow: var(--color-yellow-400);
674
+ --color-fg-disabled: var(--color-gray-600);
675
+ --color-fg-purple: var(--color-purple-500);
676
+ --color-fg-cyan: var(--color-cyan-500);
677
+ --color-fg-indigo: var(--color-indigo-500);
678
+ --color-fg-pink: var(--color-pink-500);
679
+ --color-fg-lime: var(--color-lime-500);
680
+
681
+ /* background color variables */
682
+ --color-neutral-primary-soft: var(--color-gray-900);
683
+ --color-neutral-primary: var(--color-gray-950);
684
+ --color-neutral-primary-medium: var(--color-gray-800);
685
+ --color-neutral-primary-strong: var(--color-gray-700);
686
+ --color-neutral-secondary-soft: var(--color-gray-900);
687
+ --color-neutral-secondary: var(--color-gray-950);
688
+ --color-neutral-secondary-medium: var(--color-gray-800);
689
+ --color-neutral-secondary-strong: var(--color-gray-700);
690
+ --color-neutral-secondary-strongest: var(--color-gray-600);
691
+ --color-neutral-tertiary-soft: var(--color-gray-900);
692
+ --color-neutral-tertiary: var(--color-gray-800);
693
+ --color-neutral-tertiary-medium: var(--color-gray-700);
694
+ --color-neutral-quaternary: var(--color-gray-700);
695
+ --color-neutral-quaternary-medium: var(--color-gray-600);
696
+ --color-gray: var(--color-gray-600);
697
+ --color-brand-softer: var(--color-blue-950);
698
+ --color-brand-soft: var(--color-blue-900);
699
+ --color-brand: var(--color-blue-600);
700
+ --color-brand-medium: var(--color-blue-900);
701
+ --color-brand-strong: var(--color-blue-700);
702
+ --color-success-soft: var(--color-emerald-950);
703
+ --color-success: var(--color-emerald-600);
704
+ --color-success-medium: var(--color-emerald-900);
705
+ --color-success-strong: var(--color-emerald-700);
706
+ --color-danger-soft: var(--color-rose-950);
707
+ --color-danger: var(--color-rose-700);
708
+ --color-danger-medium: var(--color-rose-900);
709
+ --color-danger-strong: var(--color-rose-800);
710
+ --color-warning-soft: var(--color-orange-950);
711
+ --color-warning: var(--color-orange-600);
712
+ --color-warning-medium: var(--color-orange-900);
713
+ --color-warning-strong: var(--color-orange-700);
714
+ --color-dark-soft: var(--color-gray-700);
715
+ --color-dark: var(--color-gray-800);
716
+ --color-dark-strong: var(--color-gray-700);
717
+ --color-disabled: var(--color-gray-800);
718
+ --color-purple: var(--color-purple-500);
719
+ --color-sky: var(--color-sky-500);
720
+ --color-teal: var(--color-teal-500);
721
+ --color-pink: var(--color-pink-500);
722
+ --color-cyan: var(--color-cyan-500);
723
+ --color-fuchsia: var(--color-fuchsia-500);
724
+ --color-indigo: var(--color-indigo-500);
725
+ --color-orange: var(--color-orange-400);
726
+
727
+ /* border color variables */
728
+ --color-buffer: var(--color-gray-950);
729
+ --color-buffer-medium: var(--color-gray-900);
730
+ --color-buffer-strong: var(--color-gray-800);
731
+ --color-muted: var(--color-gray-900);
732
+ --color-light-subtle: var(--color-gray-900);
733
+ --color-light: var(--color-gray-800);
734
+ --color-light-medium: var(--color-gray-700);
735
+ --color-default-subtle: var(--color-gray-900);
736
+ --color-default: var(--color-gray-800);
737
+ --color-default-medium: var(--color-gray-700);
738
+ --color-default-strong: var(--color-gray-600);
739
+ --color-success-subtle: var(--color-emerald-900);
740
+ --color-danger-subtle: var(--color-rose-900);
741
+ --color-warning-subtle: var(--color-orange-900);
742
+ --color-brand-subtle: var(--color-blue-900);
743
+ --color-brand-light: var(--color-blue-600);
744
+ --color-dark-subtle: var(--color-gray-700);
745
+ --color-dark-backdrop: var(--color-gray-950);
746
+ }
747
+
748
+ [data-theme="minimal"].dark,
749
+ [data-theme="minimal"] .dark {
750
+ /* text color variables */
751
+ --color-body: var(--color-stone-400);
752
+ --color-body-subtle: var(--color-stone-400);
753
+ --color-heading: var(--color-white);
754
+ --color-fg-brand-subtle: var(--color-stone-200);
755
+ --color-fg-brand: var(--color-white);
756
+ --color-fg-brand-strong: var(--color-stone-200);
757
+ --color-fg-success: var(--color-green-600);
758
+ --color-fg-success-strong: var(--color-green-300);
759
+ --color-fg-danger: var(--color-red-500);
760
+ --color-fg-danger-strong: var(--color-red-300);
761
+ --color-fg-warning-subtle: var(--color-orange-500);
762
+ --color-fg-warning: var(--color-orange-300);
763
+ --color-fg-yellow: var(--color-yellow-400);
764
+ --color-fg-disabled: var(--color-stone-600);
765
+ --color-fg-purple: var(--color-purple-500);
766
+ --color-fg-cyan: var(--color-cyan-500);
767
+ --color-fg-indigo: var(--color-indigo-500);
768
+ --color-fg-pink: var(--color-pink-500);
769
+ --color-fg-lime: var(--color-lime-500);
770
+
771
+ /* background color variables */
772
+ --color-neutral-primary-soft: var(--color-stone-900);
773
+ --color-neutral-primary: var(--color-stone-950);
774
+ --color-neutral-primary-medium: var(--color-stone-800);
775
+ --color-neutral-primary-strong: var(--color-stone-700);
776
+ --color-neutral-secondary-soft: var(--color-stone-900);
777
+ --color-neutral-secondary: var(--color-stone-950);
778
+ --color-neutral-secondary-medium: var(--color-stone-800);
779
+ --color-neutral-secondary-strong: var(--color-stone-700);
780
+ --color-neutral-secondary-strongest: var(--color-stone-600);
781
+ --color-neutral-tertiary-soft: var(--color-stone-900);
782
+ --color-neutral-tertiary: var(--color-stone-800);
783
+ --color-neutral-tertiary-medium: var(--color-stone-700);
784
+ --color-neutral-quaternary: var(--color-stone-700);
785
+ --color-neutral-quaternary-medium: var(--color-stone-600);
786
+ --color-gray: var(--color-stone-600);
787
+ --color-brand-softer: var(--color-stone-900);
788
+ --color-brand-soft: var(--color-stone-900);
789
+ --color-brand: var(--color-stone-600);
790
+ --color-brand-medium: var(--color-stone-900);
791
+ --color-brand-strong: var(--color-stone-700);
792
+ --color-success-soft: var(--color-green-950);
793
+ --color-success: var(--color-green-600);
794
+ --color-success-medium: var(--color-green-900);
795
+ --color-success-strong: var(--color-green-700);
796
+ --color-danger-soft: var(--color-red-950);
797
+ --color-danger: var(--color-red-700);
798
+ --color-danger-medium: var(--color-red-900);
799
+ --color-danger-strong: var(--color-red-800);
800
+ --color-warning-soft: var(--color-orange-950);
801
+ --color-warning: var(--color-orange-600);
802
+ --color-warning-medium: var(--color-orange-900);
803
+ --color-warning-strong: var(--color-orange-700);
804
+ --color-dark-soft: var(--color-stone-700);
805
+ --color-dark: var(--color-stone-800);
806
+ --color-dark-strong: var(--color-stone-700);
807
+ --color-disabled: var(--color-stone-800);
808
+ --color-purple: var(--color-purple-500);
809
+ --color-sky: var(--color-sky-500);
810
+ --color-teal: var(--color-teal-500);
811
+ --color-pink: var(--color-pink-500);
812
+ --color-cyan: var(--color-cyan-500);
813
+ --color-fuchsia: var(--color-fuchsia-500);
814
+ --color-indigo: var(--color-indigo-500);
815
+ --color-orange: var(--color-orange-400);
816
+
817
+ /* border color variables */
818
+ --color-buffer: var(--color-stone-950);
819
+ --color-buffer-medium: var(--color-stone-900);
820
+ --color-buffer-strong: var(--color-stone-800);
821
+ --color-muted: var(--color-stone-900);
822
+ --color-light-subtle: var(--color-stone-900);
823
+ --color-light: var(--color-stone-800);
824
+ --color-light-medium: var(--color-stone-700);
825
+ --color-default-subtle: var(--color-stone-900);
826
+ --color-default: var(--color-stone-900);
827
+ --color-default-medium: var(--color-stone-800);
828
+ --color-default-strong: var(--color-stone-700);
829
+ --color-success-subtle: var(--color-green-900);
830
+ --color-danger-subtle: var(--color-red-900);
831
+ --color-warning-subtle: var(--color-orange-900);
832
+ --color-brand-subtle: var(--color-stone-900);
833
+ --color-brand-light: var(--color-stone-600);
834
+ --color-dark-subtle: var(--color-stone-700);
835
+ --color-dark-backdrop: var(--color-stone-950);
836
+ }
837
+
838
+ [data-theme="enterprise"].dark,
839
+ [data-theme="enterprise"] .dark {
840
+ /* text color variables */
841
+ --color-body: var(--color-zinc-400);
842
+ --color-body-subtle: var(--color-zinc-400);
843
+ --color-heading: var(--color-white);
844
+ --color-fg-brand-subtle: var(--color-cyan-200);
845
+ --color-fg-brand: var(--color-cyan-500);
846
+ --color-fg-brand-strong: var(--color-cyan-400);
847
+ --color-fg-success: var(--color-green-600);
848
+ --color-fg-success-strong: var(--color-green-300);
849
+ --color-fg-danger: var(--color-red-500);
850
+ --color-fg-danger-strong: var(--color-red-300);
851
+ --color-fg-warning-subtle: var(--color-orange-500);
852
+ --color-fg-warning: var(--color-orange-300);
853
+ --color-fg-yellow: var(--color-yellow-400);
854
+ --color-fg-disabled: var(--color-zinc-600);
855
+ --color-fg-purple: var(--color-purple-500);
856
+ --color-fg-cyan: var(--color-cyan-500);
857
+ --color-fg-indigo: var(--color-cyan-500);
858
+ --color-fg-pink: var(--color-pink-500);
859
+ --color-fg-lime: var(--color-lime-500);
860
+
861
+ /* background color variables */
862
+ --color-neutral-primary-soft: var(--color-zinc-900);
863
+ --color-neutral-primary: var(--color-zinc-950);
864
+ --color-neutral-primary-medium: var(--color-zinc-800);
865
+ --color-neutral-primary-strong: var(--color-zinc-700);
866
+ --color-neutral-secondary-soft: var(--color-zinc-900);
867
+ --color-neutral-secondary: var(--color-zinc-950);
868
+ --color-neutral-secondary-medium: var(--color-zinc-800);
869
+ --color-neutral-secondary-strong: var(--color-zinc-700);
870
+ --color-neutral-secondary-strongest: var(--color-zinc-600);
871
+ --color-neutral-tertiary-soft: var(--color-zinc-900);
872
+ --color-neutral-tertiary: var(--color-zinc-800);
873
+ --color-neutral-tertiary-medium: var(--color-zinc-700);
874
+ --color-neutral-quaternary: var(--color-zinc-700);
875
+ --color-neutral-quaternary-medium: var(--color-zinc-600);
876
+ --color-gray: var(--color-zinc-600);
877
+ --color-brand-softer: var(--color-cyan-950);
878
+ --color-brand-soft: var(--color-cyan-900);
879
+ --color-brand: var(--color-cyan-600);
880
+ --color-brand-medium: var(--color-cyan-900);
881
+ --color-brand-strong: var(--color-cyan-700);
882
+ --color-success-soft: var(--color-green-950);
883
+ --color-success: var(--color-green-600);
884
+ --color-success-medium: var(--color-green-900);
885
+ --color-success-strong: var(--color-green-700);
886
+ --color-danger-soft: var(--color-red-950);
887
+ --color-danger: var(--color-red-700);
888
+ --color-danger-medium: var(--color-red-900);
889
+ --color-danger-strong: var(--color-red-800);
890
+ --color-warning-soft: var(--color-orange-950);
891
+ --color-warning: var(--color-orange-600);
892
+ --color-warning-medium: var(--color-orange-900);
893
+ --color-warning-strong: var(--color-orange-700);
894
+ --color-dark-soft: var(--color-zinc-700);
895
+ --color-dark: var(--color-zinc-800);
896
+ --color-dark-strong: var(--color-zinc-700);
897
+ --color-disabled: var(--color-zinc-800);
898
+ --color-purple: var(--color-purple-500);
899
+ --color-sky: var(--color-sky-500);
900
+ --color-teal: var(--color-teal-500);
901
+ --color-pink: var(--color-pink-500);
902
+ --color-cyan: var(--color-cyan-500);
903
+ --color-fuchsia: var(--color-fuchsia-500);
904
+ --color-indigo: var(--color-cyan-500);
905
+ --color-orange: var(--color-orange-400);
906
+
907
+ /* border color variables */
908
+ --color-buffer: var(--color-zinc-950);
909
+ --color-buffer-medium: var(--color-zinc-900);
910
+ --color-buffer-strong: var(--color-zinc-800);
911
+ --color-muted: var(--color-zinc-900);
912
+ --color-light-subtle: var(--color-zinc-900);
913
+ --color-light: var(--color-zinc-800);
914
+ --color-light-medium: var(--color-zinc-700);
915
+ --color-default-subtle: var(--color-zinc-900);
916
+ --color-default: var(--color-zinc-800);
917
+ --color-default-medium: var(--color-zinc-700);
918
+ --color-default-strong: var(--color-zinc-600);
919
+ --color-success-subtle: var(--color-green-900);
920
+ --color-danger-subtle: var(--color-red-900);
921
+ --color-warning-subtle: var(--color-orange-900);
922
+ --color-brand-subtle: var(--color-cyan-900);
923
+ --color-brand-light: var(--color-cyan-600);
924
+ --color-dark-subtle: var(--color-zinc-700);
925
+ --color-dark-backdrop: var(--color-zinc-950);
926
+ }
927
+
928
+ [data-theme="playful"].dark,
929
+ [data-theme="playful"] .dark {
930
+ /* text color variables */
931
+ --color-body: var(--color-slate-400);
932
+ --color-body-subtle: var(--color-slate-400);
933
+ --color-heading: var(--color-white);
934
+ --color-fg-brand-subtle: var(--color-pink-200);
935
+ --color-fg-brand: var(--color-pink-500);
936
+ --color-fg-brand-strong: var(--color-pink-400);
937
+ --color-fg-success: var(--color-green-600);
938
+ --color-fg-success-strong: var(--color-green-300);
939
+ --color-fg-danger: var(--color-red-500);
940
+ --color-fg-danger-strong: var(--color-red-300);
941
+ --color-fg-warning-subtle: var(--color-orange-500);
942
+ --color-fg-warning: var(--color-orange-300);
943
+ --color-fg-yellow: var(--color-yellow-400);
944
+ --color-fg-disabled: var(--color-slate-600);
945
+ --color-fg-purple: var(--color-purple-500);
946
+ --color-fg-cyan: var(--color-cyan-500);
947
+ --color-fg-indigo: var(--color-indigo-500);
948
+ --color-fg-pink: var(--color-pink-500);
949
+ --color-fg-lime: var(--color-lime-500);
950
+
951
+ /* background color variables */
952
+ --color-neutral-primary-soft: var(--color-slate-900);
953
+ --color-neutral-primary: var(--color-slate-950);
954
+ --color-neutral-primary-medium: var(--color-slate-800);
955
+ --color-neutral-primary-strong: var(--color-slate-700);
956
+ --color-neutral-secondary-soft: var(--color-slate-900);
957
+ --color-neutral-secondary: var(--color-slate-950);
958
+ --color-neutral-secondary-medium: var(--color-slate-800);
959
+ --color-neutral-secondary-strong: var(--color-slate-700);
960
+ --color-neutral-secondary-strongest: var(--color-slate-600);
961
+ --color-neutral-tertiary-soft: var(--color-slate-900);
962
+ --color-neutral-tertiary: var(--color-slate-800);
963
+ --color-neutral-tertiary-medium: var(--color-slate-700);
964
+ --color-neutral-quaternary: var(--color-slate-700);
965
+ --color-neutral-quaternary-medium: var(--color-slate-600);
966
+ --color-gray: var(--color-slate-600);
967
+ --color-brand-softer: var(--color-pink-950);
968
+ --color-brand-soft: var(--color-pink-900);
969
+ --color-brand: var(--color-pink-600);
970
+ --color-brand-medium: var(--color-pink-900);
971
+ --color-brand-strong: var(--color-pink-700);
972
+ --color-success-soft: var(--color-green-950);
973
+ --color-success: var(--color-green-600);
974
+ --color-success-medium: var(--color-green-900);
975
+ --color-success-strong: var(--color-green-700);
976
+ --color-danger-soft: var(--color-red-950);
977
+ --color-danger: var(--color-red-700);
978
+ --color-danger-medium: var(--color-red-900);
979
+ --color-danger-strong: var(--color-red-800);
980
+ --color-warning-soft: var(--color-orange-950);
981
+ --color-warning: var(--color-orange-600);
982
+ --color-warning-medium: var(--color-orange-900);
983
+ --color-warning-strong: var(--color-orange-700);
984
+ --color-dark-soft: var(--color-slate-700);
985
+ --color-dark: var(--color-slate-800);
986
+ --color-dark-strong: var(--color-slate-700);
987
+ --color-disabled: var(--color-slate-800);
988
+ --color-purple: var(--color-purple-500);
989
+ --color-sky: var(--color-sky-500);
990
+ --color-teal: var(--color-teal-500);
991
+ --color-pink: var(--color-pink-500);
992
+ --color-cyan: var(--color-cyan-500);
993
+ --color-fuchsia: var(--color-fuchsia-500);
994
+ --color-indigo: var(--color-indigo-500);
995
+ --color-orange: var(--color-orange-400);
996
+
997
+ /* border color variables */
998
+ --color-buffer: var(--color-slate-950);
999
+ --color-buffer-medium: var(--color-slate-900);
1000
+ --color-buffer-strong: var(--color-slate-800);
1001
+ --color-muted: var(--color-slate-900);
1002
+ --color-light-subtle: var(--color-slate-900);
1003
+ --color-light: var(--color-slate-800);
1004
+ --color-light-medium: var(--color-slate-700);
1005
+ --color-default-subtle: var(--color-slate-900);
1006
+ --color-default: var(--color-slate-800);
1007
+ --color-default-medium: var(--color-slate-700);
1008
+ --color-default-strong: var(--color-slate-600);
1009
+ --color-success-subtle: var(--color-green-900);
1010
+ --color-danger-subtle: var(--color-red-900);
1011
+ --color-warning-subtle: var(--color-orange-900);
1012
+ --color-brand-subtle: var(--color-pink-900);
1013
+ --color-brand-light: var(--color-pink-600);
1014
+ --color-dark-subtle: var(--color-slate-700);
1015
+ --color-dark-backdrop: var(--color-slate-950);
1016
+ }
1017
+
1018
+ [data-theme="mono"].dark,
1019
+ [data-theme="mono"] .dark {
1020
+ /* text color variables */
1021
+ --color-body: var(--color-neutral-400);
1022
+ --color-body-subtle: var(--color-neutral-400);
1023
+ --color-heading: var(--color-white);
1024
+ --color-fg-brand-subtle: var(--color-indigo-200);
1025
+ --color-fg-brand: var(--color-indigo-500);
1026
+ --color-fg-brand-strong: var(--color-indigo-400);
1027
+ --color-fg-success: var(--color-green-600);
1028
+ --color-fg-success-strong: var(--color-green-300);
1029
+ --color-fg-danger: var(--color-red-500);
1030
+ --color-fg-danger-strong: var(--color-red-300);
1031
+ --color-fg-warning-subtle: var(--color-orange-500);
1032
+ --color-fg-warning: var(--color-orange-300);
1033
+ --color-fg-yellow: var(--color-yellow-400);
1034
+ --color-fg-disabled: var(--color-neutral-600);
1035
+ --color-fg-purple: var(--color-purple-500);
1036
+ --color-fg-cyan: var(--color-cyan-500);
1037
+ --color-fg-indigo: var(--color-indigo-500);
1038
+ --color-fg-pink: var(--color-pink-500);
1039
+ --color-fg-lime: var(--color-lime-500);
1040
+
1041
+ /* background color variables */
1042
+ --color-neutral-primary-soft: var(--color-neutral-900);
1043
+ --color-neutral-primary: var(--color-neutral-950);
1044
+ --color-neutral-primary-medium: var(--color-neutral-800);
1045
+ --color-neutral-primary-strong: var(--color-neutral-700);
1046
+ --color-neutral-secondary-soft: var(--color-neutral-900);
1047
+ --color-neutral-secondary: var(--color-neutral-950);
1048
+ --color-neutral-secondary-medium: var(--color-neutral-800);
1049
+ --color-neutral-secondary-strong: var(--color-neutral-700);
1050
+ --color-neutral-secondary-strongest: var(--color-neutral-600);
1051
+ --color-neutral-tertiary-soft: var(--color-neutral-900);
1052
+ --color-neutral-tertiary: var(--color-neutral-800);
1053
+ --color-neutral-tertiary-medium: var(--color-neutral-700);
1054
+ --color-neutral-quaternary: var(--color-neutral-700);
1055
+ --color-neutral-quaternary-medium: var(--color-neutral-600);
1056
+ --color-gray: var(--color-neutral-600);
1057
+ --color-brand-softer: var(--color-indigo-950);
1058
+ --color-brand-soft: var(--color-indigo-900);
1059
+ --color-brand: var(--color-indigo-600);
1060
+ --color-brand-medium: var(--color-indigo-900);
1061
+ --color-brand-strong: var(--color-indigo-700);
1062
+ --color-success-soft: var(--color-green-950);
1063
+ --color-success: var(--color-green-600);
1064
+ --color-success-medium: var(--color-green-900);
1065
+ --color-success-strong: var(--color-green-700);
1066
+ --color-danger-soft: var(--color-red-950);
1067
+ --color-danger: var(--color-red-700);
1068
+ --color-danger-medium: var(--color-red-900);
1069
+ --color-danger-strong: var(--color-red-800);
1070
+ --color-warning-soft: var(--color-orange-950);
1071
+ --color-warning: var(--color-orange-600);
1072
+ --color-warning-medium: var(--color-orange-900);
1073
+ --color-warning-strong: var(--color-orange-700);
1074
+ --color-dark-soft: var(--color-neutral-700);
1075
+ --color-dark: var(--color-neutral-800);
1076
+ --color-dark-strong: var(--color-neutral-700);
1077
+ --color-disabled: var(--color-neutral-800);
1078
+ --color-purple: var(--color-purple-500);
1079
+ --color-sky: var(--color-sky-500);
1080
+ --color-teal: var(--color-teal-500);
1081
+ --color-pink: var(--color-pink-500);
1082
+ --color-cyan: var(--color-cyan-500);
1083
+ --color-fuchsia: var(--color-fuchsia-500);
1084
+ --color-indigo: var(--color-indigo-500);
1085
+ --color-orange: var(--color-orange-400);
1086
+
1087
+ /* border color variables */
1088
+ --color-buffer: var(--color-neutral-950);
1089
+ --color-buffer-medium: var(--color-neutral-900);
1090
+ --color-buffer-strong: var(--color-neutral-800);
1091
+ --color-muted: var(--color-neutral-900);
1092
+ --color-light-subtle: var(--color-neutral-900);
1093
+ --color-light: var(--color-neutral-800);
1094
+ --color-light-medium: var(--color-neutral-700);
1095
+ --color-default-subtle: var(--color-neutral-900);
1096
+ --color-default: var(--color-neutral-800);
1097
+ --color-default-medium: var(--color-neutral-700);
1098
+ --color-default-strong: var(--color-neutral-600);
1099
+ --color-success-subtle: var(--color-green-900);
1100
+ --color-danger-subtle: var(--color-red-900);
1101
+ --color-warning-subtle: var(--color-orange-900);
1102
+ --color-brand-subtle: var(--color-indigo-900);
1103
+ --color-brand-light: var(--color-indigo-600);
1104
+ --color-dark-subtle: var(--color-neutral-700);
1105
+ --color-dark-backdrop: var(--color-neutral-950);
1106
+ }