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
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
import type { VariantProps } from "tailwind-variants";
|
|
5
5
|
import clsx from "clsx";
|
|
6
6
|
import type { ButtonToggleProps } from "../..";
|
|
7
|
-
import { getTheme } from "../../theme/themeUtils";
|
|
7
|
+
import { getTheme } from "../../theme-provider/themeUtils";
|
|
8
8
|
import { getButtonToggleContext } from "../../context";
|
|
9
9
|
|
|
10
10
|
let { value, selected = false, children, iconSlot, color, class: className, classes, ...restProps }: ButtonToggleProps = $props();
|
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
@component
|
|
75
75
|
[Go to docs](https://flowbite-svelte.com/)
|
|
76
76
|
## Type
|
|
77
|
-
[ButtonToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
77
|
+
[ButtonToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L448)
|
|
78
78
|
## Props
|
|
79
79
|
@prop value
|
|
80
80
|
@prop selected = false
|
|
@@ -2,7 +2,7 @@ import type { ButtonToggleProps } from "../..";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [ButtonToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [ButtonToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L448)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop value
|
|
8
8
|
* @prop selected = false
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import clsx from "clsx";
|
|
3
3
|
import type { ButtonToggleGroupProps, ButtonToggleContextType } from "../..";
|
|
4
4
|
import { buttonToggleGroup } from "./theme";
|
|
5
|
-
import { getTheme } from "../../theme/themeUtils";
|
|
5
|
+
import { getTheme } from "../../theme-provider/themeUtils";
|
|
6
6
|
import { setButtonToggleContext } from "../../context";
|
|
7
7
|
|
|
8
8
|
let {
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
@component
|
|
25
25
|
[Go to docs](https://flowbite-svelte.com/)
|
|
26
26
|
## Type
|
|
27
|
-
[CheckIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
27
|
+
[CheckIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L462)
|
|
28
28
|
## Props
|
|
29
29
|
@prop class: className
|
|
30
30
|
@prop ...restProps
|
|
@@ -2,7 +2,7 @@ import type { CheckIconProps } from "../..";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [CheckIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [CheckIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L462)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop class: className
|
|
8
8
|
* @prop ...restProps
|
|
@@ -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 declare const buttonToggleGroup: import("tailwind-variants").TVReturnType<{
|
|
4
4
|
roundedSize: {
|
|
5
5
|
sm: string;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import { Badge, Modal } from "
|
|
2
|
+
import { Badge, Modal } from "../..";
|
|
3
3
|
import { formatDistanceToNow } from "date-fns";
|
|
4
4
|
import { clipboardManager } from "./theme";
|
|
5
|
-
import type { ClipboardItem, ClipboardManagerProps } from "
|
|
6
|
-
import { getTheme } from "
|
|
5
|
+
import type { ClipboardItem, ClipboardManagerProps } from "../../types";
|
|
6
|
+
import { getTheme } from "../../theme-provider/themeUtils";
|
|
7
7
|
import clsx from "clsx";
|
|
8
8
|
|
|
9
9
|
let {
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
children,
|
|
26
26
|
emptyState,
|
|
27
27
|
open = $bindable(), // If undefined, renders inline; if defined, renders as modal
|
|
28
|
-
badgeProps = { color: "
|
|
28
|
+
badgeProps = { color: "brand", class: "text-xs" },
|
|
29
29
|
modalProps,
|
|
30
30
|
detectSensitiveData
|
|
31
31
|
}: ClipboardManagerProps = $props();
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { ClipboardManagerProps } from "
|
|
1
|
+
import type { ClipboardManagerProps } from "../../types";
|
|
2
2
|
declare const ClipboardManager: import("svelte").Component<ClipboardManagerProps, {}, "open">;
|
|
3
3
|
type ClipboardManager = ReturnType<typeof ClipboardManager>;
|
|
4
4
|
export default ClipboardManager;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type VariantProps } from "tailwind-variants";
|
|
2
|
-
import type { Classes } from "
|
|
2
|
+
import type { Classes } from "../../theme-provider/themeUtils";
|
|
3
3
|
export type ClipboardManagerVariants = VariantProps<typeof clipboardManager> & Classes<typeof clipboardManager>;
|
|
4
4
|
export declare const clipboardManager: import("tailwind-variants").TVReturnType<{
|
|
5
5
|
pinned: {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import Dialog from "
|
|
3
|
-
import Search from "
|
|
4
|
-
import { getTheme } from "
|
|
5
|
-
import type { CommandItem, CommandPaletteProps } from "
|
|
2
|
+
import Dialog from "../../dialog/Dialog.svelte";
|
|
3
|
+
import Search from "../../forms/search/Search.svelte";
|
|
4
|
+
import { getTheme } from "../../theme-provider/themeUtils";
|
|
5
|
+
import type { CommandItem, CommandPaletteProps } from "../../types";
|
|
6
6
|
import clsx from "clsx";
|
|
7
7
|
import { commandPalette } from "./theme";
|
|
8
8
|
|
|
@@ -194,7 +194,7 @@
|
|
|
194
194
|
@component
|
|
195
195
|
[Go to docs](https://flowbite-svelte.com/)
|
|
196
196
|
## Type
|
|
197
|
-
[CommandPaletteProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
197
|
+
[CommandPaletteProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2131)
|
|
198
198
|
## Props
|
|
199
199
|
@prop open = $bindable(false)
|
|
200
200
|
@prop items = []
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import type { CommandPaletteProps } from "
|
|
1
|
+
import type { CommandPaletteProps } from "../../types";
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [CommandPaletteProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [CommandPaletteProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2131)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop open = $bindable(false)
|
|
8
8
|
* @prop items = []
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type VariantProps } from "tailwind-variants";
|
|
2
|
-
import type { Classes } from "
|
|
2
|
+
import type { Classes } from "../../theme-provider/themeUtils";
|
|
3
3
|
export type CommandPaletteVariants = VariantProps<typeof commandPalette> & Classes<typeof commandPalette>;
|
|
4
4
|
export declare const commandPalette: import("tailwind-variants").TVReturnType<{
|
|
5
5
|
selected: {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import type { KanbanBoardProps, KanbanCardType, KanbanColumnType } from "
|
|
2
|
+
import type { KanbanBoardProps, KanbanCardType, KanbanColumnType } from "../../types";
|
|
3
3
|
import clsx from "clsx";
|
|
4
4
|
import { kanbanBoard } from "./theme";
|
|
5
|
-
import { getTheme } from "
|
|
5
|
+
import { getTheme } from "../../theme-provider/themeUtils";
|
|
6
6
|
import KanbanCard from "./KanbanCard.svelte";
|
|
7
7
|
|
|
8
8
|
let {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { KanbanBoardProps } from "
|
|
1
|
+
import type { KanbanBoardProps } from "../../types";
|
|
2
2
|
declare const KanbanBoard: import("svelte").Component<KanbanBoardProps, {}, "columns">;
|
|
3
3
|
type KanbanBoard = ReturnType<typeof KanbanBoard>;
|
|
4
4
|
export default KanbanBoard;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import clsx from "clsx";
|
|
3
|
-
import type { KanbanCardProps } from "
|
|
3
|
+
import type { KanbanCardProps } from "../../types";
|
|
4
4
|
import { kanbanCard } from "./theme";
|
|
5
|
-
import { getTheme } from "
|
|
5
|
+
import { getTheme } from "../../theme-provider/themeUtils";
|
|
6
6
|
|
|
7
7
|
let { card, isDragging = false, onDragStart, onDragEnd, classes, ...restProps }: KanbanCardProps = $props();
|
|
8
8
|
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
@component
|
|
48
48
|
[Go to docs](https://flowbite-svelte.com/)
|
|
49
49
|
## Type
|
|
50
|
-
[KanbanCardProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
50
|
+
[KanbanCardProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2048)
|
|
51
51
|
## Props
|
|
52
52
|
@prop card
|
|
53
53
|
@prop isDragging = false
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import type { KanbanCardProps } from "
|
|
1
|
+
import type { KanbanCardProps } from "../../types";
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [KanbanCardProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [KanbanCardProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2048)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop card
|
|
8
8
|
* @prop isDragging = false
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type VariantProps } from "tailwind-variants";
|
|
2
|
-
import type { Classes } from "
|
|
2
|
+
import type { Classes } from "../../theme-provider/themeUtils";
|
|
3
3
|
export type KanbanBoardVariants = VariantProps<typeof kanbanBoard> & Classes<typeof kanbanBoard>;
|
|
4
4
|
export type KanbanCardVariants = VariantProps<typeof kanbanCard> & Classes<typeof kanbanCard>;
|
|
5
5
|
export declare const kanbanBoard: import("tailwind-variants").TVReturnType<{
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import { scrollspy } from "./theme";
|
|
3
|
-
import type { ScrollSpyProps } from "
|
|
4
|
-
import { getTheme } from "
|
|
3
|
+
import type { ScrollSpyProps } from "../../types";
|
|
4
|
+
import { getTheme } from "../../theme-provider/themeUtils";
|
|
5
5
|
import clsx from "clsx";
|
|
6
6
|
|
|
7
7
|
let {
|
|
@@ -258,7 +258,7 @@
|
|
|
258
258
|
@component
|
|
259
259
|
[Go to docs](https://flowbite-svelte.com/)
|
|
260
260
|
## Type
|
|
261
|
-
[ScrollSpyProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
261
|
+
[ScrollSpyProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2146)
|
|
262
262
|
## Props
|
|
263
263
|
@prop items
|
|
264
264
|
@prop position = "top"
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import type { ScrollSpyProps } from "
|
|
1
|
+
import type { ScrollSpyProps } from "../../types";
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [ScrollSpyProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [ScrollSpyProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2146)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop items
|
|
8
8
|
* @prop position = "top"
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type VariantProps } from "tailwind-variants";
|
|
2
|
-
import type { Classes } from "
|
|
2
|
+
import type { Classes } from "../../theme-provider/themeUtils";
|
|
3
3
|
export type ScrollSpyVariants = VariantProps<typeof scrollspy> & Classes<typeof scrollspy>;
|
|
4
4
|
export declare const scrollspy: import("tailwind-variants").TVReturnType<{
|
|
5
5
|
position: {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import type { DividerProps } from "
|
|
2
|
+
import type { DividerProps } from "../../types";
|
|
3
3
|
import { divider, dividerHitArea } from "./theme";
|
|
4
|
-
import { getTheme } from "
|
|
4
|
+
import { getTheme } from "../../theme-provider/themeUtils";
|
|
5
5
|
import clsx from "clsx";
|
|
6
|
-
import { nonPassiveTouch } from "
|
|
6
|
+
import { nonPassiveTouch } from "../../utils/nonPassiveTouch";
|
|
7
7
|
|
|
8
8
|
let { direction, index, onMouseDown, onTouchStart, onKeyDown, isDragging, currentSize, class: className = "" }: DividerProps = $props();
|
|
9
9
|
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
@component
|
|
38
38
|
[Go to docs](https://flowbite-svelte.com/)
|
|
39
39
|
## Type
|
|
40
|
-
[DividerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
40
|
+
[DividerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2077)
|
|
41
41
|
## Props
|
|
42
42
|
@prop direction
|
|
43
43
|
@prop index
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import type { DividerProps } from "
|
|
1
|
+
import type { DividerProps } from "../../types";
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [DividerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [DividerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2077)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop direction
|
|
8
8
|
* @prop index
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import type { PaneProps } from "
|
|
3
|
-
import { getSplitPaneContext } from "
|
|
2
|
+
import type { PaneProps } from "../../types";
|
|
3
|
+
import { getSplitPaneContext } from "../../context";
|
|
4
4
|
import Divider from "./Divider.svelte";
|
|
5
5
|
import { pane } from "./theme";
|
|
6
|
-
import { getTheme } from "
|
|
6
|
+
import { getTheme } from "../../theme-provider/themeUtils";
|
|
7
7
|
import clsx from "clsx";
|
|
8
8
|
|
|
9
9
|
let { children, class: className = "", style = "" }: PaneProps = $props();
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
@component
|
|
48
48
|
[Go to docs](https://flowbite-svelte.com/)
|
|
49
49
|
## Type
|
|
50
|
-
[PaneProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
50
|
+
[PaneProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2071)
|
|
51
51
|
## Props
|
|
52
52
|
@prop children
|
|
53
53
|
@prop class: className = ""
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import type { PaneProps } from "
|
|
1
|
+
import type { PaneProps } from "../../types";
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [PaneProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [PaneProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2071)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop class: className = ""
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import type { SplitPaneProps } from "
|
|
3
|
-
import { setSplitPaneContext } from "
|
|
2
|
+
import type { SplitPaneProps } from "../../types";
|
|
3
|
+
import { setSplitPaneContext } from "../../context";
|
|
4
4
|
import { splitpane } from "./theme";
|
|
5
|
-
import { getTheme } from "
|
|
5
|
+
import { getTheme } from "../../theme-provider/themeUtils";
|
|
6
6
|
import clsx from "clsx";
|
|
7
7
|
|
|
8
8
|
let {
|
|
@@ -385,7 +385,7 @@
|
|
|
385
385
|
@component
|
|
386
386
|
[Go to docs](https://flowbite-svelte.com/)
|
|
387
387
|
## Type
|
|
388
|
-
[SplitPaneProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
388
|
+
[SplitPaneProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2057)
|
|
389
389
|
## Props
|
|
390
390
|
@prop direction = "horizontal"
|
|
391
391
|
@prop minSize = 100
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import type { SplitPaneProps } from "
|
|
1
|
+
import type { SplitPaneProps } from "../../types";
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [SplitPaneProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [SplitPaneProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2057)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop direction = "horizontal"
|
|
8
8
|
* @prop minSize = 100
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import clsx from "clsx";
|
|
3
|
-
import type { StepIndicatorProps } from "
|
|
3
|
+
import type { StepIndicatorProps } from "../../types";
|
|
4
4
|
import { stepIndicator, getStepStateClasses, type StepIndicatorTheme } from "./theme";
|
|
5
|
-
import { getTheme } from "
|
|
5
|
+
import { getTheme } from "../../theme-provider/themeUtils";
|
|
6
6
|
|
|
7
7
|
let {
|
|
8
8
|
steps = ["Step 1", "Step 2", "Step 3", "Step 4", "Step 5"],
|
|
@@ -116,7 +116,7 @@
|
|
|
116
116
|
@component
|
|
117
117
|
[Go to docs](https://flowbite-svelte.com/)
|
|
118
118
|
## Type
|
|
119
|
-
[StepIndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
119
|
+
[StepIndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1490)
|
|
120
120
|
## Props
|
|
121
121
|
@prop steps = ["Step 1", "Step 2", "Step 3", "Step 4", "Step 5"]
|
|
122
122
|
@prop currentStep = $bindable(1)
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import type { StepIndicatorProps } from "
|
|
1
|
+
import type { StepIndicatorProps } from "../../types";
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [StepIndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [StepIndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1490)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop steps = ["Step 1", "Step 2", "Step 3", "Step 4", "Step 5"]
|
|
8
8
|
* @prop currentStep = $bindable(1)
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type VariantProps } from "tailwind-variants";
|
|
2
2
|
import type { ClassValue } from "svelte/elements";
|
|
3
|
-
import type { Classes } from "
|
|
3
|
+
import type { Classes } from "../../theme-provider/themeUtils";
|
|
4
4
|
export type StepIndicatorVariants = VariantProps<typeof stepIndicator> & Classes<typeof stepIndicator>;
|
|
5
5
|
export type StepIndicatorSlots = keyof typeof stepIndicator.slots;
|
|
6
6
|
export type StepIndicatorTheme = Partial<Record<StepIndicatorSlots, ClassValue>>;
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
import P from "../../typography/paragraph/P.svelte";
|
|
5
5
|
import CloseButton from "../../utils/CloseButton.svelte";
|
|
6
6
|
import { tags } from "./theme";
|
|
7
|
-
import { getTheme } from "../../theme/themeUtils";
|
|
7
|
+
import { getTheme } from "../../theme-provider/themeUtils";
|
|
8
8
|
import { computePosition, offset, flip, shift, autoUpdate } from "@floating-ui/dom";
|
|
9
9
|
import { onDestroy } from "svelte";
|
|
10
10
|
|
|
@@ -13,7 +13,6 @@
|
|
|
13
13
|
placeholder = "Enter tags",
|
|
14
14
|
class: className,
|
|
15
15
|
classes,
|
|
16
|
-
closeBtnSize = "xs",
|
|
17
16
|
unique = false,
|
|
18
17
|
availableTags = [],
|
|
19
18
|
showHelper = false,
|
|
@@ -21,6 +20,7 @@
|
|
|
21
20
|
allowNewTags = true,
|
|
22
21
|
inputProps = {},
|
|
23
22
|
disabled,
|
|
23
|
+
closeButtonProps,
|
|
24
24
|
...restProps
|
|
25
25
|
}: TagsProps = $props();
|
|
26
26
|
|
|
@@ -131,6 +131,17 @@
|
|
|
131
131
|
onDestroy(() => {
|
|
132
132
|
cleanupFloating?.();
|
|
133
133
|
});
|
|
134
|
+
|
|
135
|
+
const finalCloseProps = (index: number) => ({
|
|
136
|
+
class: close({ class: clsx(theme?.close, styling?.close, closeButtonProps?.class) }),
|
|
137
|
+
color: closeButtonProps?.color ?? "gray",
|
|
138
|
+
ariaLabel: closeButtonProps?.ariaLabel ?? "Remove tag",
|
|
139
|
+
disabled,
|
|
140
|
+
size: closeButtonProps?.size ?? "xs",
|
|
141
|
+
classes: closeButtonProps?.classes,
|
|
142
|
+
name: closeButtonProps?.name,
|
|
143
|
+
onclick: closeButtonProps?.onclick ?? (() => deleteField(index))
|
|
144
|
+
});
|
|
134
145
|
</script>
|
|
135
146
|
|
|
136
147
|
<svelte:window />
|
|
@@ -162,7 +173,7 @@
|
|
|
162
173
|
<span class={spanCls({ class: clsx(theme?.span, styling?.span) })}>
|
|
163
174
|
{tag}
|
|
164
175
|
</span>
|
|
165
|
-
<CloseButton {
|
|
176
|
+
<CloseButton {...finalCloseProps(index)} />
|
|
166
177
|
</div>
|
|
167
178
|
{/each}
|
|
168
179
|
<div class="relative w-full" bind:this={inputContainer}>
|
|
@@ -214,7 +225,6 @@
|
|
|
214
225
|
@prop placeholder = "Enter tags"
|
|
215
226
|
@prop class: className
|
|
216
227
|
@prop classes
|
|
217
|
-
@prop closeBtnSize = "xs"
|
|
218
228
|
@prop unique = false
|
|
219
229
|
@prop availableTags = []
|
|
220
230
|
@prop showHelper = false
|
|
@@ -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 TagsVariants = VariantProps<typeof tags> & Classes<typeof tags>;
|
|
4
4
|
export declare const tags: import("tailwind-variants").TVReturnType<{
|
|
5
5
|
[key: string]: {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { tv } from "tailwind-variants";
|
|
2
2
|
export const tags = tv({
|
|
3
3
|
slots: {
|
|
4
|
-
base: "border border-gray-300 dark:border-gray-600 rounded-
|
|
5
|
-
tag: "flex items-center rounded-
|
|
4
|
+
base: "border border-gray-300 dark:border-gray-600 rounded-base flex focus-within:ring-primary-500 focus-within:ring-1 focus-within:border-primary-500 scrollbar-hidden bg-gray-50 dark:bg-gray-700",
|
|
5
|
+
tag: "flex items-center rounded-base bg-gray-100 text-gray-900 border border-gray-300 my-1 ml-1 px-2 text-sm max-w-full min-w-fit",
|
|
6
6
|
span: "items-center",
|
|
7
7
|
close: "my-auto ml-1",
|
|
8
8
|
input: "block text-sm m-2.5 p-0 bg-transparent border-none outline-none text-gray-900 h-min w-full min-w-fit focus:ring-0 placeholder-gray-400 dark:text-white disabled:cursor-not-allowed disabled:opacity-50",
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
import { tick } from "svelte";
|
|
3
3
|
import { computePosition, flip, shift, offset, arrow, type Placement } from "@floating-ui/dom";
|
|
4
4
|
import { tour } from "./theme";
|
|
5
|
-
import type { TourProps } from "
|
|
6
|
-
import { getTheme } from "
|
|
5
|
+
import type { TourProps } from "../../types";
|
|
6
|
+
import { getTheme } from "../../theme-provider/themeUtils";
|
|
7
7
|
import clsx from "clsx";
|
|
8
8
|
|
|
9
9
|
let {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type VariantProps } from "tailwind-variants";
|
|
2
|
-
import type { Classes } from "
|
|
2
|
+
import type { Classes } from "../../theme-provider/themeUtils";
|
|
3
3
|
export type TourVariants = VariantProps<typeof tour> & Classes<typeof tour>;
|
|
4
4
|
export declare const tour: import("tailwind-variants").TVReturnType<{
|
|
5
5
|
size: {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
<script lang="ts" generics="T">
|
|
2
|
-
import type { VirtualMasonryProps } from "
|
|
2
|
+
import type { VirtualMasonryProps } from "../../types";
|
|
3
3
|
import { virtualMasonry } from "./theme";
|
|
4
4
|
import clsx from "clsx";
|
|
5
|
-
import { getTheme } from "
|
|
5
|
+
import { getTheme } from "../../theme-provider/themeUtils";
|
|
6
6
|
|
|
7
7
|
let {
|
|
8
8
|
items = [],
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type VariantProps } from "tailwind-variants";
|
|
2
|
-
import type { Classes } from "
|
|
2
|
+
import type { Classes } from "../../theme-provider/themeUtils";
|
|
3
3
|
export declare const virtualMasonry: import("tailwind-variants").TVReturnType<{
|
|
4
4
|
contained: {
|
|
5
5
|
true: {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
<script lang="ts" generics="T">
|
|
2
|
-
import type { VirtualListProps } from "
|
|
2
|
+
import type { VirtualListProps } from "../../types";
|
|
3
3
|
import { virtualList } from "./theme";
|
|
4
4
|
import clsx from "clsx";
|
|
5
|
-
import { getTheme } from "
|
|
5
|
+
import { getTheme } from "../../theme-provider/themeUtils";
|
|
6
6
|
|
|
7
7
|
let {
|
|
8
8
|
items = [],
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type VariantProps } from "tailwind-variants";
|
|
2
|
-
import type { Classes } from "
|
|
2
|
+
import type { Classes } from "../../theme-provider/themeUtils";
|
|
3
3
|
export type VirtualListVariants = VariantProps<typeof virtualList> & Classes<typeof virtualList>;
|
|
4
4
|
export declare const virtualList: import("tailwind-variants").TVReturnType<{
|
|
5
5
|
contained: {
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { footer } from "./theme";
|
|
3
3
|
import clsx from "clsx";
|
|
4
4
|
import type { FooterProps } from "..";
|
|
5
|
-
import { getTheme } from "../theme/themeUtils";
|
|
5
|
+
import { getTheme } from "../theme-provider/themeUtils";
|
|
6
6
|
|
|
7
7
|
let { children, footerType = "default", class: className, ...restProps }: FooterProps = $props();
|
|
8
8
|
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
@component
|
|
20
20
|
[Go to docs](https://flowbite-svelte.com/)
|
|
21
21
|
## Type
|
|
22
|
-
[FooterProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
22
|
+
[FooterProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L688)
|
|
23
23
|
## Props
|
|
24
24
|
@prop children
|
|
25
25
|
@prop footerType = "default"
|
|
@@ -2,7 +2,7 @@ import type { FooterProps } from "..";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [FooterProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [FooterProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L688)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop footerType = "default"
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { footerBrand } from "./theme";
|
|
3
3
|
import clsx from "clsx";
|
|
4
4
|
import type { FooterBrandProps } from "..";
|
|
5
|
-
import { getTheme } from "../theme/themeUtils";
|
|
5
|
+
import { getTheme } from "../theme-provider/themeUtils";
|
|
6
6
|
|
|
7
7
|
let { children, class: className, classes, href, src, alt, name, ...restProps }: FooterBrandProps = $props();
|
|
8
8
|
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
@component
|
|
33
33
|
[Go to docs](https://flowbite-svelte.com/)
|
|
34
34
|
## Type
|
|
35
|
-
[FooterBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
35
|
+
[FooterBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L693)
|
|
36
36
|
## Props
|
|
37
37
|
@prop children
|
|
38
38
|
@prop class: className
|