flowbite-svelte 0.36.5 → 0.37.1
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 +39 -5
- package/dist/accordion/Accordion.svelte.d.ts +35 -0
- package/dist/accordion/Accordion.svelte.d.ts.map +1 -1
- package/dist/accordion/AccordionItem.svelte +29 -0
- package/dist/accordion/AccordionItem.svelte.d.ts +26 -0
- package/dist/accordion/AccordionItem.svelte.d.ts.map +1 -1
- package/dist/alerts/Alert.svelte +41 -1
- package/dist/alerts/Alert.svelte.d.ts +38 -0
- package/dist/alerts/Alert.svelte.d.ts.map +1 -1
- package/dist/avatar/Avatar.svelte +35 -0
- package/dist/avatar/Avatar.svelte.d.ts +33 -0
- package/dist/avatar/Avatar.svelte.d.ts.map +1 -1
- package/dist/avatar/Placeholder.svelte +7 -0
- package/dist/avatar/Placeholder.svelte.d.ts +5 -0
- package/dist/avatar/Placeholder.svelte.d.ts.map +1 -1
- package/dist/badges/Badge.svelte +33 -0
- package/dist/badges/Badge.svelte.d.ts +31 -0
- package/dist/badges/Badge.svelte.d.ts.map +1 -1
- package/dist/banner/Banner.svelte +46 -0
- package/dist/banner/Banner.svelte.d.ts +44 -0
- package/dist/banner/Banner.svelte.d.ts.map +1 -1
- package/dist/bottom-nav/BottomNav.svelte +54 -3
- package/dist/bottom-nav/BottomNav.svelte.d.ts +49 -0
- package/dist/bottom-nav/BottomNav.svelte.d.ts.map +1 -1
- package/dist/bottom-nav/BottomNavHeader.svelte +20 -0
- package/dist/bottom-nav/BottomNavHeader.svelte.d.ts +18 -0
- package/dist/bottom-nav/BottomNavHeader.svelte.d.ts.map +1 -1
- package/dist/bottom-nav/BottomNavHeaderItem.svelte +12 -0
- package/dist/bottom-nav/BottomNavHeaderItem.svelte.d.ts +9 -0
- package/dist/bottom-nav/BottomNavHeaderItem.svelte.d.ts.map +1 -1
- package/dist/bottom-nav/BottomNavItem.svelte +31 -4
- package/dist/bottom-nav/BottomNavItem.svelte.d.ts +24 -0
- package/dist/bottom-nav/BottomNavItem.svelte.d.ts.map +1 -1
- package/dist/breadcrumbs/Breadcrumb.svelte +27 -0
- package/dist/breadcrumbs/Breadcrumb.svelte.d.ts +25 -0
- package/dist/breadcrumbs/Breadcrumb.svelte.d.ts.map +1 -1
- package/dist/breadcrumbs/BreadcrumbItem.svelte +17 -0
- package/dist/breadcrumbs/BreadcrumbItem.svelte.d.ts +14 -0
- package/dist/breadcrumbs/BreadcrumbItem.svelte.d.ts.map +1 -1
- package/dist/buttongroups/ButtonGroup.svelte +9 -0
- package/dist/buttongroups/ButtonGroup.svelte.d.ts +7 -0
- package/dist/buttongroups/ButtonGroup.svelte.d.ts.map +1 -1
- package/dist/buttons/Button.svelte +48 -0
- package/dist/buttons/Button.svelte.d.ts +46 -0
- package/dist/buttons/Button.svelte.d.ts.map +1 -1
- package/dist/buttons/GradientButton.svelte +25 -0
- package/dist/buttons/GradientButton.svelte.d.ts +23 -0
- package/dist/buttons/GradientButton.svelte.d.ts.map +1 -1
- package/dist/cards/Card.svelte +45 -0
- package/dist/cards/Card.svelte.d.ts +43 -0
- package/dist/cards/Card.svelte.d.ts.map +1 -1
- package/dist/carousels/Caption.svelte +11 -0
- package/dist/carousels/Caption.svelte.d.ts +8 -0
- package/dist/carousels/Caption.svelte.d.ts.map +1 -1
- package/dist/carousels/Carousel.svelte +48 -0
- package/dist/carousels/Carousel.svelte.d.ts +46 -0
- package/dist/carousels/Carousel.svelte.d.ts.map +1 -1
- package/dist/carousels/CarouselTransition.svelte +46 -0
- package/dist/carousels/CarouselTransition.svelte.d.ts +44 -0
- package/dist/carousels/CarouselTransition.svelte.d.ts.map +1 -1
- package/dist/carousels/Indicator.svelte +11 -0
- package/dist/carousels/Indicator.svelte.d.ts +8 -0
- package/dist/carousels/Indicator.svelte.d.ts.map +1 -1
- package/dist/carousels/Slide.svelte +11 -0
- package/dist/carousels/Slide.svelte.d.ts +9 -0
- package/dist/carousels/Slide.svelte.d.ts.map +1 -1
- package/dist/carousels/Thumbnail.svelte +14 -0
- package/dist/carousels/Thumbnail.svelte.d.ts +11 -0
- package/dist/carousels/Thumbnail.svelte.d.ts.map +1 -1
- package/dist/darkmode/DarkMode.svelte +11 -0
- package/dist/darkmode/DarkMode.svelte.d.ts +9 -0
- package/dist/darkmode/DarkMode.svelte.d.ts.map +1 -1
- package/dist/datepicker/Datepicker.svelte +16 -0
- package/dist/datepicker/Datepicker.svelte.d.ts +13 -0
- package/dist/datepicker/Datepicker.svelte.d.ts.map +1 -1
- package/dist/device-mockup/Android.svelte +34 -5
- package/dist/device-mockup/Android.svelte.d.ts +32 -5
- package/dist/device-mockup/Android.svelte.d.ts.map +1 -1
- package/dist/device-mockup/DefaultMockup.svelte +32 -4
- package/dist/device-mockup/DefaultMockup.svelte.d.ts +30 -4
- package/dist/device-mockup/DefaultMockup.svelte.d.ts.map +1 -1
- package/dist/device-mockup/DeviceMockup.svelte +159 -31
- package/dist/device-mockup/DeviceMockup.svelte.d.ts +150 -31
- package/dist/device-mockup/DeviceMockup.svelte.d.ts.map +1 -1
- package/dist/device-mockup/Ios.svelte +32 -4
- package/dist/device-mockup/Ios.svelte.d.ts +30 -4
- package/dist/device-mockup/Ios.svelte.d.ts.map +1 -1
- package/dist/device-mockup/Smartwatch.svelte +28 -2
- package/dist/device-mockup/Smartwatch.svelte.d.ts +26 -2
- package/dist/device-mockup/Smartwatch.svelte.d.ts.map +1 -1
- package/dist/device-mockup/Tablet.svelte +32 -4
- package/dist/device-mockup/Tablet.svelte.d.ts +30 -4
- package/dist/device-mockup/Tablet.svelte.d.ts.map +1 -1
- package/dist/drawer/Drawer.svelte +72 -0
- package/dist/drawer/Drawer.svelte.d.ts +70 -0
- package/dist/drawer/Drawer.svelte.d.ts.map +1 -1
- package/dist/dropdowns/Dropdown.svelte +57 -3
- package/dist/dropdowns/Dropdown.svelte.d.ts +51 -0
- package/dist/dropdowns/Dropdown.svelte.d.ts.map +1 -1
- package/dist/dropdowns/DropdownDivider.svelte +8 -0
- package/dist/dropdowns/DropdownDivider.svelte.d.ts +6 -0
- package/dist/dropdowns/DropdownDivider.svelte.d.ts.map +1 -1
- package/dist/dropdowns/DropdownHeader.svelte +9 -1
- package/dist/dropdowns/DropdownHeader.svelte.d.ts +7 -0
- package/dist/dropdowns/DropdownHeader.svelte.d.ts.map +1 -1
- package/dist/dropdowns/DropdownItem.svelte +18 -0
- package/dist/dropdowns/DropdownItem.svelte.d.ts +16 -0
- package/dist/dropdowns/DropdownItem.svelte.d.ts.map +1 -1
- package/dist/footer/Footer.svelte +31 -0
- package/dist/footer/Footer.svelte.d.ts +29 -0
- package/dist/footer/Footer.svelte.d.ts.map +1 -1
- package/dist/footer/FooterBrand.svelte +15 -0
- package/dist/footer/FooterBrand.svelte.d.ts +13 -0
- package/dist/footer/FooterBrand.svelte.d.ts.map +1 -1
- package/dist/footer/FooterCopyright.svelte +14 -0
- package/dist/footer/FooterCopyright.svelte.d.ts +12 -0
- package/dist/footer/FooterCopyright.svelte.d.ts.map +1 -1
- package/dist/footer/FooterIcon.svelte +11 -0
- package/dist/footer/FooterIcon.svelte.d.ts +9 -0
- package/dist/footer/FooterIcon.svelte.d.ts.map +1 -1
- package/dist/footer/FooterLink.svelte +11 -0
- package/dist/footer/FooterLink.svelte.d.ts +9 -0
- package/dist/footer/FooterLink.svelte.d.ts.map +1 -1
- package/dist/footer/FooterLinkGroup.svelte +8 -0
- package/dist/footer/FooterLinkGroup.svelte.d.ts +6 -0
- package/dist/footer/FooterLinkGroup.svelte.d.ts.map +1 -1
- package/dist/forms/Checkbox.svelte +49 -1
- package/dist/forms/Checkbox.svelte.d.ts +46 -0
- package/dist/forms/Checkbox.svelte.d.ts.map +1 -1
- package/dist/forms/Dropzone.svelte +32 -0
- package/dist/forms/Dropzone.svelte.d.ts +30 -0
- package/dist/forms/Dropzone.svelte.d.ts.map +1 -1
- package/dist/forms/Fileupload.svelte +35 -0
- package/dist/forms/Fileupload.svelte.d.ts +33 -0
- package/dist/forms/Fileupload.svelte.d.ts.map +1 -1
- package/dist/forms/FloatingLabelInput.svelte +37 -0
- package/dist/forms/FloatingLabelInput.svelte.d.ts +35 -0
- package/dist/forms/FloatingLabelInput.svelte.d.ts.map +1 -1
- package/dist/forms/Helper.svelte +15 -0
- package/dist/forms/Helper.svelte.d.ts +13 -0
- package/dist/forms/Helper.svelte.d.ts.map +1 -1
- package/dist/forms/Input.svelte +59 -0
- package/dist/forms/Input.svelte.d.ts +57 -0
- package/dist/forms/Input.svelte.d.ts.map +1 -1
- package/dist/forms/InputAddon.svelte +18 -0
- package/dist/forms/InputAddon.svelte.d.ts +16 -0
- package/dist/forms/InputAddon.svelte.d.ts.map +1 -1
- package/dist/forms/Label.svelte +20 -0
- package/dist/forms/Label.svelte.d.ts +18 -0
- package/dist/forms/Label.svelte.d.ts.map +1 -1
- package/dist/forms/NumberInput.svelte +22 -0
- package/dist/forms/NumberInput.svelte.d.ts +20 -0
- package/dist/forms/NumberInput.svelte.d.ts.map +1 -1
- package/dist/forms/Radio.svelte +48 -0
- package/dist/forms/Radio.svelte.d.ts +44 -0
- package/dist/forms/Radio.svelte.d.ts.map +1 -1
- package/dist/forms/RadioInline.svelte +9 -0
- package/dist/forms/RadioInline.svelte.d.ts +6 -0
- package/dist/forms/RadioInline.svelte.d.ts.map +1 -1
- package/dist/forms/Range.svelte +23 -0
- package/dist/forms/Range.svelte.d.ts +21 -0
- package/dist/forms/Range.svelte.d.ts.map +1 -1
- package/dist/forms/Search.svelte +39 -0
- package/dist/forms/Search.svelte.d.ts +37 -0
- package/dist/forms/Search.svelte.d.ts.map +1 -1
- package/dist/forms/Select.svelte +37 -0
- package/dist/forms/Select.svelte.d.ts +35 -0
- package/dist/forms/Select.svelte.d.ts.map +1 -1
- package/dist/forms/Textarea.svelte +36 -0
- package/dist/forms/Textarea.svelte.d.ts +34 -0
- package/dist/forms/Textarea.svelte.d.ts.map +1 -1
- package/dist/forms/Toggle.svelte +32 -1
- package/dist/forms/Toggle.svelte.d.ts +27 -1
- package/dist/forms/Toggle.svelte.d.ts.map +1 -1
- package/dist/forms/VoiceSearch.svelte +37 -0
- package/dist/forms/VoiceSearch.svelte.d.ts +35 -0
- package/dist/forms/VoiceSearch.svelte.d.ts.map +1 -1
- package/dist/gallery/Gallery.svelte +43 -1
- package/dist/gallery/Gallery.svelte.d.ts +40 -0
- package/dist/gallery/Gallery.svelte.d.ts.map +1 -1
- package/dist/indicators/Indicator.svelte +31 -0
- package/dist/indicators/Indicator.svelte.d.ts +29 -0
- package/dist/indicators/Indicator.svelte.d.ts.map +1 -1
- package/dist/kbd/ArrowKeyDown.svelte +8 -0
- package/dist/kbd/ArrowKeyDown.svelte.d.ts +6 -0
- package/dist/kbd/ArrowKeyDown.svelte.d.ts.map +1 -1
- package/dist/kbd/ArrowKeyLeft.svelte +8 -0
- package/dist/kbd/ArrowKeyLeft.svelte.d.ts +6 -0
- package/dist/kbd/ArrowKeyLeft.svelte.d.ts.map +1 -1
- package/dist/kbd/ArrowKeyRight.svelte +8 -0
- package/dist/kbd/ArrowKeyRight.svelte.d.ts +6 -0
- package/dist/kbd/ArrowKeyRight.svelte.d.ts.map +1 -1
- package/dist/kbd/ArrowKeyUp.svelte +8 -0
- package/dist/kbd/ArrowKeyUp.svelte.d.ts +6 -0
- package/dist/kbd/ArrowKeyUp.svelte.d.ts.map +1 -1
- package/dist/kbd/Kbd.svelte +30 -0
- package/dist/kbd/Kbd.svelte.d.ts +28 -0
- package/dist/kbd/Kbd.svelte.d.ts.map +1 -1
- package/dist/list-group/Listgroup.svelte +21 -0
- package/dist/list-group/Listgroup.svelte.d.ts +19 -0
- package/dist/list-group/Listgroup.svelte.d.ts.map +1 -1
- package/dist/list-group/ListgroupItem.svelte +22 -0
- package/dist/list-group/ListgroupItem.svelte.d.ts +20 -0
- package/dist/list-group/ListgroupItem.svelte.d.ts.map +1 -1
- package/dist/megamenu/MegaMenu.svelte +53 -0
- package/dist/megamenu/MegaMenu.svelte.d.ts +51 -0
- package/dist/megamenu/MegaMenu.svelte.d.ts.map +1 -1
- package/dist/modals/Modal.svelte +48 -1
- package/dist/modals/Modal.svelte.d.ts +45 -0
- package/dist/modals/Modal.svelte.d.ts.map +1 -1
- package/dist/navbar/Menu.svelte +10 -0
- package/dist/navbar/Menu.svelte.d.ts +8 -0
- package/dist/navbar/Menu.svelte.d.ts.map +1 -1
- package/dist/navbar/NavBrand.svelte +34 -0
- package/dist/navbar/NavBrand.svelte.d.ts +32 -0
- package/dist/navbar/NavBrand.svelte.d.ts.map +1 -1
- package/dist/navbar/NavDropdown.svelte +50 -0
- package/dist/navbar/NavDropdown.svelte.d.ts +48 -0
- package/dist/navbar/NavDropdown.svelte.d.ts.map +1 -1
- package/dist/navbar/NavHamburger.svelte +34 -0
- package/dist/navbar/NavHamburger.svelte.d.ts +32 -0
- package/dist/navbar/NavHamburger.svelte.d.ts.map +1 -1
- package/dist/navbar/NavLi.svelte +39 -0
- package/dist/navbar/NavLi.svelte.d.ts +37 -0
- package/dist/navbar/NavLi.svelte.d.ts.map +1 -1
- package/dist/navbar/NavSidebarHamburger.svelte +34 -0
- package/dist/navbar/NavSidebarHamburger.svelte.d.ts +32 -0
- package/dist/navbar/NavSidebarHamburger.svelte.d.ts.map +1 -1
- package/dist/navbar/NavUl.svelte +30 -0
- package/dist/navbar/NavUl.svelte.d.ts +28 -0
- package/dist/navbar/NavUl.svelte.d.ts.map +1 -1
- package/dist/navbar/Navbar.svelte +36 -0
- package/dist/navbar/Navbar.svelte.d.ts +34 -0
- package/dist/navbar/Navbar.svelte.d.ts.map +1 -1
- package/dist/navbar/SidebarMenu.svelte +36 -0
- package/dist/navbar/SidebarMenu.svelte.d.ts +34 -0
- package/dist/navbar/SidebarMenu.svelte.d.ts.map +1 -1
- package/dist/paginations/Pagination.svelte +71 -0
- package/dist/paginations/Pagination.svelte.d.ts +69 -0
- package/dist/paginations/Pagination.svelte.d.ts.map +1 -1
- package/dist/paginations/PaginationItem.svelte +62 -0
- package/dist/paginations/PaginationItem.svelte.d.ts +60 -0
- package/dist/paginations/PaginationItem.svelte.d.ts.map +1 -1
- package/dist/popover/Popover.svelte +20 -0
- package/dist/popover/Popover.svelte.d.ts +18 -0
- package/dist/popover/Popover.svelte.d.ts.map +1 -1
- package/dist/progressbars/Progressbar.svelte +21 -0
- package/dist/progressbars/Progressbar.svelte.d.ts +19 -0
- package/dist/progressbars/Progressbar.svelte.d.ts.map +1 -1
- package/dist/ratings/AdvancedRating.svelte +14 -0
- package/dist/ratings/AdvancedRating.svelte.d.ts +12 -0
- package/dist/ratings/AdvancedRating.svelte.d.ts.map +1 -1
- package/dist/ratings/Heart.svelte +15 -0
- package/dist/ratings/Heart.svelte.d.ts +13 -0
- package/dist/ratings/Heart.svelte.d.ts.map +1 -1
- package/dist/ratings/Rating.svelte +36 -0
- package/dist/ratings/Rating.svelte.d.ts +34 -0
- package/dist/ratings/Rating.svelte.d.ts.map +1 -1
- package/dist/ratings/RatingComment.svelte +47 -0
- package/dist/ratings/RatingComment.svelte.d.ts +45 -0
- package/dist/ratings/RatingComment.svelte.d.ts.map +1 -1
- package/dist/ratings/Review.svelte +56 -0
- package/dist/ratings/Review.svelte.d.ts +54 -0
- package/dist/ratings/Review.svelte.d.ts.map +1 -1
- package/dist/ratings/ScoreRating.svelte +41 -0
- package/dist/ratings/ScoreRating.svelte.d.ts +39 -0
- package/dist/ratings/ScoreRating.svelte.d.ts.map +1 -1
- package/dist/ratings/Star.svelte +27 -2
- package/dist/ratings/Star.svelte.d.ts +22 -0
- package/dist/ratings/Star.svelte.d.ts.map +1 -1
- package/dist/ratings/Thumbup.svelte +24 -0
- package/dist/ratings/Thumbup.svelte.d.ts +22 -0
- package/dist/ratings/Thumbup.svelte.d.ts.map +1 -1
- package/dist/sidebars/Sidebar.svelte +67 -0
- package/dist/sidebars/Sidebar.svelte.d.ts +64 -0
- package/dist/sidebars/Sidebar.svelte.d.ts.map +1 -1
- package/dist/sidebars/SidebarBrand.svelte +25 -0
- package/dist/sidebars/SidebarBrand.svelte.d.ts +22 -0
- package/dist/sidebars/SidebarBrand.svelte.d.ts.map +1 -1
- package/dist/sidebars/SidebarCta.svelte +38 -0
- package/dist/sidebars/SidebarCta.svelte.d.ts +35 -0
- package/dist/sidebars/SidebarCta.svelte.d.ts.map +1 -1
- package/dist/sidebars/SidebarDropdownItem.svelte +52 -0
- package/dist/sidebars/SidebarDropdownItem.svelte.d.ts +49 -0
- package/dist/sidebars/SidebarDropdownItem.svelte.d.ts.map +1 -1
- package/dist/sidebars/SidebarDropdownWrapper.svelte +43 -0
- package/dist/sidebars/SidebarDropdownWrapper.svelte.d.ts +40 -0
- package/dist/sidebars/SidebarDropdownWrapper.svelte.d.ts.map +1 -1
- package/dist/sidebars/SidebarGroup.svelte +41 -0
- package/dist/sidebars/SidebarGroup.svelte.d.ts +38 -0
- package/dist/sidebars/SidebarGroup.svelte.d.ts.map +1 -1
- package/dist/sidebars/SidebarItem.svelte +73 -0
- package/dist/sidebars/SidebarItem.svelte.d.ts +70 -0
- package/dist/sidebars/SidebarItem.svelte.d.ts.map +1 -1
- package/dist/sidebars/SidebarWrapper.svelte +67 -0
- package/dist/sidebars/SidebarWrapper.svelte.d.ts +64 -0
- package/dist/sidebars/SidebarWrapper.svelte.d.ts.map +1 -1
- package/dist/skeleton/CardPlaceholder.svelte +22 -0
- package/dist/skeleton/CardPlaceholder.svelte.d.ts +20 -0
- package/dist/skeleton/CardPlaceholder.svelte.d.ts.map +1 -1
- package/dist/skeleton/ImagePlaceholder.svelte +18 -0
- package/dist/skeleton/ImagePlaceholder.svelte.d.ts +16 -0
- package/dist/skeleton/ImagePlaceholder.svelte.d.ts.map +1 -1
- package/dist/skeleton/ListPlaceholder.svelte +16 -0
- package/dist/skeleton/ListPlaceholder.svelte.d.ts +14 -0
- package/dist/skeleton/ListPlaceholder.svelte.d.ts.map +1 -1
- package/dist/skeleton/Skeleton.svelte +21 -0
- package/dist/skeleton/Skeleton.svelte.d.ts +19 -0
- package/dist/skeleton/Skeleton.svelte.d.ts.map +1 -1
- package/dist/skeleton/TestimonialPlaceholder.svelte +16 -0
- package/dist/skeleton/TestimonialPlaceholder.svelte.d.ts +14 -0
- package/dist/skeleton/TestimonialPlaceholder.svelte.d.ts.map +1 -1
- package/dist/skeleton/TextPlaceholder.svelte +21 -0
- package/dist/skeleton/TextPlaceholder.svelte.d.ts +19 -0
- package/dist/skeleton/TextPlaceholder.svelte.d.ts.map +1 -1
- package/dist/skeleton/VideoPlaceholder.svelte +22 -0
- package/dist/skeleton/VideoPlaceholder.svelte.d.ts +20 -0
- package/dist/skeleton/VideoPlaceholder.svelte.d.ts.map +1 -1
- package/dist/skeleton/WidgetPlaceholder.svelte +16 -0
- package/dist/skeleton/WidgetPlaceholder.svelte.d.ts +14 -0
- package/dist/skeleton/WidgetPlaceholder.svelte.d.ts.map +1 -1
- package/dist/speed-dial/SpeedDial.svelte +47 -0
- package/dist/speed-dial/SpeedDial.svelte.d.ts +45 -0
- package/dist/speed-dial/SpeedDial.svelte.d.ts.map +1 -1
- package/dist/speed-dial/SpeedDialButton.svelte +35 -0
- package/dist/speed-dial/SpeedDialButton.svelte.d.ts +33 -0
- package/dist/speed-dial/SpeedDialButton.svelte.d.ts.map +1 -1
- package/dist/spinners/Spinner.svelte +29 -1
- package/dist/spinners/Spinner.svelte.d.ts +26 -1
- package/dist/spinners/Spinner.svelte.d.ts.map +1 -1
- package/dist/steps/StepIndicator.svelte +48 -3
- package/dist/steps/StepIndicator.svelte.d.ts +38 -1
- package/dist/steps/StepIndicator.svelte.d.ts.map +1 -1
- package/dist/tables/Table.svelte +68 -1
- package/dist/tables/Table.svelte.d.ts +63 -0
- package/dist/tables/Table.svelte.d.ts.map +1 -1
- package/dist/tables/TableBody.svelte +8 -0
- package/dist/tables/TableBody.svelte.d.ts +6 -0
- package/dist/tables/TableBody.svelte.d.ts.map +1 -1
- package/dist/tables/TableBodyCell.svelte +17 -0
- package/dist/tables/TableBodyCell.svelte.d.ts +15 -0
- package/dist/tables/TableBodyCell.svelte.d.ts.map +1 -1
- package/dist/tables/TableBodyRow.svelte +8 -0
- package/dist/tables/TableBodyRow.svelte.d.ts +6 -0
- package/dist/tables/TableBodyRow.svelte.d.ts.map +1 -1
- package/dist/tables/TableHead.svelte +9 -0
- package/dist/tables/TableHead.svelte.d.ts +7 -0
- package/dist/tables/TableHead.svelte.d.ts.map +1 -1
- package/dist/tables/TableHeadCell.svelte +17 -0
- package/dist/tables/TableHeadCell.svelte.d.ts +15 -0
- package/dist/tables/TableHeadCell.svelte.d.ts.map +1 -1
- package/dist/tables/TableSearch.svelte +16 -1
- package/dist/tables/TableSearch.svelte.d.ts +13 -0
- package/dist/tables/TableSearch.svelte.d.ts.map +1 -1
- package/dist/tabs/TabItem.svelte +50 -0
- package/dist/tabs/TabItem.svelte.d.ts +47 -0
- package/dist/tabs/TabItem.svelte.d.ts.map +1 -1
- package/dist/tabs/Tabs.svelte +48 -0
- package/dist/tabs/Tabs.svelte.d.ts +46 -0
- package/dist/tabs/Tabs.svelte.d.ts.map +1 -1
- package/dist/timeline/Activity.svelte +46 -0
- package/dist/timeline/Activity.svelte.d.ts +44 -0
- package/dist/timeline/Activity.svelte.d.ts.map +1 -1
- package/dist/timeline/ActivityItem.svelte +46 -0
- package/dist/timeline/ActivityItem.svelte.d.ts +44 -0
- package/dist/timeline/ActivityItem.svelte.d.ts.map +1 -1
- package/dist/timeline/Group.svelte +47 -0
- package/dist/timeline/Group.svelte.d.ts +44 -0
- package/dist/timeline/Group.svelte.d.ts.map +1 -1
- package/dist/timeline/GroupItem.svelte +45 -0
- package/dist/timeline/GroupItem.svelte.d.ts +42 -0
- package/dist/timeline/GroupItem.svelte.d.ts.map +1 -1
- package/dist/timeline/Timeline.svelte +54 -0
- package/dist/timeline/Timeline.svelte.d.ts +51 -0
- package/dist/timeline/Timeline.svelte.d.ts.map +1 -1
- package/dist/timeline/TimelineHorizontal.svelte +62 -0
- package/dist/timeline/TimelineHorizontal.svelte.d.ts +60 -0
- package/dist/timeline/TimelineHorizontal.svelte.d.ts.map +1 -1
- package/dist/timeline/TimelineItem.svelte +56 -0
- package/dist/timeline/TimelineItem.svelte.d.ts +53 -0
- package/dist/timeline/TimelineItem.svelte.d.ts.map +1 -1
- package/dist/timeline/TimelineItemHorizontal.svelte +67 -0
- package/dist/timeline/TimelineItemHorizontal.svelte.d.ts +65 -0
- package/dist/timeline/TimelineItemHorizontal.svelte.d.ts.map +1 -1
- package/dist/timeline/TimelineItemVertical.svelte +88 -0
- package/dist/timeline/TimelineItemVertical.svelte.d.ts +85 -0
- package/dist/timeline/TimelineItemVertical.svelte.d.ts.map +1 -1
- package/dist/toasts/Toast.svelte +40 -0
- package/dist/toasts/Toast.svelte.d.ts +38 -0
- package/dist/toasts/Toast.svelte.d.ts.map +1 -1
- package/dist/toolbar/Toolbar.svelte +27 -0
- package/dist/toolbar/Toolbar.svelte.d.ts +25 -0
- package/dist/toolbar/Toolbar.svelte.d.ts.map +1 -1
- package/dist/toolbar/ToolbarButton.svelte +30 -0
- package/dist/toolbar/ToolbarButton.svelte.d.ts +28 -0
- package/dist/toolbar/ToolbarButton.svelte.d.ts.map +1 -1
- package/dist/toolbar/ToolbarGroup.svelte +27 -0
- package/dist/toolbar/ToolbarGroup.svelte.d.ts +25 -0
- package/dist/toolbar/ToolbarGroup.svelte.d.ts.map +1 -1
- package/dist/tooltips/Tooltip.svelte +25 -0
- package/dist/tooltips/Tooltip.svelte.d.ts +23 -0
- package/dist/tooltips/Tooltip.svelte.d.ts.map +1 -1
- package/dist/typography/A.svelte +33 -0
- package/dist/typography/A.svelte.d.ts +31 -0
- package/dist/typography/A.svelte.d.ts.map +1 -1
- package/dist/typography/Blockquote.svelte +33 -0
- package/dist/typography/Blockquote.svelte.d.ts +31 -0
- package/dist/typography/Blockquote.svelte.d.ts.map +1 -1
- package/dist/typography/DescriptionList.svelte +42 -0
- package/dist/typography/DescriptionList.svelte.d.ts +40 -0
- package/dist/typography/DescriptionList.svelte.d.ts.map +1 -1
- package/dist/typography/Heading.svelte +35 -0
- package/dist/typography/Heading.svelte.d.ts +33 -0
- package/dist/typography/Heading.svelte.d.ts.map +1 -1
- package/dist/typography/Hr.svelte +31 -0
- package/dist/typography/Hr.svelte.d.ts +29 -0
- package/dist/typography/Hr.svelte.d.ts.map +1 -1
- package/dist/typography/Img.svelte +35 -0
- package/dist/typography/Img.svelte.d.ts +33 -0
- package/dist/typography/Img.svelte.d.ts.map +1 -1
- package/dist/typography/Layout.svelte +50 -0
- package/dist/typography/Layout.svelte.d.ts +48 -0
- package/dist/typography/Layout.svelte.d.ts.map +1 -1
- package/dist/typography/Li.svelte +36 -0
- package/dist/typography/Li.svelte.d.ts +34 -0
- package/dist/typography/Li.svelte.d.ts.map +1 -1
- package/dist/typography/List.svelte +37 -0
- package/dist/typography/List.svelte.d.ts +35 -0
- package/dist/typography/List.svelte.d.ts.map +1 -1
- package/dist/typography/Mark.svelte +30 -0
- package/dist/typography/Mark.svelte.d.ts +28 -0
- package/dist/typography/Mark.svelte.d.ts.map +1 -1
- package/dist/typography/P.svelte +45 -0
- package/dist/typography/P.svelte.d.ts +43 -0
- package/dist/typography/P.svelte.d.ts.map +1 -1
- package/dist/typography/Secondary.svelte +28 -0
- package/dist/typography/Secondary.svelte.d.ts +26 -0
- package/dist/typography/Secondary.svelte.d.ts.map +1 -1
- package/dist/typography/Span.svelte +36 -0
- package/dist/typography/Span.svelte.d.ts +34 -0
- package/dist/typography/Span.svelte.d.ts.map +1 -1
- package/dist/utils/Chevron.svelte +7 -0
- package/dist/utils/Chevron.svelte.d.ts +5 -0
- package/dist/utils/Chevron.svelte.d.ts.map +1 -1
- package/dist/utils/ChevronDown.svelte +11 -0
- package/dist/utils/ChevronDown.svelte.d.ts +9 -0
- package/dist/utils/ChevronDown.svelte.d.ts.map +1 -1
- package/dist/utils/ChevronLeft.svelte +11 -0
- package/dist/utils/ChevronLeft.svelte.d.ts +9 -0
- package/dist/utils/ChevronLeft.svelte.d.ts.map +1 -1
- package/dist/utils/ChevronRight.svelte +10 -0
- package/dist/utils/ChevronRight.svelte.d.ts +8 -0
- package/dist/utils/ChevronRight.svelte.d.ts.map +1 -1
- package/dist/utils/ChevronUp.svelte +11 -0
- package/dist/utils/ChevronUp.svelte.d.ts +9 -0
- package/dist/utils/ChevronUp.svelte.d.ts.map +1 -1
- package/dist/utils/CloseButton.svelte +8 -0
- package/dist/utils/CloseButton.svelte.d.ts +6 -0
- package/dist/utils/CloseButton.svelte.d.ts.map +1 -1
- package/dist/utils/Frame.svelte +21 -0
- package/dist/utils/Frame.svelte.d.ts +19 -0
- package/dist/utils/Frame.svelte.d.ts.map +1 -1
- package/dist/utils/InformationCircle.svelte +11 -0
- package/dist/utils/InformationCircle.svelte.d.ts +9 -0
- package/dist/utils/InformationCircle.svelte.d.ts.map +1 -1
- package/dist/utils/MenuButton.svelte +9 -0
- package/dist/utils/MenuButton.svelte.d.ts +7 -0
- package/dist/utils/MenuButton.svelte.d.ts.map +1 -1
- package/dist/utils/Popper.svelte +14 -0
- package/dist/utils/Popper.svelte.d.ts +12 -0
- package/dist/utils/Popper.svelte.d.ts.map +1 -1
- package/dist/utils/UserCircle.svelte +11 -0
- package/dist/utils/UserCircle.svelte.d.ts +9 -0
- package/dist/utils/UserCircle.svelte.d.ts.map +1 -1
- package/dist/utils/Wrapper.svelte +8 -0
- package/dist/utils/Wrapper.svelte.d.ts +6 -0
- package/dist/utils/Wrapper.svelte.d.ts.map +1 -1
- package/dist/video/Video.svelte +17 -7
- package/dist/video/Video.svelte.d.ts +15 -0
- package/dist/video/Video.svelte.d.ts.map +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Indicator.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/indicators/Indicator.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAED,OAAO,KAAK,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"Indicator.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/indicators/Indicator.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAED,OAAO,KAAK,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAwF3E,QAAA,MAAM,SAAS;;;;;;;oBADmO,sBAAsB;;;;;;;;;CAC1L,CAAC;AAC/E,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACpD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACtD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,oBAAoB,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CAC3G"}
|
|
@@ -11,3 +11,11 @@ export let svgClass = 'w-4 h-4';
|
|
|
11
11
|
viewBox="0 0 320 512"
|
|
12
12
|
><path
|
|
13
13
|
d="M310.6 246.6l-127.1 128C176.4 380.9 168.2 384 160 384s-16.38-3.125-22.63-9.375l-127.1-128C.2244 237.5-2.516 223.7 2.438 211.8S19.07 192 32 192h255.1c12.94 0 24.62 7.781 29.58 19.75S319.8 237.5 310.6 246.6z" /></svg>
|
|
14
|
+
|
|
15
|
+
<!--
|
|
16
|
+
@component
|
|
17
|
+
## Features
|
|
18
|
+
[Go to KBD](https://flowbite-svelte.com/docs/components/kbd)
|
|
19
|
+
## Props
|
|
20
|
+
@prop svgClass: string = 'w-4 h-4';
|
|
21
|
+
-->
|
|
@@ -12,6 +12,12 @@ declare const __propDef: {
|
|
|
12
12
|
export type ArrowKeyDownProps = typeof __propDef.props;
|
|
13
13
|
export type ArrowKeyDownEvents = typeof __propDef.events;
|
|
14
14
|
export type ArrowKeyDownSlots = typeof __propDef.slots;
|
|
15
|
+
/**
|
|
16
|
+
* ## Features
|
|
17
|
+
* [Go to KBD](https://flowbite-svelte.com/docs/components/kbd)
|
|
18
|
+
* ## Props
|
|
19
|
+
* @prop svgClass: string = 'w-4 h-4';
|
|
20
|
+
*/
|
|
15
21
|
export default class ArrowKeyDown extends SvelteComponentTyped<ArrowKeyDownProps, ArrowKeyDownEvents, ArrowKeyDownSlots> {
|
|
16
22
|
}
|
|
17
23
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ArrowKeyDown.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/kbd/ArrowKeyDown.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;
|
|
1
|
+
{"version":3,"file":"ArrowKeyDown.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/kbd/ArrowKeyDown.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAcD,QAAA,MAAM,SAAS;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACvD,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACzD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEvD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,oBAAoB,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;CACvH"}
|
|
@@ -11,3 +11,11 @@ export let svgClass = 'w-4 h-4';
|
|
|
11
11
|
viewBox="0 0 320 512"
|
|
12
12
|
><path
|
|
13
13
|
d="M137.4 406.6l-128-127.1C3.125 272.4 0 264.2 0 255.1s3.125-16.38 9.375-22.63l128-127.1c9.156-9.156 22.91-11.9 34.88-6.943S192 115.1 192 128v255.1c0 12.94-7.781 24.62-19.75 29.58S146.5 415.8 137.4 406.6z" /></svg>
|
|
14
|
+
|
|
15
|
+
<!--
|
|
16
|
+
@component
|
|
17
|
+
## Features
|
|
18
|
+
[Go to KBD](https://flowbite-svelte.com/docs/components/kbd)
|
|
19
|
+
## Props
|
|
20
|
+
@prop svgClass: string = 'w-4 h-4';
|
|
21
|
+
-->
|
|
@@ -12,6 +12,12 @@ declare const __propDef: {
|
|
|
12
12
|
export type ArrowKeyLeftProps = typeof __propDef.props;
|
|
13
13
|
export type ArrowKeyLeftEvents = typeof __propDef.events;
|
|
14
14
|
export type ArrowKeyLeftSlots = typeof __propDef.slots;
|
|
15
|
+
/**
|
|
16
|
+
* ## Features
|
|
17
|
+
* [Go to KBD](https://flowbite-svelte.com/docs/components/kbd)
|
|
18
|
+
* ## Props
|
|
19
|
+
* @prop svgClass: string = 'w-4 h-4';
|
|
20
|
+
*/
|
|
15
21
|
export default class ArrowKeyLeft extends SvelteComponentTyped<ArrowKeyLeftProps, ArrowKeyLeftEvents, ArrowKeyLeftSlots> {
|
|
16
22
|
}
|
|
17
23
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ArrowKeyLeft.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/kbd/ArrowKeyLeft.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;
|
|
1
|
+
{"version":3,"file":"ArrowKeyLeft.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/kbd/ArrowKeyLeft.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAcD,QAAA,MAAM,SAAS;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACvD,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACzD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEvD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,oBAAoB,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;CACvH"}
|
|
@@ -11,3 +11,11 @@ export let svgClass = 'w-4 h-4';
|
|
|
11
11
|
viewBox="0 0 320 512"
|
|
12
12
|
><path
|
|
13
13
|
d="M118.6 105.4l128 127.1C252.9 239.6 256 247.8 256 255.1s-3.125 16.38-9.375 22.63l-128 127.1c-9.156 9.156-22.91 11.9-34.88 6.943S64 396.9 64 383.1V128c0-12.94 7.781-24.62 19.75-29.58S109.5 96.23 118.6 105.4z" /></svg>
|
|
14
|
+
|
|
15
|
+
<!--
|
|
16
|
+
@component
|
|
17
|
+
## Features
|
|
18
|
+
[Go to KBD](https://flowbite-svelte.com/docs/components/kbd)
|
|
19
|
+
## Props
|
|
20
|
+
@prop svgClass: string = 'w-4 h-4';
|
|
21
|
+
-->
|
|
@@ -12,6 +12,12 @@ declare const __propDef: {
|
|
|
12
12
|
export type ArrowKeyRightProps = typeof __propDef.props;
|
|
13
13
|
export type ArrowKeyRightEvents = typeof __propDef.events;
|
|
14
14
|
export type ArrowKeyRightSlots = typeof __propDef.slots;
|
|
15
|
+
/**
|
|
16
|
+
* ## Features
|
|
17
|
+
* [Go to KBD](https://flowbite-svelte.com/docs/components/kbd)
|
|
18
|
+
* ## Props
|
|
19
|
+
* @prop svgClass: string = 'w-4 h-4';
|
|
20
|
+
*/
|
|
15
21
|
export default class ArrowKeyRight extends SvelteComponentTyped<ArrowKeyRightProps, ArrowKeyRightEvents, ArrowKeyRightSlots> {
|
|
16
22
|
}
|
|
17
23
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ArrowKeyRight.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/kbd/ArrowKeyRight.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;
|
|
1
|
+
{"version":3,"file":"ArrowKeyRight.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/kbd/ArrowKeyRight.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAcD,QAAA,MAAM,SAAS;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACxD,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC1D,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAExD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,oBAAoB,CAAC,kBAAkB,EAAE,mBAAmB,EAAE,kBAAkB,CAAC;CAC3H"}
|
|
@@ -11,3 +11,11 @@ export let svgClass = 'w-4 h-4';
|
|
|
11
11
|
viewBox="0 0 320 512"
|
|
12
12
|
><path
|
|
13
13
|
d="M9.39 265.4l127.1-128C143.6 131.1 151.8 128 160 128s16.38 3.125 22.63 9.375l127.1 128c9.156 9.156 11.9 22.91 6.943 34.88S300.9 320 287.1 320H32.01c-12.94 0-24.62-7.781-29.58-19.75S.2333 274.5 9.39 265.4z" /></svg>
|
|
14
|
+
|
|
15
|
+
<!--
|
|
16
|
+
@component
|
|
17
|
+
## Features
|
|
18
|
+
[Go to KBD](https://flowbite-svelte.com/docs/components/kbd)
|
|
19
|
+
## Props
|
|
20
|
+
@prop svgClass: string = 'w-4 h-4';
|
|
21
|
+
-->
|
|
@@ -12,6 +12,12 @@ declare const __propDef: {
|
|
|
12
12
|
export type ArrowKeyUpProps = typeof __propDef.props;
|
|
13
13
|
export type ArrowKeyUpEvents = typeof __propDef.events;
|
|
14
14
|
export type ArrowKeyUpSlots = typeof __propDef.slots;
|
|
15
|
+
/**
|
|
16
|
+
* ## Features
|
|
17
|
+
* [Go to KBD](https://flowbite-svelte.com/docs/components/kbd)
|
|
18
|
+
* ## Props
|
|
19
|
+
* @prop svgClass: string = 'w-4 h-4';
|
|
20
|
+
*/
|
|
15
21
|
export default class ArrowKeyUp extends SvelteComponentTyped<ArrowKeyUpProps, ArrowKeyUpEvents, ArrowKeyUpSlots> {
|
|
16
22
|
}
|
|
17
23
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ArrowKeyUp.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/kbd/ArrowKeyUp.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;
|
|
1
|
+
{"version":3,"file":"ArrowKeyUp.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/kbd/ArrowKeyUp.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAcD,QAAA,MAAM,SAAS;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACrD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACvD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAErD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,oBAAoB,CAAC,eAAe,EAAE,gBAAgB,EAAE,eAAe,CAAC;CAC/G"}
|
package/dist/kbd/Kbd.svelte
CHANGED
|
@@ -5,3 +5,33 @@ export let kbdClass = 'text-xs font-semibold text-gray-800 bg-gray-100 border bo
|
|
|
5
5
|
<kbd class={classNames(kbdClass, $$props.class)}>
|
|
6
6
|
<slot />
|
|
7
7
|
</kbd>
|
|
8
|
+
|
|
9
|
+
<!--
|
|
10
|
+
@component
|
|
11
|
+
## Features
|
|
12
|
+
[Go to KBD](https://flowbite-svelte.com/docs/components/kbd)
|
|
13
|
+
- Setup
|
|
14
|
+
- Default KBD
|
|
15
|
+
- KBD inside text
|
|
16
|
+
- KBD inside table
|
|
17
|
+
- Arrow keys
|
|
18
|
+
- Letter keys
|
|
19
|
+
- Number keys
|
|
20
|
+
- Function keys
|
|
21
|
+
## Props
|
|
22
|
+
@prop kbdClass: string = 'text-xs font-semibold text-gray-800 bg-gray-100 border border-gray-200 rounded-lg dark:bg-gray-600 dark:text-gray-100 dark:border-gray-500';
|
|
23
|
+
## Example
|
|
24
|
+
```
|
|
25
|
+
<script>
|
|
26
|
+
import { Kbd } from 'flowbite-svelte'
|
|
27
|
+
</script>
|
|
28
|
+
|
|
29
|
+
<Kbd class='px-2 py-1.5'>Shift</Kbd>
|
|
30
|
+
<Kbd class='px-2 py-1.5'>Ctrl</Kbd>
|
|
31
|
+
<Kbd class='px-2 py-1.5'>Tab</Kbd>
|
|
32
|
+
<Kbd class='px-2 py-1.5'>Caps Lock</Kbd>
|
|
33
|
+
<Kbd class='px-2 py-1.5'>Esc</Kbd>
|
|
34
|
+
<Kbd class='px-4 py-1.5'>Spacebar</Kbd>
|
|
35
|
+
<Kbd class='px-2 py-1.5'>Enter</Kbd>
|
|
36
|
+
```
|
|
37
|
+
-->
|
package/dist/kbd/Kbd.svelte.d.ts
CHANGED
|
@@ -14,6 +14,34 @@ declare const __propDef: {
|
|
|
14
14
|
export type KbdProps = typeof __propDef.props;
|
|
15
15
|
export type KbdEvents = typeof __propDef.events;
|
|
16
16
|
export type KbdSlots = typeof __propDef.slots;
|
|
17
|
+
/**
|
|
18
|
+
* ## Features
|
|
19
|
+
* [Go to KBD](https://flowbite-svelte.com/docs/components/kbd)
|
|
20
|
+
* - Setup
|
|
21
|
+
* - Default KBD
|
|
22
|
+
* - KBD inside text
|
|
23
|
+
* - KBD inside table
|
|
24
|
+
* - Arrow keys
|
|
25
|
+
* - Letter keys
|
|
26
|
+
* - Number keys
|
|
27
|
+
* - Function keys
|
|
28
|
+
* ## Props
|
|
29
|
+
* @prop kbdClass: string = 'text-xs font-semibold text-gray-800 bg-gray-100 border border-gray-200 rounded-lg dark:bg-gray-600 dark:text-gray-100 dark:border-gray-500';
|
|
30
|
+
* ## Example
|
|
31
|
+
* ```
|
|
32
|
+
* <script>
|
|
33
|
+
* import { Kbd } from 'flowbite-svelte'
|
|
34
|
+
* </script>
|
|
35
|
+
*
|
|
36
|
+
* <Kbd class='px-2 py-1.5'>Shift</Kbd>
|
|
37
|
+
* <Kbd class='px-2 py-1.5'>Ctrl</Kbd>
|
|
38
|
+
* <Kbd class='px-2 py-1.5'>Tab</Kbd>
|
|
39
|
+
* <Kbd class='px-2 py-1.5'>Caps Lock</Kbd>
|
|
40
|
+
* <Kbd class='px-2 py-1.5'>Esc</Kbd>
|
|
41
|
+
* <Kbd class='px-4 py-1.5'>Spacebar</Kbd>
|
|
42
|
+
* <Kbd class='px-2 py-1.5'>Enter</Kbd>
|
|
43
|
+
* ```
|
|
44
|
+
*/
|
|
17
45
|
export default class Kbd extends SvelteComponentTyped<KbdProps, KbdEvents, KbdSlots> {
|
|
18
46
|
}
|
|
19
47
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Kbd.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/kbd/Kbd.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;
|
|
1
|
+
{"version":3,"file":"Kbd.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/kbd/Kbd.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAiBD,QAAA,MAAM,SAAS;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,QAAQ,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC9C,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAChD,MAAM,MAAM,QAAQ,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE9C;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,CAAC,OAAO,OAAO,GAAI,SAAQ,oBAAoB,CAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,CAAC;CACnF"}
|
|
@@ -17,3 +17,24 @@ $: groupClass = classNames(defaultClass, $$props.class);
|
|
|
17
17
|
<slot />
|
|
18
18
|
{/each}
|
|
19
19
|
</Frame>
|
|
20
|
+
|
|
21
|
+
<!--
|
|
22
|
+
@component
|
|
23
|
+
## Features
|
|
24
|
+
[Go to List Group](https://flowbite-svelte.com/docs/components/list-group)
|
|
25
|
+
## Props
|
|
26
|
+
@prop items: ListGroupItemType[] = [];
|
|
27
|
+
@prop active: boolean = false;
|
|
28
|
+
@prop defaultClass: string = 'divide-y divide-gray-200 dark:divide-gray-600';
|
|
29
|
+
## Example
|
|
30
|
+
```
|
|
31
|
+
<script>
|
|
32
|
+
import { Listgroup } from 'flowbite-svelte'
|
|
33
|
+
let simpleList = ["Profile", "Settings", "Messages", "Download"]
|
|
34
|
+
</script>
|
|
35
|
+
|
|
36
|
+
<Listgroup items={simpleList} let:item class="w-48">
|
|
37
|
+
{item}
|
|
38
|
+
</Listgroup>
|
|
39
|
+
```
|
|
40
|
+
-->
|
|
@@ -258,6 +258,25 @@ declare const __propDef: {
|
|
|
258
258
|
export type ListgroupProps = typeof __propDef.props;
|
|
259
259
|
export type ListgroupEvents = typeof __propDef.events;
|
|
260
260
|
export type ListgroupSlots = typeof __propDef.slots;
|
|
261
|
+
/**
|
|
262
|
+
* ## Features
|
|
263
|
+
* [Go to List Group](https://flowbite-svelte.com/docs/components/list-group)
|
|
264
|
+
* ## Props
|
|
265
|
+
* @prop items: ListGroupItemType[] = [];
|
|
266
|
+
* @prop active: boolean = false;
|
|
267
|
+
* @prop defaultClass: string = 'divide-y divide-gray-200 dark:divide-gray-600';
|
|
268
|
+
* ## Example
|
|
269
|
+
* ```
|
|
270
|
+
* <script>
|
|
271
|
+
* import { Listgroup } from 'flowbite-svelte'
|
|
272
|
+
* let simpleList = ["Profile", "Settings", "Messages", "Download"]
|
|
273
|
+
* </script>
|
|
274
|
+
*
|
|
275
|
+
* <Listgroup items={simpleList} let:item class="w-48">
|
|
276
|
+
* {item}
|
|
277
|
+
* </Listgroup>
|
|
278
|
+
* ```
|
|
279
|
+
*/
|
|
261
280
|
export default class Listgroup extends SvelteComponentTyped<ListgroupProps, ListgroupEvents, ListgroupSlots> {
|
|
262
281
|
}
|
|
263
282
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Listgroup.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/list-group/Listgroup.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAGD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"Listgroup.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/list-group/Listgroup.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAGD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAuClD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACpD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACtD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEpD;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,oBAAoB,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CAC3G"}
|
|
@@ -57,3 +57,25 @@ $: itemClass = classNames('py-2 px-4 w-full text-sm font-medium', 'first:rounded
|
|
|
57
57
|
<slot item={$$props} />
|
|
58
58
|
</button>
|
|
59
59
|
{/if}
|
|
60
|
+
|
|
61
|
+
<!--
|
|
62
|
+
@component
|
|
63
|
+
## Features
|
|
64
|
+
[Go to List Group](https://flowbite-svelte.com/docs/components/list-group)
|
|
65
|
+
## Props
|
|
66
|
+
@prop active: boolean = getContext('active');
|
|
67
|
+
@prop current: boolean = false;
|
|
68
|
+
@prop disabled: boolean = false;
|
|
69
|
+
@prop href: string = '';
|
|
70
|
+
## Event
|
|
71
|
+
- on:blur
|
|
72
|
+
- on:change
|
|
73
|
+
- on:click
|
|
74
|
+
- on:focus
|
|
75
|
+
- on:keydown
|
|
76
|
+
- on:keypress
|
|
77
|
+
- on:keyup
|
|
78
|
+
- on:mouseenter
|
|
79
|
+
- on:mouseleave
|
|
80
|
+
- on:mouseover
|
|
81
|
+
-->
|
|
@@ -30,6 +30,26 @@ declare const __propDef: {
|
|
|
30
30
|
export type ListgroupItemProps = typeof __propDef.props;
|
|
31
31
|
export type ListgroupItemEvents = typeof __propDef.events;
|
|
32
32
|
export type ListgroupItemSlots = typeof __propDef.slots;
|
|
33
|
+
/**
|
|
34
|
+
* ## Features
|
|
35
|
+
* [Go to List Group](https://flowbite-svelte.com/docs/components/list-group)
|
|
36
|
+
* ## Props
|
|
37
|
+
* @prop active: boolean = getContext('active');
|
|
38
|
+
* @prop current: boolean = false;
|
|
39
|
+
* @prop disabled: boolean = false;
|
|
40
|
+
* @prop href: string = '';
|
|
41
|
+
* ## Event
|
|
42
|
+
* - on:blur
|
|
43
|
+
* - on:change
|
|
44
|
+
* - on:click
|
|
45
|
+
* - on:focus
|
|
46
|
+
* - on:keydown
|
|
47
|
+
* - on:keypress
|
|
48
|
+
* - on:keyup
|
|
49
|
+
* - on:mouseenter
|
|
50
|
+
* - on:mouseleave
|
|
51
|
+
* - on:mouseover
|
|
52
|
+
*/
|
|
33
53
|
export default class ListgroupItem extends SvelteComponentTyped<ListgroupItemProps, ListgroupItemEvents, ListgroupItemSlots> {
|
|
34
54
|
}
|
|
35
55
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListgroupItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/list-group/ListgroupItem.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;
|
|
1
|
+
{"version":3,"file":"ListgroupItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/list-group/ListgroupItem.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAuDD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACxD,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC1D,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAExD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,oBAAoB,CAAC,kBAAkB,EAAE,mBAAmB,EAAE,kBAAkB,CAAC;CAC3H"}
|
|
@@ -35,3 +35,56 @@ $: ulClass = classNames('grid grid-flow-row gap-y-4 md:gap-x-0 auto-col-max auto
|
|
|
35
35
|
{#if full && $$slots.extra}<div class="md:w-1/3 mt-4 md:mt-0"><slot name="extra" /></div>{/if}
|
|
36
36
|
</div>
|
|
37
37
|
</Popper>
|
|
38
|
+
|
|
39
|
+
<!--
|
|
40
|
+
@component
|
|
41
|
+
## Feature
|
|
42
|
+
[Go to Mega Menu](https://flowbite-svelte.com/docs/components/mega-menu)
|
|
43
|
+
- Setup
|
|
44
|
+
- Default mega menu
|
|
45
|
+
- Mega menu with icons
|
|
46
|
+
- Full width dropdown
|
|
47
|
+
- Full width with CTA
|
|
48
|
+
- Full width with image
|
|
49
|
+
## Props
|
|
50
|
+
@prop items: LinkTypeLike[] = [];
|
|
51
|
+
@prop full: boolean = false;
|
|
52
|
+
@prop open: boolean = false;
|
|
53
|
+
## Example
|
|
54
|
+
```
|
|
55
|
+
<script>
|
|
56
|
+
import { Navbar, NavBrand, NavHamburger, NavUl, NavLi, Chevron, MegaMenu } from 'flowbite-svelte'
|
|
57
|
+
let menu = [
|
|
58
|
+
{name: 'About us', href: '/about'},
|
|
59
|
+
{name: 'Blog', href: '/blog'},
|
|
60
|
+
{name: 'Contact us', href: '/contact'},
|
|
61
|
+
{name: 'Library', href: '/library'},
|
|
62
|
+
{name: 'Newsletter', href: '/news'},
|
|
63
|
+
{name: 'Support Center', href: '/support'},
|
|
64
|
+
{name: 'Resources', href: '/resource'},
|
|
65
|
+
{name: 'Playground', href: '/play'},
|
|
66
|
+
{name: 'Terms', href: '/terms'},
|
|
67
|
+
{name: 'Pro Version', href: '/pro'},
|
|
68
|
+
{name: 'License', href: '/license'},
|
|
69
|
+
];
|
|
70
|
+
</script>
|
|
71
|
+
|
|
72
|
+
<Navbar let:hidden let:toggle>
|
|
73
|
+
<NavBrand href="/">
|
|
74
|
+
<img src="https://flowbite.com/docs/images/logo.svg" class="mr-3 h-6 sm:h-9" alt="Flowbite Logo"/>
|
|
75
|
+
<span class="self-center whitespace-nowrap text-xl font-semibold dark:text-white">Flowbite</span>
|
|
76
|
+
</NavBrand>
|
|
77
|
+
<NavHamburger on:click={toggle} />
|
|
78
|
+
<NavUl {hidden}>
|
|
79
|
+
<NavLi href="/">Home</NavLi>
|
|
80
|
+
<NavLi><Chevron aligned>Mega menu</Chevron></NavLi>
|
|
81
|
+
<MegaMenu items={menu} let:item>
|
|
82
|
+
<a href={item.href} class="hover:text-blue-600 dark:hover:text-blue-500">{item.name}</a>
|
|
83
|
+
</MegaMenu>
|
|
84
|
+
<NavLi href="/services">Services</NavLi>
|
|
85
|
+
<NavLi href="/services">Products</NavLi>
|
|
86
|
+
<NavLi href="/services">Contact</NavLi>
|
|
87
|
+
</NavUl>
|
|
88
|
+
</Navbar>
|
|
89
|
+
```
|
|
90
|
+
-->
|
|
@@ -22,6 +22,57 @@ declare const __propDef: {
|
|
|
22
22
|
export type MegaMenuProps = typeof __propDef.props;
|
|
23
23
|
export type MegaMenuEvents = typeof __propDef.events;
|
|
24
24
|
export type MegaMenuSlots = typeof __propDef.slots;
|
|
25
|
+
/**
|
|
26
|
+
* ## Feature
|
|
27
|
+
* [Go to Mega Menu](https://flowbite-svelte.com/docs/components/mega-menu)
|
|
28
|
+
* - Setup
|
|
29
|
+
* - Default mega menu
|
|
30
|
+
* - Mega menu with icons
|
|
31
|
+
* - Full width dropdown
|
|
32
|
+
* - Full width with CTA
|
|
33
|
+
* - Full width with image
|
|
34
|
+
* ## Props
|
|
35
|
+
* @prop items: LinkTypeLike[] = [];
|
|
36
|
+
* @prop full: boolean = false;
|
|
37
|
+
* @prop open: boolean = false;
|
|
38
|
+
* ## Example
|
|
39
|
+
* ```
|
|
40
|
+
* <script>
|
|
41
|
+
* import { Navbar, NavBrand, NavHamburger, NavUl, NavLi, Chevron, MegaMenu } from 'flowbite-svelte'
|
|
42
|
+
* let menu = [
|
|
43
|
+
* {name: 'About us', href: '/about'},
|
|
44
|
+
* {name: 'Blog', href: '/blog'},
|
|
45
|
+
* {name: 'Contact us', href: '/contact'},
|
|
46
|
+
* {name: 'Library', href: '/library'},
|
|
47
|
+
* {name: 'Newsletter', href: '/news'},
|
|
48
|
+
* {name: 'Support Center', href: '/support'},
|
|
49
|
+
* {name: 'Resources', href: '/resource'},
|
|
50
|
+
* {name: 'Playground', href: '/play'},
|
|
51
|
+
* {name: 'Terms', href: '/terms'},
|
|
52
|
+
* {name: 'Pro Version', href: '/pro'},
|
|
53
|
+
* {name: 'License', href: '/license'},
|
|
54
|
+
* ];
|
|
55
|
+
* </script>
|
|
56
|
+
*
|
|
57
|
+
* <Navbar let:hidden let:toggle>
|
|
58
|
+
* <NavBrand href="/">
|
|
59
|
+
* <img src="https://flowbite.com/docs/images/logo.svg" class="mr-3 h-6 sm:h-9" alt="Flowbite Logo"/>
|
|
60
|
+
* <span class="self-center whitespace-nowrap text-xl font-semibold dark:text-white">Flowbite</span>
|
|
61
|
+
* </NavBrand>
|
|
62
|
+
* <NavHamburger on:click={toggle} />
|
|
63
|
+
* <NavUl {hidden}>
|
|
64
|
+
* <NavLi href="/">Home</NavLi>
|
|
65
|
+
* <NavLi><Chevron aligned>Mega menu</Chevron></NavLi>
|
|
66
|
+
* <MegaMenu items={menu} let:item>
|
|
67
|
+
* <a href={item.href} class="hover:text-blue-600 dark:hover:text-blue-500">{item.name}</a>
|
|
68
|
+
* </MegaMenu>
|
|
69
|
+
* <NavLi href="/services">Services</NavLi>
|
|
70
|
+
* <NavLi href="/services">Products</NavLi>
|
|
71
|
+
* <NavLi href="/services">Contact</NavLi>
|
|
72
|
+
* </NavUl>
|
|
73
|
+
* </Navbar>
|
|
74
|
+
* ```
|
|
75
|
+
*/
|
|
25
76
|
export default class MegaMenu extends SvelteComponentTyped<MegaMenuProps, MegaMenuEvents, MegaMenuSlots> {
|
|
26
77
|
}
|
|
27
78
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MegaMenu.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/megamenu/MegaMenu.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAED,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"MegaMenu.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/megamenu/MegaMenu.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAED,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AA+CzC,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACnD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACrD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,oBAAoB,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CACvG"}
|
package/dist/modals/Modal.svelte
CHANGED
|
@@ -93,7 +93,7 @@ function handleKeys(e) {
|
|
|
93
93
|
on:wheel|preventDefault|nonpassive
|
|
94
94
|
use:prepareFocus
|
|
95
95
|
use:focusTrap
|
|
96
|
-
on:click={
|
|
96
|
+
on:click={onAutoClose}
|
|
97
97
|
class={classNames(
|
|
98
98
|
'fixed top-0 left-0 right-0 h-modal md:inset-0 md:h-full z-50 w-full p-4 flex',
|
|
99
99
|
...getPlacementClasses()
|
|
@@ -139,3 +139,50 @@ function handleKeys(e) {
|
|
|
139
139
|
</div>
|
|
140
140
|
</div>
|
|
141
141
|
{/if}
|
|
142
|
+
|
|
143
|
+
<!--
|
|
144
|
+
@component
|
|
145
|
+
## Features
|
|
146
|
+
[Go to Modal](https://flowbite-svelte.com/docs/components/modal)
|
|
147
|
+
- Setup
|
|
148
|
+
- Default modal
|
|
149
|
+
- Closing by clicking outside
|
|
150
|
+
- Pop-up modal
|
|
151
|
+
- Form element
|
|
152
|
+
- Crypto wallet
|
|
153
|
+
- Sizes
|
|
154
|
+
- Placement
|
|
155
|
+
- Colors
|
|
156
|
+
- Scrolling behaviour
|
|
157
|
+
## Props
|
|
158
|
+
@prop open: boolean = false;
|
|
159
|
+
@prop title: string = '';
|
|
160
|
+
@prop size: SizeType = 'md';
|
|
161
|
+
@prop placement: ModalPlacementType = 'center';
|
|
162
|
+
@prop autoclose: boolean = false;
|
|
163
|
+
@prop permanent: boolean = false;
|
|
164
|
+
@prop backdropClasses: string = 'bg-gray-900 bg-opacity-50 dark:bg-opacity-80';
|
|
165
|
+
@prop defaultClass: string = 'relative flex flex-col mx-auto';
|
|
166
|
+
@prop outsideclose: boolean = false;
|
|
167
|
+
## Example
|
|
168
|
+
```
|
|
169
|
+
<script>
|
|
170
|
+
import { Button, Modal } from 'flowbite-svelte'
|
|
171
|
+
let defaultModal = false;
|
|
172
|
+
</script>
|
|
173
|
+
|
|
174
|
+
<Button on:click={() => defaultModal = true}>Default modal</Button>
|
|
175
|
+
<Modal id="default-modal" title="Terms of Service" bind:open={defaultModal} autoclose>
|
|
176
|
+
<p class="text-base leading-relaxed text-gray-500 dark:text-gray-400">
|
|
177
|
+
With less than a month to go before the European Union enacts new consumer privacy laws for its citizens, companies around the world are updating their terms of service agreements to comply.
|
|
178
|
+
</p>
|
|
179
|
+
<p class="text-base leading-relaxed text-gray-500 dark:text-gray-400">
|
|
180
|
+
The European Union’s General Data Protection Regulation (G.D.P.R.) goes into effect on May 25 and is meant to ensure a common set of data rights in the European Union. It requires organizations to notify users as soon as possible of high-risk data breaches that could personally affect them.
|
|
181
|
+
</p>
|
|
182
|
+
<svelte:fragment slot='footer'>
|
|
183
|
+
<Button on:click={() => alert('Handle "success"')}>I accept</Button>
|
|
184
|
+
<Button color="alternative">Decline</Button>
|
|
185
|
+
</svelte:fragment>
|
|
186
|
+
</Modal>
|
|
187
|
+
```
|
|
188
|
+
-->
|
|
@@ -266,6 +266,51 @@ declare const __propDef: {
|
|
|
266
266
|
export type ModalProps = typeof __propDef.props;
|
|
267
267
|
export type ModalEvents = typeof __propDef.events;
|
|
268
268
|
export type ModalSlots = typeof __propDef.slots;
|
|
269
|
+
/**
|
|
270
|
+
* ## Features
|
|
271
|
+
* [Go to Modal](https://flowbite-svelte.com/docs/components/modal)
|
|
272
|
+
* - Setup
|
|
273
|
+
* - Default modal
|
|
274
|
+
* - Closing by clicking outside
|
|
275
|
+
* - Pop-up modal
|
|
276
|
+
* - Form element
|
|
277
|
+
* - Crypto wallet
|
|
278
|
+
* - Sizes
|
|
279
|
+
* - Placement
|
|
280
|
+
* - Colors
|
|
281
|
+
* - Scrolling behaviour
|
|
282
|
+
* ## Props
|
|
283
|
+
* @prop open: boolean = false;
|
|
284
|
+
* @prop title: string = '';
|
|
285
|
+
* @prop size: SizeType = 'md';
|
|
286
|
+
* @prop placement: ModalPlacementType = 'center';
|
|
287
|
+
* @prop autoclose: boolean = false;
|
|
288
|
+
* @prop permanent: boolean = false;
|
|
289
|
+
* @prop backdropClasses: string = 'bg-gray-900 bg-opacity-50 dark:bg-opacity-80';
|
|
290
|
+
* @prop defaultClass: string = 'relative flex flex-col mx-auto';
|
|
291
|
+
* @prop outsideclose: boolean = false;
|
|
292
|
+
* ## Example
|
|
293
|
+
* ```
|
|
294
|
+
* <script>
|
|
295
|
+
* import { Button, Modal } from 'flowbite-svelte'
|
|
296
|
+
* let defaultModal = false;
|
|
297
|
+
* </script>
|
|
298
|
+
*
|
|
299
|
+
* <Button on:click={() => defaultModal = true}>Default modal</Button>
|
|
300
|
+
* <Modal id="default-modal" title="Terms of Service" bind:open={defaultModal} autoclose>
|
|
301
|
+
* <p class="text-base leading-relaxed text-gray-500 dark:text-gray-400">
|
|
302
|
+
* With less than a month to go before the European Union enacts new consumer privacy laws for its citizens, companies around the world are updating their terms of service agreements to comply.
|
|
303
|
+
* </p>
|
|
304
|
+
* <p class="text-base leading-relaxed text-gray-500 dark:text-gray-400">
|
|
305
|
+
* The European Union’s General Data Protection Regulation (G.D.P.R.) goes into effect on May 25 and is meant to ensure a common set of data rights in the European Union. It requires organizations to notify users as soon as possible of high-risk data breaches that could personally affect them.
|
|
306
|
+
* </p>
|
|
307
|
+
* <svelte:fragment slot='footer'>
|
|
308
|
+
* <Button on:click={() => alert('Handle "success"')}>I accept</Button>
|
|
309
|
+
* <Button color="alternative">Decline</Button>
|
|
310
|
+
* </svelte:fragment>
|
|
311
|
+
* </Modal>
|
|
312
|
+
* ```
|
|
313
|
+
*/
|
|
269
314
|
export default class Modal extends SvelteComponentTyped<ModalProps, ModalEvents, ModalSlots> {
|
|
270
315
|
}
|
|
271
316
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/modals/Modal.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAMD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"Modal.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/modals/Modal.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAMD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAuK3C,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}
|
package/dist/navbar/Menu.svelte
CHANGED
|
@@ -34,3 +34,13 @@ $: switch (variation) {
|
|
|
34
34
|
on:click>
|
|
35
35
|
{@html svgpath}
|
|
36
36
|
</svg>
|
|
37
|
+
|
|
38
|
+
<!--
|
|
39
|
+
@component
|
|
40
|
+
[Go to Navbar](https://flowbite-svelte.com/docs/components/navbar)
|
|
41
|
+
## Props
|
|
42
|
+
@prop size = '24';
|
|
43
|
+
@prop color = 'currentColor';
|
|
44
|
+
@prop variation: 'solid' | 'outline' = 'outline';
|
|
45
|
+
@prop ariaLabel = 'bars 3';
|
|
46
|
+
-->
|
|
@@ -17,6 +17,14 @@ declare const __propDef: {
|
|
|
17
17
|
export type MenuProps = typeof __propDef.props;
|
|
18
18
|
export type MenuEvents = typeof __propDef.events;
|
|
19
19
|
export type MenuSlots = typeof __propDef.slots;
|
|
20
|
+
/**
|
|
21
|
+
* [Go to Navbar](https://flowbite-svelte.com/docs/components/navbar)
|
|
22
|
+
* ## Props
|
|
23
|
+
* @prop size = '24';
|
|
24
|
+
* @prop color = 'currentColor';
|
|
25
|
+
* @prop variation: 'solid' | 'outline' = 'outline';
|
|
26
|
+
* @prop ariaLabel = 'bars 3';
|
|
27
|
+
*/
|
|
20
28
|
export default class Menu extends SvelteComponentTyped<MenuProps, MenuEvents, MenuSlots> {
|
|
21
29
|
}
|
|
22
30
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/navbar/Menu.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;
|
|
1
|
+
{"version":3,"file":"Menu.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/navbar/Menu.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAkCD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC/C,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACjD,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE/C;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,oBAAoB,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC;CACvF"}
|