flowbite-svelte 2.0.0-next.2 → 2.0.0-next.4
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.
- package/dist/accordion/Accordion.svelte +8 -4
- package/dist/accordion/Accordion.svelte.d.ts +2 -1
- package/dist/accordion/AccordionItem.svelte +20 -11
- package/dist/accordion/AccordionItem.svelte.d.ts +1 -1
- package/dist/accordion/theme.d.ts +4 -4
- package/dist/accordion/theme.js +1 -1
- package/dist/alert/Alert.svelte +24 -7
- package/dist/alert/Alert.svelte.d.ts +2 -2
- package/dist/alert/theme.d.ts +6 -66
- package/dist/alert/theme.js +6 -27
- package/dist/avatar/Avatar.svelte +4 -4
- package/dist/avatar/Avatar.svelte.d.ts +1 -1
- package/dist/badge/Badge.svelte +27 -9
- package/dist/badge/Badge.svelte.d.ts +2 -2
- package/dist/badge/theme.d.ts +4 -175
- package/dist/badge/theme.js +2 -164
- package/dist/banner/Banner.svelte +25 -8
- package/dist/banner/Banner.svelte.d.ts +2 -2
- package/dist/banner/theme.d.ts +4 -4
- package/dist/banner/theme.js +1 -1
- package/dist/bottom-navigation/BottomNav.svelte +6 -6
- package/dist/bottom-navigation/BottomNav.svelte.d.ts +1 -1
- package/dist/bottom-navigation/BottomNavHeader.svelte +5 -5
- package/dist/bottom-navigation/BottomNavHeader.svelte.d.ts +1 -1
- package/dist/bottom-navigation/BottomNavHeaderItem.svelte +3 -3
- package/dist/bottom-navigation/BottomNavHeaderItem.svelte.d.ts +1 -1
- package/dist/bottom-navigation/BottomNavItem.svelte +9 -20
- package/dist/bottom-navigation/BottomNavItem.svelte.d.ts +1 -4
- package/dist/bottom-navigation/theme.d.ts +10 -10
- package/dist/bottom-navigation/theme.js +2 -2
- package/dist/breadcrumb/Breadcrumb.svelte +6 -6
- package/dist/breadcrumb/Breadcrumb.svelte.d.ts +1 -1
- package/dist/breadcrumb/BreadcrumbItem.svelte +17 -8
- package/dist/breadcrumb/BreadcrumbItem.svelte.d.ts +1 -1
- package/dist/breadcrumb/theme.d.ts +7 -7
- package/dist/breadcrumb/theme.js +2 -2
- package/dist/button-group/ButtonGroup.svelte +3 -3
- package/dist/button-group/ButtonGroup.svelte.d.ts +1 -1
- package/dist/buttons/Button.svelte +5 -5
- package/dist/buttons/GradientButton.svelte +2 -2
- package/dist/buttons/GradientButton.svelte.d.ts +1 -1
- package/dist/buttons/theme.d.ts +21 -288
- package/dist/buttons/theme.js +31 -109
- package/dist/card/Card.svelte +5 -4
- package/dist/card/Card.svelte.d.ts +1 -1
- package/dist/card/theme.d.ts +9 -1
- package/dist/card/theme.js +8 -0
- package/dist/carousel/Carousel.svelte +5 -3
- package/dist/carousel/Carousel.svelte.d.ts +1 -1
- package/dist/carousel/CarouselIndicators.svelte +5 -5
- package/dist/carousel/CarouselIndicators.svelte.d.ts +1 -1
- package/dist/carousel/ControlButton.svelte +6 -6
- package/dist/carousel/ControlButton.svelte.d.ts +1 -1
- package/dist/carousel/Controls.svelte +2 -2
- package/dist/carousel/Controls.svelte.d.ts +1 -1
- package/dist/carousel/Slide.svelte +10 -6
- package/dist/carousel/Slide.svelte.d.ts +1 -1
- package/dist/carousel/Thumbnail.svelte +3 -3
- package/dist/carousel/Thumbnail.svelte.d.ts +1 -1
- package/dist/carousel/Thumbnails.svelte +4 -4
- package/dist/carousel/Thumbnails.svelte.d.ts +1 -1
- package/dist/carousel/theme.d.ts +50 -1
- package/dist/carousel/theme.js +49 -0
- package/dist/clipboard/Clipboard.svelte +3 -3
- package/dist/clipboard/Clipboard.svelte.d.ts +1 -1
- package/dist/context.d.ts +1 -1
- package/dist/darkmode/DarkMode.svelte +11 -6
- package/dist/darkmode/DarkMode.svelte.d.ts +2 -1
- package/dist/darkmode/theme.d.ts +34 -1
- package/dist/darkmode/theme.js +4 -1
- package/dist/datepicker/Datepicker.svelte +32 -18
- package/dist/datepicker/theme.d.ts +16 -256
- package/dist/datepicker/theme.js +6 -27
- package/dist/device-mockups/Android.svelte +9 -9
- package/dist/device-mockups/Android.svelte.d.ts +1 -1
- package/dist/device-mockups/DefaultMockup.svelte +8 -8
- package/dist/device-mockups/DefaultMockup.svelte.d.ts +1 -1
- package/dist/device-mockups/Desktop.svelte +6 -6
- package/dist/device-mockups/Desktop.svelte.d.ts +1 -1
- package/dist/device-mockups/DeviceMockup.svelte +1 -1
- package/dist/device-mockups/DeviceMockup.svelte.d.ts +1 -1
- package/dist/device-mockups/Ios.svelte +8 -8
- package/dist/device-mockups/Ios.svelte.d.ts +1 -1
- package/dist/device-mockups/Laptop.svelte +6 -6
- package/dist/device-mockups/Laptop.svelte.d.ts +1 -1
- package/dist/device-mockups/Smartwatch.svelte +8 -8
- package/dist/device-mockups/Smartwatch.svelte.d.ts +1 -1
- package/dist/device-mockups/Tablet.svelte +8 -8
- package/dist/device-mockups/Tablet.svelte.d.ts +1 -1
- package/dist/device-mockups/theme.d.ts +1 -1
- package/dist/dialog/Dialog.svelte +27 -4
- package/dist/dialog/Dialog.svelte.d.ts +2 -1
- package/dist/dialog/theme.d.ts +1 -1
- package/dist/drawer/Drawer.svelte +10 -3
- package/dist/drawer/Drawer.svelte.d.ts +1 -1
- package/dist/drawer/DrawerHandle.svelte +4 -4
- package/dist/drawer/DrawerHandle.svelte.d.ts +1 -1
- package/dist/drawer/Drawerhead.svelte +5 -5
- package/dist/drawer/Drawerhead.svelte.d.ts +1 -1
- package/dist/drawer/theme.d.ts +1 -1
- package/dist/drawer/theme.js +1 -1
- package/dist/dropdown/Dropdown.svelte +2 -2
- package/dist/dropdown/Dropdown.svelte.d.ts +1 -1
- package/dist/dropdown/DropdownDivider.svelte +2 -2
- package/dist/dropdown/DropdownDivider.svelte.d.ts +1 -1
- package/dist/dropdown/DropdownGroup.svelte +2 -2
- package/dist/dropdown/DropdownGroup.svelte.d.ts +1 -1
- package/dist/dropdown/DropdownHeader.svelte +2 -2
- package/dist/dropdown/DropdownHeader.svelte.d.ts +1 -1
- package/dist/dropdown/DropdownItem.svelte +2 -2
- package/dist/dropdown/DropdownItem.svelte.d.ts +1 -1
- package/dist/dropdown/theme.d.ts +1 -1
- package/dist/{forms → extend}/button-toggle/ButtonToggle.svelte +2 -2
- package/dist/{forms → extend}/button-toggle/ButtonToggle.svelte.d.ts +1 -1
- package/dist/{forms → extend}/button-toggle/ButtonToggleGroup.svelte +1 -1
- package/dist/{forms → extend}/button-toggle/CheckIcon.svelte +1 -1
- package/dist/{forms → extend}/button-toggle/CheckIcon.svelte.d.ts +1 -1
- package/dist/{forms → extend}/button-toggle/theme.d.ts +1 -1
- package/dist/{clipboard-manager → extend/clipboard-manager}/ClipboardManager.svelte +4 -4
- package/dist/{clipboard-manager → extend/clipboard-manager}/ClipboardManager.svelte.d.ts +1 -1
- package/dist/{clipboard-manager → extend/clipboard-manager}/theme.d.ts +1 -1
- package/dist/{command-palette → extend/command-palette}/CommandPalette.svelte +5 -5
- package/dist/{command-palette → extend/command-palette}/CommandPalette.svelte.d.ts +2 -2
- package/dist/{command-palette → extend/command-palette}/theme.d.ts +1 -1
- package/dist/{kanban → extend/kanban}/KanbanBoard.svelte +2 -2
- package/dist/{kanban → extend/kanban}/KanbanBoard.svelte.d.ts +1 -1
- package/dist/{kanban → extend/kanban}/KanbanCard.svelte +3 -3
- package/dist/{kanban → extend/kanban}/KanbanCard.svelte.d.ts +2 -2
- package/dist/{kanban → extend/kanban}/theme.d.ts +1 -1
- package/dist/{scroll-spy → extend/scroll-spy}/ScrollSpy.svelte +3 -3
- package/dist/{scroll-spy → extend/scroll-spy}/ScrollSpy.svelte.d.ts +2 -2
- package/dist/{scroll-spy → extend/scroll-spy}/theme.d.ts +1 -1
- package/dist/{split-pane → extend/split-pane}/Divider.svelte +4 -4
- package/dist/{split-pane → extend/split-pane}/Divider.svelte.d.ts +2 -2
- package/dist/{split-pane → extend/split-pane}/Pane.svelte +4 -4
- package/dist/{split-pane → extend/split-pane}/Pane.svelte.d.ts +2 -2
- package/dist/{split-pane → extend/split-pane}/SplitPane.svelte +4 -4
- package/dist/{split-pane → extend/split-pane}/SplitPane.svelte.d.ts +2 -2
- package/dist/{step-indicator → extend/step-indicator}/StepIndicator.svelte +3 -3
- package/dist/{step-indicator → extend/step-indicator}/StepIndicator.svelte.d.ts +2 -2
- package/dist/{step-indicator → extend/step-indicator}/theme.d.ts +1 -1
- package/dist/{forms → extend}/tags/Tags.svelte +14 -4
- package/dist/{forms → extend}/tags/Tags.svelte.d.ts +0 -1
- package/dist/{forms → extend}/tags/theme.d.ts +1 -1
- package/dist/{forms → extend}/tags/theme.js +2 -2
- package/dist/{tour → extend/tour}/Tour.svelte +2 -2
- package/dist/{tour → extend/tour}/Tour.svelte.d.ts +1 -1
- package/dist/{tour → extend/tour}/theme.d.ts +1 -1
- package/dist/{virtual-masonry → extend/virtual-masonry}/VirtualMasonry.svelte +2 -2
- package/dist/{virtual-masonry → extend/virtual-masonry}/VirtualMasonry.svelte.d.ts +1 -1
- package/dist/{virtual-masonry → extend/virtual-masonry}/theme.d.ts +1 -1
- package/dist/{virtuallist → extend/virtuallist}/VirtualList.svelte +2 -2
- package/dist/{virtuallist → extend/virtuallist}/VirtualList.svelte.d.ts +1 -1
- package/dist/{virtuallist → extend/virtuallist}/theme.d.ts +1 -1
- package/dist/footer/Footer.svelte +2 -2
- package/dist/footer/Footer.svelte.d.ts +1 -1
- package/dist/footer/FooterBrand.svelte +2 -2
- package/dist/footer/FooterBrand.svelte.d.ts +1 -1
- package/dist/footer/FooterCopyright.svelte +2 -2
- package/dist/footer/FooterCopyright.svelte.d.ts +1 -1
- package/dist/footer/FooterIcon.svelte +2 -2
- package/dist/footer/FooterIcon.svelte.d.ts +1 -1
- package/dist/footer/FooterLink.svelte +2 -2
- package/dist/footer/FooterLink.svelte.d.ts +1 -1
- package/dist/footer/FooterLinkGroup.svelte +2 -2
- package/dist/footer/FooterLinkGroup.svelte.d.ts +1 -1
- package/dist/footer/theme.d.ts +4 -4
- package/dist/forms/checkbox/Checkbox.svelte +1 -1
- package/dist/forms/checkbox/CheckboxButton.svelte +2 -2
- package/dist/forms/checkbox/CheckboxButton.svelte.d.ts +1 -1
- package/dist/forms/checkbox/theme.d.ts +1 -1
- package/dist/forms/dropzone/Dropzone.svelte +2 -2
- package/dist/forms/dropzone/Dropzone.svelte.d.ts +1 -1
- package/dist/forms/fileupload/Fileupload.svelte +15 -5
- package/dist/forms/fileupload/Fileupload.svelte.d.ts +2 -2
- package/dist/forms/fileupload/theme.d.ts +1 -1
- package/dist/forms/floating-label/FloatingLabelInput.svelte +15 -5
- package/dist/forms/floating-label/FloatingLabelInput.svelte.d.ts +2 -2
- package/dist/forms/floating-label/theme.d.ts +1 -1
- package/dist/forms/helper/Helper.svelte +2 -2
- package/dist/forms/helper/Helper.svelte.d.ts +1 -1
- package/dist/forms/helper/theme.d.ts +6 -0
- package/dist/forms/helper/theme.js +2 -0
- package/dist/forms/input-addon/InputAddon.svelte +2 -2
- package/dist/forms/input-addon/InputAddon.svelte.d.ts +1 -1
- package/dist/forms/input-addon/theme.d.ts +1 -1
- package/dist/forms/input-field/Input.svelte +13 -3
- package/dist/forms/input-field/theme.d.ts +1 -1
- package/dist/forms/label/Label.svelte +2 -2
- package/dist/forms/label/Label.svelte.d.ts +1 -1
- package/dist/forms/phoneinput/PhoneInput.svelte +26 -4
- package/dist/forms/phoneinput/PhoneInput.svelte.d.ts +17 -1
- package/dist/forms/phoneinput/theme.d.ts +1 -1
- package/dist/forms/radio/Radio.svelte +1 -1
- package/dist/forms/radio/RadioButton.svelte +1 -1
- package/dist/forms/radio/theme.d.ts +1 -28
- package/dist/forms/radio/theme.js +1 -10
- package/dist/forms/range/Range.svelte +3 -3
- package/dist/forms/range/Range.svelte.d.ts +1 -1
- package/dist/forms/search/Search.svelte +20 -10
- package/dist/forms/search/Search.svelte.d.ts +2 -2
- package/dist/forms/search/theme.d.ts +1 -1
- package/dist/forms/select/MultiSelect.svelte +14 -2
- package/dist/forms/select/Select.svelte +14 -3
- package/dist/forms/select/theme.d.ts +1 -1
- package/dist/forms/textarea/Textarea.svelte +15 -5
- package/dist/forms/textarea/Textarea.svelte.d.ts +2 -2
- package/dist/forms/textarea/theme.d.ts +1 -1
- package/dist/forms/timepicker/Timepicker.svelte +5 -5
- package/dist/forms/timepicker/Timepicker.svelte.d.ts +2 -2
- package/dist/forms/timepicker/theme.d.ts +1 -1
- package/dist/forms/toggle/Toggle.svelte +2 -2
- package/dist/forms/toggle/Toggle.svelte.d.ts +1 -1
- package/dist/forms/toggle/theme.d.ts +1 -1
- package/dist/gallery/Gallery.svelte +2 -2
- package/dist/gallery/Gallery.svelte.d.ts +1 -1
- package/dist/gallery/theme.d.ts +1 -1
- package/dist/index.d.ts +14 -13
- package/dist/index.js +14 -13
- package/dist/indicator/Indicator.svelte +2 -2
- package/dist/indicator/Indicator.svelte.d.ts +1 -1
- package/dist/kbd/Kbd.svelte +2 -2
- package/dist/kbd/Kbd.svelte.d.ts +1 -1
- package/dist/list-group/Listgroup.svelte +2 -2
- package/dist/list-group/Listgroup.svelte.d.ts +1 -1
- package/dist/list-group/ListgroupItem.svelte +2 -2
- package/dist/list-group/ListgroupItem.svelte.d.ts +1 -1
- package/dist/list-group/theme.d.ts +1 -1
- package/dist/mega-menu/MegaMenu.svelte +2 -2
- package/dist/mega-menu/MegaMenu.svelte.d.ts +1 -1
- package/dist/mega-menu/theme.d.ts +1 -1
- package/dist/modal/Modal.svelte +25 -5
- package/dist/modal/Modal.svelte.d.ts +2 -1
- package/dist/modal/theme.d.ts +1 -1
- package/dist/navbar/Menu.svelte +1 -1
- package/dist/navbar/Menu.svelte.d.ts +1 -1
- package/dist/navbar/NavBrand.svelte +2 -2
- package/dist/navbar/NavBrand.svelte.d.ts +1 -1
- package/dist/navbar/NavContainer.svelte +2 -2
- package/dist/navbar/NavContainer.svelte.d.ts +1 -1
- package/dist/navbar/NavHamburger.svelte +2 -2
- package/dist/navbar/NavHamburger.svelte.d.ts +2 -2
- package/dist/navbar/NavLi.svelte +2 -2
- package/dist/navbar/NavLi.svelte.d.ts +1 -1
- package/dist/navbar/NavUl.svelte +2 -2
- package/dist/navbar/NavUl.svelte.d.ts +1 -1
- package/dist/navbar/Navbar.svelte +2 -2
- package/dist/navbar/Navbar.svelte.d.ts +1 -1
- package/dist/navbar/theme.d.ts +1 -1
- package/dist/pagination/Pagination.svelte +2 -2
- package/dist/pagination/Pagination.svelte.d.ts +1 -1
- package/dist/pagination/PaginationButton.svelte +2 -2
- package/dist/pagination/PaginationButton.svelte.d.ts +1 -1
- package/dist/pagination/PaginationItem.svelte +2 -2
- package/dist/pagination/PaginationItem.svelte.d.ts +1 -1
- package/dist/pagination/PaginationNav.svelte +2 -2
- package/dist/pagination/PaginationNav.svelte.d.ts +1 -1
- package/dist/pagination/theme.d.ts +1 -1
- package/dist/popover/Popover.svelte +2 -2
- package/dist/popover/Popover.svelte.d.ts +1 -1
- package/dist/popover/theme.d.ts +1 -1
- package/dist/progress/Progressbar.svelte +2 -2
- package/dist/progress/Progressbar.svelte.d.ts +1 -1
- package/dist/progress/Progressradial.svelte +2 -2
- package/dist/progress/Progressradial.svelte.d.ts +1 -1
- package/dist/progress/theme.d.ts +1 -1
- package/dist/rating/AdvancedRating.svelte +2 -2
- package/dist/rating/AdvancedRating.svelte.d.ts +1 -1
- package/dist/rating/CustomIcon.svelte +1 -1
- package/dist/rating/CustomIcon.svelte.d.ts +1 -1
- package/dist/rating/Heart.svelte +1 -1
- package/dist/rating/Heart.svelte.d.ts +1 -1
- package/dist/rating/Rating.svelte +2 -2
- package/dist/rating/Rating.svelte.d.ts +1 -1
- package/dist/rating/RatingComment.svelte +1 -1
- package/dist/rating/RatingComment.svelte.d.ts +1 -1
- package/dist/rating/Review.svelte +2 -2
- package/dist/rating/Review.svelte.d.ts +1 -1
- package/dist/rating/ScoreRating.svelte +2 -2
- package/dist/rating/ScoreRating.svelte.d.ts +1 -1
- package/dist/rating/Star.svelte +1 -1
- package/dist/rating/Star.svelte.d.ts +1 -1
- package/dist/rating/Thumbup.svelte +1 -1
- package/dist/rating/Thumbup.svelte.d.ts +1 -1
- package/dist/rating/theme.d.ts +4 -4
- package/dist/sidebar/Sidebar.svelte +8 -3
- package/dist/sidebar/Sidebar.svelte.d.ts +1 -1
- package/dist/sidebar/SidebarBrand.svelte +2 -2
- package/dist/sidebar/SidebarBrand.svelte.d.ts +1 -1
- package/dist/sidebar/SidebarButton.svelte +2 -2
- package/dist/sidebar/SidebarButton.svelte.d.ts +1 -1
- package/dist/sidebar/SidebarCta.svelte +2 -2
- package/dist/sidebar/SidebarCta.svelte.d.ts +1 -1
- package/dist/sidebar/SidebarDropdownWrapper.svelte +8 -3
- package/dist/sidebar/SidebarDropdownWrapper.svelte.d.ts +1 -1
- package/dist/sidebar/SidebarGroup.svelte +1 -1
- package/dist/sidebar/SidebarGroup.svelte.d.ts +1 -1
- package/dist/sidebar/SidebarItem.svelte +2 -2
- package/dist/sidebar/SidebarItem.svelte.d.ts +1 -1
- package/dist/sidebar/theme.d.ts +4 -4
- package/dist/skeleton/CardPlaceholder.svelte +2 -2
- package/dist/skeleton/CardPlaceholder.svelte.d.ts +1 -1
- package/dist/skeleton/ImagePlaceholder.svelte +2 -2
- package/dist/skeleton/ImagePlaceholder.svelte.d.ts +1 -1
- package/dist/skeleton/ListPlaceholder.svelte +2 -2
- package/dist/skeleton/ListPlaceholder.svelte.d.ts +1 -1
- package/dist/skeleton/Skeleton.svelte +2 -2
- package/dist/skeleton/Skeleton.svelte.d.ts +1 -1
- package/dist/skeleton/TestimonialPlaceholder.svelte +2 -2
- package/dist/skeleton/TestimonialPlaceholder.svelte.d.ts +1 -1
- package/dist/skeleton/TextPlaceholder.svelte +2 -2
- package/dist/skeleton/TextPlaceholder.svelte.d.ts +1 -1
- package/dist/skeleton/VideoPlaceholder.svelte +2 -2
- package/dist/skeleton/VideoPlaceholder.svelte.d.ts +1 -1
- package/dist/skeleton/WidgetPlaceholder.svelte +2 -2
- package/dist/skeleton/WidgetPlaceholder.svelte.d.ts +1 -1
- package/dist/skeleton/theme.d.ts +1 -1
- package/dist/speed-dial/SpeedDial.svelte +2 -2
- package/dist/speed-dial/SpeedDial.svelte.d.ts +1 -1
- package/dist/speed-dial/SpeedDialButton.svelte +4 -4
- package/dist/speed-dial/SpeedDialButton.svelte.d.ts +2 -2
- package/dist/speed-dial/SpeedDialTrigger.svelte +1 -1
- package/dist/speed-dial/SpeedDialTrigger.svelte.d.ts +1 -1
- package/dist/speed-dial/theme.d.ts +1 -1
- package/dist/spinner/Spinner.svelte +2 -2
- package/dist/spinner/Spinner.svelte.d.ts +1 -1
- package/dist/stepper/BreadcrumbStepper.svelte +2 -2
- package/dist/stepper/BreadcrumbStepper.svelte.d.ts +1 -1
- package/dist/stepper/DetailedStepper.svelte +2 -2
- package/dist/stepper/DetailedStepper.svelte.d.ts +1 -1
- package/dist/stepper/ProgressStepper.svelte +2 -2
- package/dist/stepper/ProgressStepper.svelte.d.ts +1 -1
- package/dist/stepper/Stepper.svelte +2 -2
- package/dist/stepper/Stepper.svelte.d.ts +1 -1
- package/dist/stepper/TimelineStepper.svelte +2 -2
- package/dist/stepper/TimelineStepper.svelte.d.ts +1 -1
- package/dist/stepper/VerticalStepper.svelte +2 -2
- package/dist/stepper/VerticalStepper.svelte.d.ts +1 -1
- package/dist/stepper/theme.d.ts +1 -1
- package/dist/table/Table.svelte +2 -2
- package/dist/table/Table.svelte.d.ts +1 -1
- package/dist/table/TableBody.svelte +1 -1
- package/dist/table/TableBody.svelte.d.ts +1 -1
- package/dist/table/TableBodyCell.svelte +2 -2
- package/dist/table/TableBodyCell.svelte.d.ts +1 -1
- package/dist/table/TableBodyRow.svelte +2 -2
- package/dist/table/TableBodyRow.svelte.d.ts +1 -1
- package/dist/table/TableHead.svelte +2 -2
- package/dist/table/TableHead.svelte.d.ts +1 -1
- package/dist/table/TableHeadCell.svelte +2 -2
- package/dist/table/TableHeadCell.svelte.d.ts +1 -1
- package/dist/table/TableSearch.svelte +2 -2
- package/dist/table/TableSearch.svelte.d.ts +1 -1
- package/dist/table/theme.d.ts +1 -1
- package/dist/tabs/TabItem.svelte +2 -2
- package/dist/tabs/TabItem.svelte.d.ts +1 -1
- package/dist/tabs/Tabs.svelte +2 -2
- package/dist/tabs/Tabs.svelte.d.ts +1 -1
- package/dist/tabs/theme.d.ts +1 -1
- package/dist/{theme → theme-provider}/themes.d.ts +12 -11
- package/dist/{theme → theme-provider}/themes.js +13 -11
- package/dist/theme-selector/ThemeIcon.svelte +9 -0
- package/dist/theme-selector/ThemeIcon.svelte.d.ts +26 -0
- package/dist/theme-selector/ThemeSelector.svelte +56 -0
- package/dist/theme-selector/ThemeSelector.svelte.d.ts +3 -0
- package/dist/theme-selector/index.d.ts +4 -0
- package/dist/theme-selector/index.js +3 -0
- package/dist/theme-selector/theme.d.ts +85 -0
- package/dist/theme-selector/theme.js +35 -0
- package/dist/theme-selector/themeStore.svelte.d.ts +6 -0
- package/dist/theme-selector/themeStore.svelte.js +88 -0
- package/dist/theme-selector/themes/default-runtime.css +229 -0
- package/dist/theme-selector/themes/enterprise-runtime.css +210 -0
- package/dist/theme-selector/themes/minimal-runtime.css +213 -0
- package/dist/theme-selector/themes/mono-runtime.css +206 -0
- package/dist/theme-selector/themes/playful-runtime.css +206 -0
- package/dist/theme-selector/themes/themes-runtime.css +1106 -0
- package/dist/theme-selector/themes.d.ts +39 -0
- package/dist/theme-selector/themes.js +43 -0
- package/dist/timeline/Activity.svelte +2 -2
- package/dist/timeline/Activity.svelte.d.ts +1 -1
- package/dist/timeline/ActivityItem.svelte +2 -2
- package/dist/timeline/ActivityItem.svelte.d.ts +1 -1
- package/dist/timeline/Group.svelte +2 -2
- package/dist/timeline/Group.svelte.d.ts +1 -1
- package/dist/timeline/GroupItem.svelte +2 -2
- package/dist/timeline/GroupItem.svelte.d.ts +1 -1
- package/dist/timeline/Timeline.svelte +2 -2
- package/dist/timeline/Timeline.svelte.d.ts +1 -1
- package/dist/timeline/TimelineItem.svelte +2 -2
- package/dist/timeline/TimelineItem.svelte.d.ts +1 -1
- package/dist/timeline/theme.d.ts +7 -7
- package/dist/toast/Toast.svelte +23 -4
- package/dist/toast/Toast.svelte.d.ts +2 -1
- package/dist/toast/ToastContainer.svelte +2 -2
- package/dist/toast/ToastContainer.svelte.d.ts +1 -1
- package/dist/toast/theme.d.ts +1 -1
- package/dist/toolbar/Toolbar.svelte +2 -2
- package/dist/toolbar/Toolbar.svelte.d.ts +1 -1
- package/dist/toolbar/ToolbarButton.svelte +2 -2
- package/dist/toolbar/ToolbarButton.svelte.d.ts +1 -1
- package/dist/toolbar/ToolbarGroup.svelte +2 -2
- package/dist/toolbar/ToolbarGroup.svelte.d.ts +1 -1
- package/dist/toolbar/theme.d.ts +1 -1
- package/dist/toolbar/theme.js +1 -1
- package/dist/tooltip/Tooltip.svelte +1 -1
- package/dist/tooltip/Tooltip.svelte.d.ts +1 -1
- package/dist/types.d.ts +42 -29
- package/dist/typography/a/A.svelte +2 -2
- package/dist/typography/a/A.svelte.d.ts +1 -1
- package/dist/typography/blockquote/Blockquote.svelte +2 -2
- package/dist/typography/blockquote/Blockquote.svelte.d.ts +1 -1
- package/dist/typography/descriptionlist/DescriptionList.svelte +2 -2
- package/dist/typography/descriptionlist/DescriptionList.svelte.d.ts +1 -1
- package/dist/typography/heading/Heading.svelte +2 -2
- package/dist/typography/heading/Heading.svelte.d.ts +1 -1
- package/dist/typography/hr/Hr.svelte +1 -1
- package/dist/typography/hr/theme.d.ts +1 -1
- package/dist/typography/img/Img.svelte +2 -2
- package/dist/typography/img/Img.svelte.d.ts +1 -1
- package/dist/typography/img/theme.d.ts +1 -1
- package/dist/typography/layout/Layout.svelte +2 -2
- package/dist/typography/layout/Layout.svelte.d.ts +1 -1
- package/dist/typography/list/Li.svelte +1 -1
- package/dist/typography/list/Li.svelte.d.ts +1 -1
- package/dist/typography/list/List.svelte +2 -2
- package/dist/typography/list/List.svelte.d.ts +1 -1
- package/dist/typography/mark/Mark.svelte +2 -2
- package/dist/typography/mark/Mark.svelte.d.ts +1 -1
- package/dist/typography/paragraph/P.svelte +2 -2
- package/dist/typography/paragraph/P.svelte.d.ts +1 -1
- package/dist/typography/secondary/Secondary.svelte +2 -2
- package/dist/typography/secondary/Secondary.svelte.d.ts +1 -1
- package/dist/typography/span/Span.svelte +2 -2
- package/dist/typography/span/Span.svelte.d.ts +1 -1
- package/dist/utils/Arrow.svelte +1 -1
- package/dist/utils/Arrow.svelte.d.ts +1 -1
- package/dist/utils/CloseButton.svelte +11 -7
- package/dist/utils/CloseButton.svelte.d.ts +2 -2
- package/dist/utils/Popper.svelte +9 -3
- package/dist/utils/Popper.svelte.d.ts +1 -1
- package/dist/utils/theme.d.ts +60 -81
- package/dist/utils/theme.js +10 -36
- package/dist/video/Video.svelte +2 -2
- package/dist/video/Video.svelte.d.ts +1 -1
- package/package.json +2 -735
- package/dist/bottom-navigation/CHANGES-SUMMARY.svelte +0 -175
- package/dist/bottom-navigation/MIGRATION-GUIDE.svelte +0 -142
- /package/dist/{forms → extend}/button-toggle/ButtonToggleGroup.svelte.d.ts +0 -0
- /package/dist/{forms → extend}/button-toggle/index.d.ts +0 -0
- /package/dist/{forms → extend}/button-toggle/index.js +0 -0
- /package/dist/{forms → extend}/button-toggle/theme.js +0 -0
- /package/dist/{clipboard-manager → extend/clipboard-manager}/index.d.ts +0 -0
- /package/dist/{clipboard-manager → extend/clipboard-manager}/index.js +0 -0
- /package/dist/{clipboard-manager → extend/clipboard-manager}/theme.js +0 -0
- /package/dist/{command-palette → extend/command-palette}/index.d.ts +0 -0
- /package/dist/{command-palette → extend/command-palette}/index.js +0 -0
- /package/dist/{command-palette → extend/command-palette}/theme.js +0 -0
- /package/dist/{kanban → extend/kanban}/index.d.ts +0 -0
- /package/dist/{kanban → extend/kanban}/index.js +0 -0
- /package/dist/{kanban → extend/kanban}/theme.js +0 -0
- /package/dist/{scroll-spy → extend/scroll-spy}/index.d.ts +0 -0
- /package/dist/{scroll-spy → extend/scroll-spy}/index.js +0 -0
- /package/dist/{scroll-spy → extend/scroll-spy}/theme.js +0 -0
- /package/dist/{split-pane → extend/split-pane}/index.d.ts +0 -0
- /package/dist/{split-pane → extend/split-pane}/index.js +0 -0
- /package/dist/{split-pane → extend/split-pane}/theme.d.ts +0 -0
- /package/dist/{split-pane → extend/split-pane}/theme.js +0 -0
- /package/dist/{step-indicator → extend/step-indicator}/index.d.ts +0 -0
- /package/dist/{step-indicator → extend/step-indicator}/index.js +0 -0
- /package/dist/{step-indicator → extend/step-indicator}/theme.js +0 -0
- /package/dist/{forms → extend}/tags/index.d.ts +0 -0
- /package/dist/{forms → extend}/tags/index.js +0 -0
- /package/dist/{tour → extend/tour}/index.d.ts +0 -0
- /package/dist/{tour → extend/tour}/index.js +0 -0
- /package/dist/{tour → extend/tour}/theme.js +0 -0
- /package/dist/{virtual-masonry → extend/virtual-masonry}/index.d.ts +0 -0
- /package/dist/{virtual-masonry → extend/virtual-masonry}/index.js +0 -0
- /package/dist/{virtual-masonry → extend/virtual-masonry}/theme.js +0 -0
- /package/dist/{virtuallist → extend/virtuallist}/index.d.ts +0 -0
- /package/dist/{virtuallist → extend/virtuallist}/index.js +0 -0
- /package/dist/{virtuallist → extend/virtuallist}/theme.js +0 -0
- /package/dist/{theme → theme-provider}/ThemeProvider.svelte +0 -0
- /package/dist/{theme → theme-provider}/ThemeProvider.svelte.d.ts +0 -0
- /package/dist/{theme → theme-provider}/index.d.ts +0 -0
- /package/dist/{theme → theme-provider}/index.js +0 -0
- /package/dist/{theme → theme-provider}/themeUtils.d.ts +0 -0
- /package/dist/{theme → theme-provider}/themeUtils.js +0 -0
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
export type ThemeId = "default" | "minimal" | "enterprise" | "playful" | "mono";
|
|
2
|
+
export interface FlowbiteTheme {
|
|
3
|
+
id: ThemeId;
|
|
4
|
+
name: string;
|
|
5
|
+
cssPath: string;
|
|
6
|
+
fontUrl: string;
|
|
7
|
+
colors: string[];
|
|
8
|
+
}
|
|
9
|
+
export declare const themeConfigs: readonly [{
|
|
10
|
+
readonly id: "default";
|
|
11
|
+
readonly name: "Default";
|
|
12
|
+
readonly cssPath: any;
|
|
13
|
+
readonly fontUrl: "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
|
|
14
|
+
readonly colors: ["bg-gray-100 dark:bg-gray-700", "bg-blue-50 dark:bg-blue-900", "bg-blue-200 dark:bg-blue-800", "bg-blue-700 dark:bg-blue-700"];
|
|
15
|
+
}, {
|
|
16
|
+
readonly id: "minimal";
|
|
17
|
+
readonly name: "Minimal";
|
|
18
|
+
readonly cssPath: any;
|
|
19
|
+
readonly fontUrl: "https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";
|
|
20
|
+
readonly colors: ["bg-stone-50 dark:bg-stone-600", "bg-stone-100 dark:bg-stone-700", "bg-stone-300 dark:bg-stone-800", "bg-stone-900 dark:bg-stone-900"];
|
|
21
|
+
}, {
|
|
22
|
+
readonly id: "enterprise";
|
|
23
|
+
readonly name: "Enterprise";
|
|
24
|
+
readonly cssPath: any;
|
|
25
|
+
readonly fontUrl: "https://fonts.googleapis.com/css2?family=STIX+Two+Text:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap";
|
|
26
|
+
readonly colors: ["bg-zinc-100 dark:bg-zinc-700", "bg-cyan-50 dark:bg-cyan-900", "bg-cyan-100 dark:bg-cyan-800", "bg-cyan-700 dark:bg-cyan-700"];
|
|
27
|
+
}, {
|
|
28
|
+
readonly id: "playful";
|
|
29
|
+
readonly name: "Playful";
|
|
30
|
+
readonly cssPath: any;
|
|
31
|
+
readonly fontUrl: "https://fonts.googleapis.com/css2?family=Shantell+Sans:ital,wght@0,300..800;1,300..800&display=swap";
|
|
32
|
+
readonly colors: ["bg-slate-100 dark:bg-slate-700", "bg-pink-50 dark:bg-pink-900", "bg-pink-100 dark:bg-pink-800", "bg-pink-700 dark:bg-pink-700"];
|
|
33
|
+
}, {
|
|
34
|
+
readonly id: "mono";
|
|
35
|
+
readonly name: "Mono";
|
|
36
|
+
readonly cssPath: any;
|
|
37
|
+
readonly fontUrl: "https://fonts.googleapis.com/css2?family=Google+Sans+Code:wght@300;400;500;600;700&display=swap";
|
|
38
|
+
readonly colors: ["bg-neutral-100 dark:bg-neutral-700", "bg-indigo-50 dark:bg-indigo-900", "bg-indigo-100 dark:bg-indigo-800", "bg-indigo-700 dark:bg-indigo-700"];
|
|
39
|
+
}];
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
// Import CSS files as URLs - Vite will process these and give us the actual URLs
|
|
2
|
+
import defaultCss from "./themes/default-runtime.css?url";
|
|
3
|
+
import minimalCss from "./themes/minimal-runtime.css?url";
|
|
4
|
+
import enterpriseCss from "./themes/enterprise-runtime.css?url";
|
|
5
|
+
import playfulCss from "./themes/playful-runtime.css?url";
|
|
6
|
+
import monoCss from "./themes/mono-runtime.css?url";
|
|
7
|
+
export const themeConfigs = [
|
|
8
|
+
{
|
|
9
|
+
id: "default",
|
|
10
|
+
name: "Default",
|
|
11
|
+
cssPath: defaultCss, // Now this is a real URL
|
|
12
|
+
fontUrl: "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap",
|
|
13
|
+
colors: ["bg-gray-100 dark:bg-gray-700", "bg-blue-50 dark:bg-blue-900", "bg-blue-200 dark:bg-blue-800", "bg-blue-700 dark:bg-blue-700"]
|
|
14
|
+
},
|
|
15
|
+
{
|
|
16
|
+
id: "minimal",
|
|
17
|
+
name: "Minimal",
|
|
18
|
+
cssPath: minimalCss, // Now this is a real URL
|
|
19
|
+
fontUrl: "https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap",
|
|
20
|
+
colors: ["bg-stone-50 dark:bg-stone-600", "bg-stone-100 dark:bg-stone-700", "bg-stone-300 dark:bg-stone-800", "bg-stone-900 dark:bg-stone-900"]
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
id: "enterprise",
|
|
24
|
+
name: "Enterprise",
|
|
25
|
+
cssPath: enterpriseCss, // Now this is a real URL
|
|
26
|
+
fontUrl: "https://fonts.googleapis.com/css2?family=STIX+Two+Text:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap",
|
|
27
|
+
colors: ["bg-zinc-100 dark:bg-zinc-700", "bg-cyan-50 dark:bg-cyan-900", "bg-cyan-100 dark:bg-cyan-800", "bg-cyan-700 dark:bg-cyan-700"]
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
id: "playful",
|
|
31
|
+
name: "Playful",
|
|
32
|
+
cssPath: playfulCss, // Now this is a real URL
|
|
33
|
+
fontUrl: "https://fonts.googleapis.com/css2?family=Shantell+Sans:ital,wght@0,300..800;1,300..800&display=swap",
|
|
34
|
+
colors: ["bg-slate-100 dark:bg-slate-700", "bg-pink-50 dark:bg-pink-900", "bg-pink-100 dark:bg-pink-800", "bg-pink-700 dark:bg-pink-700"]
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
id: "mono",
|
|
38
|
+
name: "Mono",
|
|
39
|
+
cssPath: monoCss, // Now this is a real URL
|
|
40
|
+
fontUrl: "https://fonts.googleapis.com/css2?family=Google+Sans+Code:wght@300;400;500;600;700&display=swap",
|
|
41
|
+
colors: ["bg-neutral-100 dark:bg-neutral-700", "bg-indigo-50 dark:bg-indigo-900", "bg-indigo-100 dark:bg-indigo-800", "bg-indigo-700 dark:bg-indigo-700"]
|
|
42
|
+
}
|
|
43
|
+
];
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import clsx from "clsx";
|
|
3
3
|
import { activity } from "./theme";
|
|
4
4
|
import type { ActivityProps } from "../types";
|
|
5
|
-
import { getTheme } from "../theme/themeUtils";
|
|
5
|
+
import { getTheme } from "../theme-provider/themeUtils";
|
|
6
6
|
|
|
7
7
|
let { children, class: className, ...restProps }: ActivityProps = $props();
|
|
8
8
|
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
@component
|
|
18
18
|
[Go to docs](https://flowbite-svelte.com/)
|
|
19
19
|
## Type
|
|
20
|
-
[ActivityProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
20
|
+
[ActivityProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1756)
|
|
21
21
|
## Props
|
|
22
22
|
@prop children
|
|
23
23
|
@prop class: className
|
|
@@ -2,7 +2,7 @@ import type { ActivityProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [ActivityProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [ActivityProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1756)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop class: className
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { activityItem } from "./theme";
|
|
3
3
|
import type { ActivityItemProps } from "../types";
|
|
4
4
|
import clsx from "clsx";
|
|
5
|
-
import { getTheme } from "../theme/themeUtils";
|
|
5
|
+
import { getTheme } from "../theme-provider/themeUtils";
|
|
6
6
|
|
|
7
7
|
let { activities, class: className, classes, ...restProps }: ActivityItemProps = $props();
|
|
8
8
|
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
@component
|
|
39
39
|
[Go to docs](https://flowbite-svelte.com/)
|
|
40
40
|
## Type
|
|
41
|
-
[ActivityItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
41
|
+
[ActivityItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1760)
|
|
42
42
|
## Props
|
|
43
43
|
@prop activities
|
|
44
44
|
@prop class: className
|
|
@@ -2,7 +2,7 @@ import type { ActivityItemProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [ActivityItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [ActivityItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1760)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop activities
|
|
8
8
|
* @prop class: className
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { group } from "./theme";
|
|
3
3
|
import type { GroupProps } from "../types";
|
|
4
4
|
import clsx from "clsx";
|
|
5
|
-
import { getTheme } from "../theme/themeUtils";
|
|
5
|
+
import { getTheme } from "../theme-provider/themeUtils";
|
|
6
6
|
|
|
7
7
|
let { children, date, class: className, classes, ...restProps }: GroupProps = $props();
|
|
8
8
|
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
@component
|
|
25
25
|
[Go to docs](https://flowbite-svelte.com/)
|
|
26
26
|
## Type
|
|
27
|
-
[GroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
27
|
+
[GroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1764)
|
|
28
28
|
## Props
|
|
29
29
|
@prop children
|
|
30
30
|
@prop date
|
|
@@ -2,7 +2,7 @@ import type { GroupProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [GroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [GroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1764)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop date
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { groupItem } from "./theme";
|
|
3
3
|
import type { GroupItemProps } from "../types";
|
|
4
4
|
import clsx from "clsx";
|
|
5
|
-
import { getTheme } from "../theme/themeUtils";
|
|
5
|
+
import { getTheme } from "../theme-provider/themeUtils";
|
|
6
6
|
|
|
7
7
|
let { timelines, class: className, classes, ...restProps }: GroupItemProps = $props();
|
|
8
8
|
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
@component
|
|
57
57
|
[Go to docs](https://flowbite-svelte.com/)
|
|
58
58
|
## Type
|
|
59
|
-
[GroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
59
|
+
[GroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1769)
|
|
60
60
|
## Props
|
|
61
61
|
@prop timelines
|
|
62
62
|
@prop class: className
|
|
@@ -2,7 +2,7 @@ import type { GroupItemProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [GroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [GroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1769)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop timelines
|
|
8
8
|
* @prop class: className
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import { timeline, type TimelineVariants } from "./theme";
|
|
4
4
|
import clsx from "clsx";
|
|
5
5
|
import type { TimelineProps } from "../types";
|
|
6
|
-
import { getTheme } from "../theme/themeUtils";
|
|
6
|
+
import { getTheme } from "../theme-provider/themeUtils";
|
|
7
7
|
|
|
8
8
|
let { children, order = "default", class: className, ...restProps }: TimelineProps = $props();
|
|
9
9
|
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
@component
|
|
22
22
|
[Go to docs](https://flowbite-svelte.com/)
|
|
23
23
|
## Type
|
|
24
|
-
[TimelineProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
24
|
+
[TimelineProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1785)
|
|
25
25
|
## Props
|
|
26
26
|
@prop children
|
|
27
27
|
@prop order = "default"
|
|
@@ -2,7 +2,7 @@ import type { TimelineProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [TimelineProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [TimelineProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1785)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop order = "default"
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import { timelineItem, type TimelineVariants } from "./theme";
|
|
4
4
|
import type { TimelineItemProps, DateFormat } from "../types";
|
|
5
5
|
import clsx from "clsx";
|
|
6
|
-
import { getTheme } from "../theme/themeUtils";
|
|
6
|
+
import { getTheme } from "../theme-provider/themeUtils";
|
|
7
7
|
|
|
8
8
|
let { children, orientationSlot, title, date, dateFormat = "month-year", color = "primary", isLast = false, datePrefix, class: className, classes, ...restProps }: TimelineItemProps = $props();
|
|
9
9
|
|
|
@@ -93,7 +93,7 @@
|
|
|
93
93
|
@component
|
|
94
94
|
[Go to docs](https://flowbite-svelte.com/)
|
|
95
95
|
## Type
|
|
96
|
-
[TimelineItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
96
|
+
[TimelineItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1792)
|
|
97
97
|
## Props
|
|
98
98
|
@prop children
|
|
99
99
|
@prop orientationSlot
|
|
@@ -2,7 +2,7 @@ import type { TimelineItemProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [TimelineItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [TimelineItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1792)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop orientationSlot
|
package/dist/timeline/theme.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type VariantProps } from "tailwind-variants";
|
|
2
|
-
import type { Classes } from "../theme/themeUtils";
|
|
2
|
+
import type { Classes } from "../theme-provider/themeUtils";
|
|
3
3
|
export type TimelineVariants = VariantProps<typeof timeline>;
|
|
4
4
|
export type ActivityItemVariants = VariantProps<typeof activityItem> & Classes<typeof activityItem>;
|
|
5
5
|
export type GroupVariants = VariantProps<typeof group> & Classes<typeof group>;
|
|
@@ -10,8 +10,8 @@ export declare const activityItem: import("tailwind-variants").TVReturnType<{
|
|
|
10
10
|
[key: string]: {
|
|
11
11
|
[key: string]: import("tailwind-merge").ClassNameValue | {
|
|
12
12
|
title?: import("tailwind-merge").ClassNameValue;
|
|
13
|
-
span?: import("tailwind-merge").ClassNameValue;
|
|
14
13
|
img?: import("tailwind-merge").ClassNameValue;
|
|
14
|
+
span?: import("tailwind-merge").ClassNameValue;
|
|
15
15
|
li?: import("tailwind-merge").ClassNameValue;
|
|
16
16
|
time?: import("tailwind-merge").ClassNameValue;
|
|
17
17
|
text?: import("tailwind-merge").ClassNameValue;
|
|
@@ -23,8 +23,8 @@ export declare const activityItem: import("tailwind-variants").TVReturnType<{
|
|
|
23
23
|
[x: string]: {
|
|
24
24
|
[x: string]: import("tailwind-merge").ClassNameValue | {
|
|
25
25
|
title?: import("tailwind-merge").ClassNameValue;
|
|
26
|
-
span?: import("tailwind-merge").ClassNameValue;
|
|
27
26
|
img?: import("tailwind-merge").ClassNameValue;
|
|
27
|
+
span?: import("tailwind-merge").ClassNameValue;
|
|
28
28
|
li?: import("tailwind-merge").ClassNameValue;
|
|
29
29
|
time?: import("tailwind-merge").ClassNameValue;
|
|
30
30
|
text?: import("tailwind-merge").ClassNameValue;
|
|
@@ -45,8 +45,8 @@ export declare const activityItem: import("tailwind-variants").TVReturnType<{
|
|
|
45
45
|
[key: string]: {
|
|
46
46
|
[key: string]: import("tailwind-merge").ClassNameValue | {
|
|
47
47
|
title?: import("tailwind-merge").ClassNameValue;
|
|
48
|
-
span?: import("tailwind-merge").ClassNameValue;
|
|
49
48
|
img?: import("tailwind-merge").ClassNameValue;
|
|
49
|
+
span?: import("tailwind-merge").ClassNameValue;
|
|
50
50
|
li?: import("tailwind-merge").ClassNameValue;
|
|
51
51
|
time?: import("tailwind-merge").ClassNameValue;
|
|
52
52
|
text?: import("tailwind-merge").ClassNameValue;
|
|
@@ -116,10 +116,10 @@ export declare const groupItem: import("tailwind-variants").TVReturnType<{
|
|
|
116
116
|
base?: import("tailwind-merge").ClassNameValue;
|
|
117
117
|
svg?: import("tailwind-merge").ClassNameValue;
|
|
118
118
|
title?: import("tailwind-merge").ClassNameValue;
|
|
119
|
+
img?: import("tailwind-merge").ClassNameValue;
|
|
119
120
|
span?: import("tailwind-merge").ClassNameValue;
|
|
120
121
|
a?: import("tailwind-merge").ClassNameValue;
|
|
121
122
|
div?: import("tailwind-merge").ClassNameValue;
|
|
122
|
-
img?: import("tailwind-merge").ClassNameValue;
|
|
123
123
|
};
|
|
124
124
|
};
|
|
125
125
|
} | {
|
|
@@ -128,10 +128,10 @@ export declare const groupItem: import("tailwind-variants").TVReturnType<{
|
|
|
128
128
|
base?: import("tailwind-merge").ClassNameValue;
|
|
129
129
|
svg?: import("tailwind-merge").ClassNameValue;
|
|
130
130
|
title?: import("tailwind-merge").ClassNameValue;
|
|
131
|
+
img?: import("tailwind-merge").ClassNameValue;
|
|
131
132
|
span?: import("tailwind-merge").ClassNameValue;
|
|
132
133
|
a?: import("tailwind-merge").ClassNameValue;
|
|
133
134
|
div?: import("tailwind-merge").ClassNameValue;
|
|
134
|
-
img?: import("tailwind-merge").ClassNameValue;
|
|
135
135
|
};
|
|
136
136
|
};
|
|
137
137
|
} | {}, {
|
|
@@ -148,10 +148,10 @@ export declare const groupItem: import("tailwind-variants").TVReturnType<{
|
|
|
148
148
|
base?: import("tailwind-merge").ClassNameValue;
|
|
149
149
|
svg?: import("tailwind-merge").ClassNameValue;
|
|
150
150
|
title?: import("tailwind-merge").ClassNameValue;
|
|
151
|
+
img?: import("tailwind-merge").ClassNameValue;
|
|
151
152
|
span?: import("tailwind-merge").ClassNameValue;
|
|
152
153
|
a?: import("tailwind-merge").ClassNameValue;
|
|
153
154
|
div?: import("tailwind-merge").ClassNameValue;
|
|
154
|
-
img?: import("tailwind-merge").ClassNameValue;
|
|
155
155
|
};
|
|
156
156
|
};
|
|
157
157
|
} | {}, {
|
package/dist/toast/Toast.svelte
CHANGED
|
@@ -3,8 +3,9 @@
|
|
|
3
3
|
import type { ParamsType, ToastProps } from "../types";
|
|
4
4
|
import { toast } from "./theme";
|
|
5
5
|
import { fly } from "svelte/transition";
|
|
6
|
+
import { prefersReducedMotion } from "svelte/motion";
|
|
6
7
|
import clsx from "clsx";
|
|
7
|
-
import { getTheme } from "../theme/themeUtils";
|
|
8
|
+
import { getTheme } from "../theme-provider/themeUtils";
|
|
8
9
|
import { createDismissableContext } from "../utils/dismissable";
|
|
9
10
|
|
|
10
11
|
let {
|
|
@@ -19,6 +20,7 @@
|
|
|
19
20
|
transition = fly,
|
|
20
21
|
class: className,
|
|
21
22
|
classes,
|
|
23
|
+
closeButtonProps,
|
|
22
24
|
...restProps
|
|
23
25
|
}: ToastProps = $props();
|
|
24
26
|
|
|
@@ -28,6 +30,12 @@
|
|
|
28
30
|
|
|
29
31
|
const { base, icon: iconVariants, content, close } = $derived(toast({ color, position, align }));
|
|
30
32
|
|
|
33
|
+
// Check if running in browser to avoid SSR issues
|
|
34
|
+
const isBrowser = typeof window !== "undefined";
|
|
35
|
+
|
|
36
|
+
// Respect reduced motion preference by setting duration to 0
|
|
37
|
+
const effectiveParams = $derived(isBrowser && prefersReducedMotion.current ? { ...params, duration: 0 } : params);
|
|
38
|
+
|
|
31
39
|
let ref: HTMLDivElement | undefined = $state(undefined);
|
|
32
40
|
|
|
33
41
|
function _close() {
|
|
@@ -37,10 +45,20 @@
|
|
|
37
45
|
}
|
|
38
46
|
|
|
39
47
|
createDismissableContext(_close);
|
|
48
|
+
|
|
49
|
+
const finalCloseProps = $derived({
|
|
50
|
+
class: close({ class: clsx(theme?.close, styling?.close) }),
|
|
51
|
+
color: closeButtonProps?.color ?? "gray",
|
|
52
|
+
ariaLabel: closeButtonProps?.ariaLabel ?? "Remove toast",
|
|
53
|
+
size: closeButtonProps?.size,
|
|
54
|
+
classes: closeButtonProps?.classes,
|
|
55
|
+
name: closeButtonProps?.name,
|
|
56
|
+
onclick: closeButtonProps?.onclick
|
|
57
|
+
});
|
|
40
58
|
</script>
|
|
41
59
|
|
|
42
60
|
{#if toastStatus}
|
|
43
|
-
<div role="alert" bind:this={ref} transition:transition={
|
|
61
|
+
<div role="alert" bind:this={ref} transition:transition={effectiveParams as ParamsType} {...restProps} class={base({ class: clsx(theme?.base, className) })}>
|
|
44
62
|
{#if icon}
|
|
45
63
|
<div class={iconVariants({ class: clsx(theme?.icon, styling?.icon) })}>
|
|
46
64
|
{@render icon()}
|
|
@@ -52,7 +70,7 @@
|
|
|
52
70
|
</div>
|
|
53
71
|
|
|
54
72
|
{#if dismissable}
|
|
55
|
-
<CloseButton
|
|
73
|
+
<CloseButton {...finalCloseProps} />
|
|
56
74
|
{/if}
|
|
57
75
|
</div>
|
|
58
76
|
{/if}
|
|
@@ -61,7 +79,7 @@
|
|
|
61
79
|
@component
|
|
62
80
|
[Go to docs](https://flowbite-svelte.com/)
|
|
63
81
|
## Type
|
|
64
|
-
[ToastProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
82
|
+
[ToastProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1804)
|
|
65
83
|
## Props
|
|
66
84
|
@prop children
|
|
67
85
|
@prop icon
|
|
@@ -74,5 +92,6 @@
|
|
|
74
92
|
@prop transition = fly
|
|
75
93
|
@prop class: className
|
|
76
94
|
@prop classes
|
|
95
|
+
@prop closeButtonProps
|
|
77
96
|
@prop ...restProps
|
|
78
97
|
-->
|
|
@@ -2,7 +2,7 @@ import type { ToastProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [ToastProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [ToastProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1804)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop icon
|
|
@@ -15,6 +15,7 @@ import type { ToastProps } from "../types";
|
|
|
15
15
|
* @prop transition = fly
|
|
16
16
|
* @prop class: className
|
|
17
17
|
* @prop classes
|
|
18
|
+
* @prop closeButtonProps
|
|
18
19
|
* @prop ...restProps
|
|
19
20
|
*/
|
|
20
21
|
declare const Toast: import("svelte").Component<ToastProps, {}, "toastStatus">;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import type { ToastContainerProps } from "../types";
|
|
3
3
|
import clsx from "clsx";
|
|
4
4
|
import { toastContainer } from "./theme";
|
|
5
|
-
import { getTheme } from "../theme/themeUtils";
|
|
5
|
+
import { getTheme } from "../theme-provider/themeUtils";
|
|
6
6
|
|
|
7
7
|
let { children, position = "top-right", class: className, ...restProps }: ToastContainerProps = $props();
|
|
8
8
|
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
@component
|
|
27
27
|
[Go to docs](https://flowbite-svelte.com/)
|
|
28
28
|
## Type
|
|
29
|
-
[ToastContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
29
|
+
[ToastContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1818)
|
|
30
30
|
## Props
|
|
31
31
|
@prop children
|
|
32
32
|
@prop position = "top-right"
|
|
@@ -2,7 +2,7 @@ import type { ToastContainerProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [ToastContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [ToastContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1818)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop position = "top-right"
|
package/dist/toast/theme.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type VariantProps } from "tailwind-variants";
|
|
2
|
-
import type { Classes } from "../theme/themeUtils";
|
|
2
|
+
import type { Classes } from "../theme-provider/themeUtils";
|
|
3
3
|
export type ToastVaraints = VariantProps<typeof toast> & Classes<typeof toast>;
|
|
4
4
|
export declare const toast: import("tailwind-variants").TVReturnType<{
|
|
5
5
|
position: {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import { getTheme } from "../theme/themeUtils";
|
|
2
|
+
import { getTheme } from "../theme-provider/themeUtils";
|
|
3
3
|
import type { ToolbarProps } from "../types";
|
|
4
4
|
import clsx from "clsx";
|
|
5
5
|
import { setToolbarContext } from "../context";
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
@component
|
|
53
53
|
[Go to docs](https://flowbite-svelte.com/)
|
|
54
54
|
## Type
|
|
55
|
-
[ToolbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
55
|
+
[ToolbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1126)
|
|
56
56
|
## Props
|
|
57
57
|
@prop children
|
|
58
58
|
@prop end
|
|
@@ -2,7 +2,7 @@ import type { ToolbarProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [ToolbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [ToolbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1126)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop end
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { toolbarButton } from "./theme";
|
|
3
3
|
import type { ToolbarButtonProps } from "../types";
|
|
4
4
|
import clsx from "clsx";
|
|
5
|
-
import { getTheme } from "../theme/themeUtils";
|
|
5
|
+
import { getTheme } from "../theme-provider/themeUtils";
|
|
6
6
|
|
|
7
7
|
let { children, color, name, "aria-label": ariaLabel, "aria-expanded": ariaExpanded, size, class: className, ...restProps }: ToolbarButtonProps = $props();
|
|
8
8
|
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
@component
|
|
35
35
|
[Go to docs](https://flowbite-svelte.com/)
|
|
36
36
|
## Type
|
|
37
|
-
[ToolbarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
37
|
+
[ToolbarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1132)
|
|
38
38
|
## Props
|
|
39
39
|
@prop children
|
|
40
40
|
@prop color
|
|
@@ -2,7 +2,7 @@ import type { ToolbarButtonProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [ToolbarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [ToolbarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1132)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop color
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import { getTheme } from "../theme/themeUtils";
|
|
2
|
+
import { getTheme } from "../theme-provider/themeUtils";
|
|
3
3
|
import type { ToolbarGroupProps } from "../types";
|
|
4
4
|
import clsx from "clsx";
|
|
5
5
|
import { getToolbarContext } from "../context";
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
@component
|
|
25
25
|
[Go to docs](https://flowbite-svelte.com/)
|
|
26
26
|
## Type
|
|
27
|
-
[ToolbarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
27
|
+
[ToolbarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1130)
|
|
28
28
|
## Props
|
|
29
29
|
@prop children
|
|
30
30
|
@prop spacing
|
|
@@ -2,7 +2,7 @@ import type { ToolbarGroupProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [ToolbarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [ToolbarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1130)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop spacing
|
package/dist/toolbar/theme.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type VariantProps } from "tailwind-variants";
|
|
2
|
-
import type { Classes } from "../theme/themeUtils";
|
|
2
|
+
import type { Classes } from "../theme-provider/themeUtils";
|
|
3
3
|
export type ToolbarVariants = VariantProps<typeof toolbar> & Classes<typeof toolbar>;
|
|
4
4
|
export type ToolbarGroupVariants = VariantProps<typeof toolbarGroup>;
|
|
5
5
|
export declare const toolbar: import("tailwind-variants").TVReturnType<{
|
package/dist/toolbar/theme.js
CHANGED
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
@component
|
|
37
37
|
[Go to docs](https://flowbite-svelte.com/)
|
|
38
38
|
## Type
|
|
39
|
-
[TooltipProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
39
|
+
[TooltipProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1825)
|
|
40
40
|
## Props
|
|
41
41
|
@prop type = "dark"
|
|
42
42
|
@prop color = undefined
|
|
@@ -2,7 +2,7 @@ import type { TooltipProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [TooltipProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [TooltipProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1825)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop type = "dark"
|
|
8
8
|
* @prop color = undefined
|