flowbite-svelte 0.44.1 → 0.44.2
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 +0 -26
- package/dist/accordion/Accordion.svelte.d.ts +0 -26
- package/dist/accordion/Accordion.svelte.d.ts.map +1 -1
- package/dist/accordion/AccordionItem.svelte +0 -8
- package/dist/accordion/AccordionItem.svelte.d.ts +0 -8
- package/dist/accordion/AccordionItem.svelte.d.ts.map +1 -1
- package/dist/alerts/Alert.svelte +0 -22
- package/dist/alerts/Alert.svelte.d.ts +0 -23
- package/dist/alerts/Alert.svelte.d.ts.map +1 -1
- package/dist/avatar/Avatar.svelte +1 -21
- package/dist/avatar/Avatar.svelte.d.ts +0 -21
- package/dist/avatar/Avatar.svelte.d.ts.map +1 -1
- package/dist/avatar/Placeholder.svelte +1 -1
- package/dist/avatar/Placeholder.svelte.d.ts +1 -1
- package/dist/badges/Badge.svelte +0 -19
- package/dist/badges/Badge.svelte.d.ts +0 -20
- package/dist/badges/Badge.svelte.d.ts.map +1 -1
- package/dist/banner/Banner.svelte +1 -25
- package/dist/banner/Banner.svelte.d.ts +0 -25
- package/dist/banner/Banner.svelte.d.ts.map +1 -1
- package/dist/bottom-nav/BottomNav.svelte +1 -37
- package/dist/bottom-nav/BottomNav.svelte.d.ts +0 -37
- package/dist/bottom-nav/BottomNav.svelte.d.ts.map +1 -1
- package/dist/bottom-nav/BottomNavHeader.svelte +1 -12
- package/dist/bottom-nav/BottomNavHeader.svelte.d.ts +0 -12
- package/dist/bottom-nav/BottomNavHeader.svelte.d.ts.map +1 -1
- package/dist/bottom-nav/BottomNavHeaderItem.svelte +0 -1
- package/dist/bottom-nav/BottomNavHeaderItem.svelte.d.ts +0 -1
- package/dist/bottom-nav/BottomNavHeaderItem.svelte.d.ts.map +1 -1
- package/dist/bottom-nav/BottomNavItem.svelte +0 -1
- package/dist/bottom-nav/BottomNavItem.svelte.d.ts +0 -1
- package/dist/bottom-nav/BottomNavItem.svelte.d.ts.map +1 -1
- package/dist/breadcrumbs/Breadcrumb.svelte +0 -16
- package/dist/breadcrumbs/Breadcrumb.svelte.d.ts +0 -17
- package/dist/breadcrumbs/Breadcrumb.svelte.d.ts.map +1 -1
- package/dist/breadcrumbs/BreadcrumbItem.svelte +0 -5
- package/dist/breadcrumbs/BreadcrumbItem.svelte.d.ts +0 -5
- package/dist/breadcrumbs/BreadcrumbItem.svelte.d.ts.map +1 -1
- package/dist/buttongroups/ButtonGroup.svelte +0 -1
- package/dist/buttongroups/ButtonGroup.svelte.d.ts +0 -1
- package/dist/buttongroups/ButtonGroup.svelte.d.ts.map +1 -1
- package/dist/buttons/Button.svelte +1 -27
- package/dist/buttons/Button.svelte.d.ts +0 -27
- package/dist/buttons/Button.svelte.d.ts.map +1 -1
- package/dist/buttons/GradientButton.svelte +0 -10
- package/dist/buttons/GradientButton.svelte.d.ts +0 -11
- package/dist/buttons/GradientButton.svelte.d.ts.map +1 -1
- package/dist/cards/Card.svelte +1 -27
- package/dist/cards/Card.svelte.d.ts +0 -27
- package/dist/cards/Card.svelte.d.ts.map +1 -1
- package/dist/carousels/Caption.svelte +0 -2
- package/dist/carousels/Caption.svelte.d.ts +0 -2
- package/dist/carousels/Caption.svelte.d.ts.map +1 -1
- package/dist/carousels/Carousel.svelte +1 -25
- package/dist/carousels/Carousel.svelte.d.ts +0 -25
- package/dist/carousels/Carousel.svelte.d.ts.map +1 -1
- package/dist/carousels/CarouselTransition.svelte +0 -23
- package/dist/carousels/CarouselTransition.svelte.d.ts +0 -24
- package/dist/carousels/CarouselTransition.svelte.d.ts.map +1 -1
- package/dist/carousels/Indicator.svelte +0 -1
- package/dist/carousels/Indicator.svelte.d.ts +0 -1
- package/dist/carousels/Indicator.svelte.d.ts.map +1 -1
- package/dist/carousels/Slide.svelte +0 -1
- package/dist/carousels/Slide.svelte.d.ts +0 -1
- package/dist/carousels/Slide.svelte.d.ts.map +1 -1
- package/dist/carousels/Thumbnail.svelte +0 -1
- package/dist/carousels/Thumbnail.svelte.d.ts +0 -1
- package/dist/carousels/Thumbnail.svelte.d.ts.map +1 -1
- package/dist/charts/Chart.svelte +8 -0
- package/dist/charts/Chart.svelte.d.ts +5 -0
- package/dist/charts/Chart.svelte.d.ts.map +1 -1
- package/dist/charts/ChartWrapper.svelte +8 -0
- package/dist/charts/ChartWrapper.svelte.d.ts +5 -0
- package/dist/charts/ChartWrapper.svelte.d.ts.map +1 -1
- package/dist/darkmode/DarkMode.svelte +1 -1
- package/dist/darkmode/DarkMode.svelte.d.ts +0 -1
- package/dist/darkmode/DarkMode.svelte.d.ts.map +1 -1
- package/dist/device-mockup/Android.svelte +0 -17
- package/dist/device-mockup/Android.svelte.d.ts +0 -18
- package/dist/device-mockup/Android.svelte.d.ts.map +1 -1
- package/dist/device-mockup/DefaultMockup.svelte +1 -18
- package/dist/device-mockup/DefaultMockup.svelte.d.ts +0 -18
- package/dist/device-mockup/DefaultMockup.svelte.d.ts.map +1 -1
- package/dist/device-mockup/DeviceMockup.svelte +1 -26
- package/dist/device-mockup/DeviceMockup.svelte.d.ts +0 -26
- package/dist/device-mockup/DeviceMockup.svelte.d.ts.map +1 -1
- package/dist/device-mockup/Ios.svelte +1 -18
- package/dist/device-mockup/Ios.svelte.d.ts +0 -18
- package/dist/device-mockup/Ios.svelte.d.ts.map +1 -1
- package/dist/device-mockup/Smartwatch.svelte +0 -17
- package/dist/device-mockup/Smartwatch.svelte.d.ts +0 -18
- package/dist/device-mockup/Smartwatch.svelte.d.ts.map +1 -1
- package/dist/device-mockup/Tablet.svelte +0 -17
- package/dist/device-mockup/Tablet.svelte.d.ts +0 -18
- package/dist/device-mockup/Tablet.svelte.d.ts.map +1 -1
- package/dist/drawer/Drawer.svelte +1 -50
- package/dist/drawer/Drawer.svelte.d.ts +0 -50
- package/dist/drawer/Drawer.svelte.d.ts.map +1 -1
- package/dist/dropdowns/Dropdown.svelte +0 -40
- package/dist/dropdowns/Dropdown.svelte.d.ts +0 -40
- package/dist/dropdowns/Dropdown.svelte.d.ts.map +1 -1
- package/dist/dropdowns/DropdownDivider.svelte +0 -1
- package/dist/dropdowns/DropdownDivider.svelte.d.ts +0 -1
- package/dist/dropdowns/DropdownDivider.svelte.d.ts.map +1 -1
- package/dist/dropdowns/DropdownHeader.svelte +0 -1
- package/dist/dropdowns/DropdownHeader.svelte.d.ts +0 -1
- package/dist/dropdowns/DropdownHeader.svelte.d.ts.map +1 -1
- package/dist/dropdowns/DropdownItem.svelte +0 -1
- package/dist/dropdowns/DropdownItem.svelte.d.ts +0 -1
- package/dist/dropdowns/DropdownItem.svelte.d.ts.map +1 -1
- package/dist/footer/Footer.svelte +0 -22
- package/dist/footer/Footer.svelte.d.ts +0 -23
- package/dist/footer/Footer.svelte.d.ts.map +1 -1
- package/dist/footer/FooterBrand.svelte +0 -1
- package/dist/footer/FooterBrand.svelte.d.ts +0 -1
- package/dist/footer/FooterBrand.svelte.d.ts.map +1 -1
- package/dist/footer/FooterCopyright.svelte +0 -1
- package/dist/footer/FooterCopyright.svelte.d.ts +0 -1
- package/dist/footer/FooterCopyright.svelte.d.ts.map +1 -1
- package/dist/footer/FooterIcon.svelte +0 -1
- package/dist/footer/FooterIcon.svelte.d.ts +0 -1
- package/dist/footer/FooterIcon.svelte.d.ts.map +1 -1
- package/dist/footer/FooterLink.svelte +0 -1
- package/dist/footer/FooterLink.svelte.d.ts +0 -1
- package/dist/footer/FooterLink.svelte.d.ts.map +1 -1
- package/dist/footer/FooterLinkGroup.svelte +0 -1
- package/dist/footer/FooterLinkGroup.svelte.d.ts +0 -1
- package/dist/footer/FooterLinkGroup.svelte.d.ts.map +1 -1
- package/dist/forms/Checkbox.svelte +0 -24
- package/dist/forms/Checkbox.svelte.d.ts +0 -24
- package/dist/forms/Checkbox.svelte.d.ts.map +1 -1
- package/dist/forms/Dropzone.svelte +1 -13
- package/dist/forms/Dropzone.svelte.d.ts +0 -13
- package/dist/forms/Dropzone.svelte.d.ts.map +1 -1
- package/dist/forms/Fileupload.svelte +0 -14
- package/dist/forms/Fileupload.svelte.d.ts +0 -14
- package/dist/forms/Fileupload.svelte.d.ts.map +1 -1
- package/dist/forms/FloatingLabelInput.svelte +1 -11
- package/dist/forms/FloatingLabelInput.svelte.d.ts +0 -11
- package/dist/forms/FloatingLabelInput.svelte.d.ts.map +1 -1
- package/dist/forms/Helper.svelte +1 -7
- package/dist/forms/Helper.svelte.d.ts +0 -7
- package/dist/forms/Helper.svelte.d.ts.map +1 -1
- package/dist/forms/Input.svelte +1 -34
- package/dist/forms/Input.svelte.d.ts +0 -34
- package/dist/forms/Input.svelte.d.ts.map +1 -1
- package/dist/forms/InputAddon.svelte +1 -11
- package/dist/forms/InputAddon.svelte.d.ts +0 -11
- package/dist/forms/InputAddon.svelte.d.ts.map +1 -1
- package/dist/forms/Label.svelte +0 -11
- package/dist/forms/Label.svelte.d.ts +0 -11
- package/dist/forms/Label.svelte.d.ts.map +1 -1
- package/dist/forms/MultiSelect.svelte +5 -17
- package/dist/forms/MultiSelect.svelte.d.ts +5 -17
- package/dist/forms/MultiSelect.svelte.d.ts.map +1 -1
- package/dist/forms/NumberInput.svelte +0 -1
- package/dist/forms/NumberInput.svelte.d.ts +0 -1
- package/dist/forms/NumberInput.svelte.d.ts.map +1 -1
- package/dist/forms/Radio.svelte +1 -23
- package/dist/forms/Radio.svelte.d.ts +0 -23
- package/dist/forms/Radio.svelte.d.ts.map +1 -1
- package/dist/forms/RadioInline.svelte +0 -3
- package/dist/forms/RadioInline.svelte.d.ts +1 -6
- package/dist/forms/RadioInline.svelte.d.ts.map +1 -1
- package/dist/forms/Range.svelte +0 -9
- package/dist/forms/Range.svelte.d.ts +0 -9
- package/dist/forms/Range.svelte.d.ts.map +1 -1
- package/dist/forms/Search.svelte +0 -16
- package/dist/forms/Search.svelte.d.ts +0 -17
- package/dist/forms/Search.svelte.d.ts.map +1 -1
- package/dist/forms/Select.svelte +0 -23
- package/dist/forms/Select.svelte.d.ts +0 -24
- package/dist/forms/Select.svelte.d.ts.map +1 -1
- package/dist/forms/Textarea.svelte +1 -15
- package/dist/forms/Textarea.svelte.d.ts +0 -15
- package/dist/forms/Textarea.svelte.d.ts.map +1 -1
- package/dist/forms/Toggle.svelte +2 -17
- package/dist/forms/Toggle.svelte.d.ts +0 -16
- package/dist/forms/Toggle.svelte.d.ts.map +1 -1
- package/dist/forms/VoiceSearch.svelte +1 -22
- package/dist/forms/VoiceSearch.svelte.d.ts +0 -22
- package/dist/forms/VoiceSearch.svelte.d.ts.map +1 -1
- package/dist/gallery/Gallery.svelte +0 -33
- package/dist/gallery/Gallery.svelte.d.ts +0 -33
- package/dist/gallery/Gallery.svelte.d.ts.map +1 -1
- package/dist/indicators/Indicator.svelte +1 -19
- package/dist/indicators/Indicator.svelte.d.ts +0 -19
- package/dist/indicators/Indicator.svelte.d.ts.map +1 -1
- package/dist/kbd/ArrowKeyDown.svelte +0 -1
- package/dist/kbd/ArrowKeyDown.svelte.d.ts +0 -1
- package/dist/kbd/ArrowKeyDown.svelte.d.ts.map +1 -1
- package/dist/kbd/ArrowKeyLeft.svelte +0 -1
- package/dist/kbd/ArrowKeyLeft.svelte.d.ts +0 -1
- package/dist/kbd/ArrowKeyLeft.svelte.d.ts.map +1 -1
- package/dist/kbd/ArrowKeyRight.svelte +0 -1
- package/dist/kbd/ArrowKeyRight.svelte.d.ts +0 -1
- package/dist/kbd/ArrowKeyRight.svelte.d.ts.map +1 -1
- package/dist/kbd/ArrowKeyUp.svelte +0 -1
- package/dist/kbd/ArrowKeyUp.svelte.d.ts +0 -1
- package/dist/kbd/ArrowKeyUp.svelte.d.ts.map +1 -1
- package/dist/kbd/Kbd.svelte +1 -23
- package/dist/kbd/Kbd.svelte.d.ts +0 -23
- package/dist/kbd/Kbd.svelte.d.ts.map +1 -1
- package/dist/list-group/Listgroup.svelte +1 -12
- package/dist/list-group/Listgroup.svelte.d.ts +0 -12
- package/dist/list-group/Listgroup.svelte.d.ts.map +1 -1
- package/dist/list-group/ListgroupItem.svelte +0 -1
- package/dist/list-group/ListgroupItem.svelte.d.ts +0 -1
- package/dist/list-group/ListgroupItem.svelte.d.ts.map +1 -1
- package/dist/megamenu/MegaMenu.svelte +1 -45
- package/dist/megamenu/MegaMenu.svelte.d.ts +0 -45
- package/dist/megamenu/MegaMenu.svelte.d.ts.map +1 -1
- package/dist/modals/Modal.svelte +5 -35
- package/dist/modals/Modal.svelte.d.ts +0 -32
- package/dist/modals/Modal.svelte.d.ts.map +1 -1
- package/dist/navbar/NavBrand.svelte +1 -27
- package/dist/navbar/NavBrand.svelte.d.ts +0 -27
- package/dist/navbar/NavBrand.svelte.d.ts.map +1 -1
- package/dist/navbar/NavHamburger.svelte +1 -27
- package/dist/navbar/NavHamburger.svelte.d.ts +0 -27
- package/dist/navbar/NavHamburger.svelte.d.ts.map +1 -1
- package/dist/navbar/NavLi.svelte +1 -18
- package/dist/navbar/NavLi.svelte.d.ts +0 -18
- package/dist/navbar/NavLi.svelte.d.ts.map +1 -1
- package/dist/navbar/NavSidebarHamburger.svelte +1 -27
- package/dist/navbar/NavSidebarHamburger.svelte.d.ts +0 -27
- package/dist/navbar/NavSidebarHamburger.svelte.d.ts.map +1 -1
- package/dist/navbar/NavUl.svelte +1 -18
- package/dist/navbar/NavUl.svelte.d.ts +0 -18
- package/dist/navbar/NavUl.svelte.d.ts.map +1 -1
- package/dist/navbar/Navbar.svelte +0 -26
- package/dist/navbar/Navbar.svelte.d.ts +0 -27
- package/dist/navbar/Navbar.svelte.d.ts.map +1 -1
- package/dist/navbar/SidebarMenu.svelte +1 -27
- package/dist/navbar/SidebarMenu.svelte.d.ts +0 -27
- package/dist/navbar/SidebarMenu.svelte.d.ts.map +1 -1
- package/dist/paginations/Pagination.svelte +1 -49
- package/dist/paginations/Pagination.svelte.d.ts +0 -49
- package/dist/paginations/Pagination.svelte.d.ts.map +1 -1
- package/dist/paginations/PaginationItem.svelte +1 -41
- package/dist/paginations/PaginationItem.svelte.d.ts +0 -41
- package/dist/paginations/PaginationItem.svelte.d.ts.map +1 -1
- package/dist/popover/Popover.svelte +1 -12
- package/dist/popover/Popover.svelte.d.ts +0 -12
- package/dist/popover/Popover.svelte.d.ts.map +1 -1
- package/dist/progressbars/Progressbar.svelte +1 -9
- package/dist/progressbars/Progressbar.svelte.d.ts +0 -9
- package/dist/progressbars/Progressbar.svelte.d.ts.map +1 -1
- package/dist/ratings/AdvancedRating.svelte +0 -1
- package/dist/ratings/AdvancedRating.svelte.d.ts +0 -1
- package/dist/ratings/AdvancedRating.svelte.d.ts.map +1 -1
- package/dist/ratings/Heart.svelte +0 -1
- package/dist/ratings/Heart.svelte.d.ts +0 -1
- package/dist/ratings/Heart.svelte.d.ts.map +1 -1
- package/dist/ratings/Rating.svelte +1 -23
- package/dist/ratings/Rating.svelte.d.ts +0 -23
- package/dist/ratings/Rating.svelte.d.ts.map +1 -1
- package/dist/ratings/RatingComment.svelte +1 -22
- package/dist/ratings/RatingComment.svelte.d.ts +0 -22
- package/dist/ratings/RatingComment.svelte.d.ts.map +1 -1
- package/dist/ratings/Review.svelte +1 -44
- package/dist/ratings/Review.svelte.d.ts +0 -44
- package/dist/ratings/Review.svelte.d.ts.map +1 -1
- package/dist/ratings/ScoreRating.svelte +1 -22
- package/dist/ratings/ScoreRating.svelte.d.ts +0 -22
- package/dist/ratings/ScoreRating.svelte.d.ts.map +1 -1
- package/dist/ratings/Star.svelte +0 -9
- package/dist/ratings/Star.svelte.d.ts +0 -10
- package/dist/ratings/Star.svelte.d.ts.map +1 -1
- package/dist/ratings/Thumbup.svelte +0 -9
- package/dist/ratings/Thumbup.svelte.d.ts +0 -10
- package/dist/ratings/Thumbup.svelte.d.ts.map +1 -1
- package/dist/sidebars/Sidebar.svelte +0 -59
- package/dist/sidebars/Sidebar.svelte.d.ts +0 -59
- package/dist/sidebars/Sidebar.svelte.d.ts.map +1 -1
- package/dist/sidebars/SidebarBrand.svelte +0 -14
- package/dist/sidebars/SidebarBrand.svelte.d.ts +0 -14
- package/dist/sidebars/SidebarBrand.svelte.d.ts.map +1 -1
- package/dist/sidebars/SidebarCta.svelte +0 -33
- package/dist/sidebars/SidebarCta.svelte.d.ts +1 -35
- package/dist/sidebars/SidebarCta.svelte.d.ts.map +1 -1
- package/dist/sidebars/SidebarDropdownItem.svelte +0 -31
- package/dist/sidebars/SidebarDropdownItem.svelte.d.ts +0 -30
- package/dist/sidebars/SidebarDropdownItem.svelte.d.ts.map +1 -1
- package/dist/sidebars/SidebarDropdownWrapper.svelte +0 -31
- package/dist/sidebars/SidebarDropdownWrapper.svelte.d.ts +0 -30
- package/dist/sidebars/SidebarDropdownWrapper.svelte.d.ts.map +1 -1
- package/dist/sidebars/SidebarGroup.svelte +0 -32
- package/dist/sidebars/SidebarGroup.svelte.d.ts +0 -31
- package/dist/sidebars/SidebarGroup.svelte.d.ts.map +1 -1
- package/dist/sidebars/SidebarItem.svelte +0 -61
- package/dist/sidebars/SidebarItem.svelte.d.ts +0 -60
- package/dist/sidebars/SidebarItem.svelte.d.ts.map +1 -1
- package/dist/sidebars/SidebarWrapper.svelte +0 -60
- package/dist/sidebars/SidebarWrapper.svelte.d.ts +0 -59
- package/dist/sidebars/SidebarWrapper.svelte.d.ts.map +1 -1
- package/dist/skeleton/CardPlaceholder.svelte +0 -13
- package/dist/skeleton/CardPlaceholder.svelte.d.ts +0 -13
- package/dist/skeleton/CardPlaceholder.svelte.d.ts.map +1 -1
- package/dist/skeleton/ImagePlaceholder.svelte +0 -10
- package/dist/skeleton/ImagePlaceholder.svelte.d.ts +0 -10
- package/dist/skeleton/ImagePlaceholder.svelte.d.ts.map +1 -1
- package/dist/skeleton/ListPlaceholder.svelte +0 -9
- package/dist/skeleton/ListPlaceholder.svelte.d.ts +0 -9
- package/dist/skeleton/ListPlaceholder.svelte.d.ts.map +1 -1
- package/dist/skeleton/Skeleton.svelte +1 -14
- package/dist/skeleton/Skeleton.svelte.d.ts +0 -13
- package/dist/skeleton/Skeleton.svelte.d.ts.map +1 -1
- package/dist/skeleton/TestimonialPlaceholder.svelte +0 -9
- package/dist/skeleton/TestimonialPlaceholder.svelte.d.ts +0 -9
- package/dist/skeleton/TestimonialPlaceholder.svelte.d.ts.map +1 -1
- package/dist/skeleton/TextPlaceholder.svelte +1 -14
- package/dist/skeleton/TextPlaceholder.svelte.d.ts +0 -13
- package/dist/skeleton/TextPlaceholder.svelte.d.ts.map +1 -1
- package/dist/skeleton/VideoPlaceholder.svelte +1 -14
- package/dist/skeleton/VideoPlaceholder.svelte.d.ts +0 -13
- package/dist/skeleton/VideoPlaceholder.svelte.d.ts.map +1 -1
- package/dist/skeleton/WidgetPlaceholder.svelte +0 -9
- package/dist/skeleton/WidgetPlaceholder.svelte.d.ts +0 -9
- package/dist/skeleton/WidgetPlaceholder.svelte.d.ts.map +1 -1
- package/dist/speed-dial/SpeedDial.svelte +0 -31
- package/dist/speed-dial/SpeedDial.svelte.d.ts +0 -31
- package/dist/speed-dial/SpeedDial.svelte.d.ts.map +1 -1
- package/dist/speed-dial/SpeedDialButton.svelte +0 -22
- package/dist/speed-dial/SpeedDialButton.svelte.d.ts +0 -22
- package/dist/speed-dial/SpeedDialButton.svelte.d.ts.map +1 -1
- package/dist/spinners/Spinner.svelte +0 -14
- package/dist/spinners/Spinner.svelte.d.ts +0 -14
- package/dist/spinners/Spinner.svelte.d.ts.map +1 -1
- package/dist/steps/StepIndicator.svelte +0 -23
- package/dist/steps/StepIndicator.svelte.d.ts +0 -23
- package/dist/steps/StepIndicator.svelte.d.ts.map +1 -1
- package/dist/tables/Table.svelte +0 -53
- package/dist/tables/Table.svelte.d.ts +0 -51
- package/dist/tables/Table.svelte.d.ts.map +1 -1
- package/dist/tables/TableBody.svelte +0 -1
- package/dist/tables/TableBody.svelte.d.ts +0 -1
- package/dist/tables/TableBody.svelte.d.ts.map +1 -1
- package/dist/tables/TableBodyCell.svelte +0 -1
- package/dist/tables/TableBodyCell.svelte.d.ts +0 -1
- package/dist/tables/TableBodyCell.svelte.d.ts.map +1 -1
- package/dist/tables/TableBodyRow.svelte +0 -1
- package/dist/tables/TableBodyRow.svelte.d.ts +0 -1
- package/dist/tables/TableBodyRow.svelte.d.ts.map +1 -1
- package/dist/tables/TableHead.svelte +0 -1
- package/dist/tables/TableHead.svelte.d.ts +0 -1
- package/dist/tables/TableHead.svelte.d.ts.map +1 -1
- package/dist/tables/TableHeadCell.svelte +0 -1
- package/dist/tables/TableHeadCell.svelte.d.ts +0 -1
- package/dist/tables/TableHeadCell.svelte.d.ts.map +1 -1
- package/dist/tables/TableSearch.svelte +0 -1
- package/dist/tables/TableSearch.svelte.d.ts +0 -1
- package/dist/tables/TableSearch.svelte.d.ts.map +1 -1
- package/dist/tabs/TabItem.svelte +0 -27
- package/dist/tabs/TabItem.svelte.d.ts +0 -26
- package/dist/tabs/TabItem.svelte.d.ts.map +1 -1
- package/dist/tabs/Tabs.svelte +0 -34
- package/dist/tabs/Tabs.svelte.d.ts +0 -34
- package/dist/tabs/Tabs.svelte.d.ts.map +1 -1
- package/dist/timeline/Activity.svelte +0 -39
- package/dist/timeline/Activity.svelte.d.ts +0 -39
- package/dist/timeline/Activity.svelte.d.ts.map +1 -1
- package/dist/timeline/ActivityItem.svelte +0 -39
- package/dist/timeline/ActivityItem.svelte.d.ts +0 -39
- package/dist/timeline/ActivityItem.svelte.d.ts.map +1 -1
- package/dist/timeline/Group.svelte +0 -38
- package/dist/timeline/Group.svelte.d.ts +0 -37
- package/dist/timeline/Group.svelte.d.ts.map +1 -1
- package/dist/timeline/GroupItem.svelte +0 -39
- package/dist/timeline/GroupItem.svelte.d.ts +0 -38
- package/dist/timeline/GroupItem.svelte.d.ts.map +1 -1
- package/dist/timeline/Timeline.svelte +0 -46
- package/dist/timeline/Timeline.svelte.d.ts +0 -45
- package/dist/timeline/Timeline.svelte.d.ts.map +1 -1
- package/dist/timeline/TimelineHorizontal.svelte +0 -55
- package/dist/timeline/TimelineHorizontal.svelte.d.ts +0 -55
- package/dist/timeline/TimelineHorizontal.svelte.d.ts.map +1 -1
- package/dist/timeline/TimelineItem.svelte +0 -46
- package/dist/timeline/TimelineItem.svelte.d.ts +0 -45
- package/dist/timeline/TimelineItem.svelte.d.ts.map +1 -1
- package/dist/timeline/TimelineItemHorizontal.svelte +0 -55
- package/dist/timeline/TimelineItemHorizontal.svelte.d.ts +0 -55
- package/dist/timeline/TimelineItemHorizontal.svelte.d.ts.map +1 -1
- package/dist/timeline/TimelineItemVertical.svelte +0 -80
- package/dist/timeline/TimelineItemVertical.svelte.d.ts +0 -79
- package/dist/timeline/TimelineItemVertical.svelte.d.ts.map +1 -1
- package/dist/toasts/Toast.svelte +0 -29
- package/dist/toasts/Toast.svelte.d.ts +0 -29
- package/dist/toasts/Toast.svelte.d.ts.map +1 -1
- package/dist/toolbar/Toolbar.svelte +0 -19
- package/dist/toolbar/Toolbar.svelte.d.ts +0 -19
- package/dist/toolbar/Toolbar.svelte.d.ts.map +1 -1
- package/dist/toolbar/ToolbarButton.svelte +0 -19
- package/dist/toolbar/ToolbarButton.svelte.d.ts +0 -19
- package/dist/toolbar/ToolbarButton.svelte.d.ts.map +1 -1
- package/dist/toolbar/ToolbarGroup.svelte +0 -19
- package/dist/toolbar/ToolbarGroup.svelte.d.ts +0 -19
- package/dist/toolbar/ToolbarGroup.svelte.d.ts.map +1 -1
- package/dist/tooltips/Tooltip.svelte +0 -17
- package/dist/tooltips/Tooltip.svelte.d.ts +0 -17
- package/dist/tooltips/Tooltip.svelte.d.ts.map +1 -1
- package/dist/typography/A.svelte +0 -17
- package/dist/typography/A.svelte.d.ts +0 -17
- package/dist/typography/A.svelte.d.ts.map +1 -1
- package/dist/typography/Blockquote.svelte +0 -19
- package/dist/typography/Blockquote.svelte.d.ts +0 -19
- package/dist/typography/Blockquote.svelte.d.ts.map +1 -1
- package/dist/typography/DescriptionList.svelte +0 -33
- package/dist/typography/DescriptionList.svelte.d.ts +0 -33
- package/dist/typography/DescriptionList.svelte.d.ts.map +1 -1
- package/dist/typography/Heading.svelte +0 -26
- package/dist/typography/Heading.svelte.d.ts +0 -26
- package/dist/typography/Heading.svelte.d.ts.map +1 -1
- package/dist/typography/Hr.svelte +0 -17
- package/dist/typography/Hr.svelte.d.ts +0 -17
- package/dist/typography/Hr.svelte.d.ts.map +1 -1
- package/dist/typography/Img.svelte +1 -20
- package/dist/typography/Img.svelte.d.ts +0 -19
- package/dist/typography/Img.svelte.d.ts.map +1 -1
- package/dist/typography/Layout.svelte +0 -41
- package/dist/typography/Layout.svelte.d.ts +0 -41
- package/dist/typography/Layout.svelte.d.ts.map +1 -1
- package/dist/typography/Li.svelte +0 -28
- package/dist/typography/Li.svelte.d.ts +0 -28
- package/dist/typography/Li.svelte.d.ts.map +1 -1
- package/dist/typography/List.svelte +0 -28
- package/dist/typography/List.svelte.d.ts +0 -28
- package/dist/typography/List.svelte.d.ts.map +1 -1
- package/dist/typography/Mark.svelte +0 -21
- package/dist/typography/Mark.svelte.d.ts +0 -21
- package/dist/typography/Mark.svelte.d.ts.map +1 -1
- package/dist/typography/P.svelte +0 -27
- package/dist/typography/P.svelte.d.ts +0 -27
- package/dist/typography/P.svelte.d.ts.map +1 -1
- package/dist/typography/Secondary.svelte +0 -20
- package/dist/typography/Secondary.svelte.d.ts +0 -20
- package/dist/typography/Secondary.svelte.d.ts.map +1 -1
- package/dist/typography/Span.svelte +0 -21
- package/dist/typography/Span.svelte.d.ts +0 -21
- package/dist/typography/Span.svelte.d.ts.map +1 -1
- package/dist/video/Video.svelte +0 -6
- package/dist/video/Video.svelte.d.ts +0 -6
- package/dist/video/Video.svelte.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -9,62 +9,7 @@ let olCls = twMerge(olClass, $$props.class);
|
|
|
9
9
|
|
|
10
10
|
<!--
|
|
11
11
|
@component
|
|
12
|
-
## Features
|
|
13
12
|
[Go to Horizontal Timeline](https://flowbite-svelte.com/docs/components/timeline#Horizontal_Timeline)
|
|
14
|
-
- Setup
|
|
15
|
-
- Default timeline
|
|
16
|
-
- Vertical Timeline
|
|
17
|
-
- Horizontal Timeline
|
|
18
|
-
- Activity Log
|
|
19
|
-
- Grouped timeline
|
|
20
13
|
## Props
|
|
21
14
|
@prop olClass: string = 'sm:flex';
|
|
22
|
-
## Example
|
|
23
|
-
```
|
|
24
|
-
<script>
|
|
25
|
-
import { Timeline, TimelineItem } from 'flowbite-svelte';
|
|
26
|
-
</script>
|
|
27
|
-
|
|
28
|
-
<Timeline order="horizontal">
|
|
29
|
-
<TimelineItem title="Flowbite Library v1.0.0" date="Released on December 2nd, 2021">
|
|
30
|
-
<svelte:fragment slot="icon">
|
|
31
|
-
<div class="flex items-center">
|
|
32
|
-
<div class="flex z-10 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-0 ring-white dark:bg-blue-900 sm:ring-8 dark:ring-gray-900 shrink-0">
|
|
33
|
-
<svg aria-hidden="true" class="w-3 h-3 text-blue-600 dark:text-blue-300" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd"></path></svg>
|
|
34
|
-
</div>
|
|
35
|
-
<div class="hidden sm:flex w-full bg-gray-200 h-0.5 dark:bg-gray-700"></div>
|
|
36
|
-
</div>
|
|
37
|
-
</svelte:fragment>
|
|
38
|
-
<p class="text-base font-normal text-gray-500 dark:text-gray-400">
|
|
39
|
-
Get started with dozens of web components and interactive elements.
|
|
40
|
-
</p>
|
|
41
|
-
</TimelineItem>
|
|
42
|
-
<TimelineItem title="Flowbite Library v1.2.0" date="Released on December 23th, 2021">
|
|
43
|
-
<svelte:fragment slot="icon">
|
|
44
|
-
<div class="flex items-center">
|
|
45
|
-
<div class="flex z-10 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-0 ring-white dark:bg-blue-900 sm:ring-8 dark:ring-gray-900 shrink-0">
|
|
46
|
-
<svg aria-hidden="true" class="w-3 h-3 text-blue-600 dark:text-blue-300" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd"></path></svg>
|
|
47
|
-
</div>
|
|
48
|
-
<div class="hidden sm:flex w-full bg-gray-200 h-0.5 dark:bg-gray-700"></div>
|
|
49
|
-
</div>
|
|
50
|
-
</svelte:fragment>
|
|
51
|
-
<p class="text-base font-normal text-gray-500 dark:text-gray-400">
|
|
52
|
-
Get started with dozens of web components and interactive elements.
|
|
53
|
-
</p>
|
|
54
|
-
</TimelineItem>
|
|
55
|
-
<TimelineItem title="Flowbite Library v1.3.0" date="Released on January 5th, 2021">
|
|
56
|
-
<svelte:fragment slot="icon">
|
|
57
|
-
<div class="flex items-center">
|
|
58
|
-
<div class="flex z-10 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-0 ring-white dark:bg-blue-900 sm:ring-8 dark:ring-gray-900 shrink-0">
|
|
59
|
-
<svg aria-hidden="true" class="w-3 h-3 text-blue-600 dark:text-blue-300" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd"></path></svg>
|
|
60
|
-
</div>
|
|
61
|
-
<div class="hidden sm:flex w-full bg-gray-200 h-0.5 dark:bg-gray-700"></div>
|
|
62
|
-
</div>
|
|
63
|
-
</svelte:fragment>
|
|
64
|
-
<p class="text-base font-normal text-gray-500 dark:text-gray-400">
|
|
65
|
-
Get started with dozens of web components and interactive elements.
|
|
66
|
-
</p>
|
|
67
|
-
</TimelineItem>
|
|
68
|
-
</Timeline>
|
|
69
|
-
```
|
|
70
15
|
-->
|
|
@@ -15,64 +15,9 @@ export type TimelineHorizontalProps = typeof __propDef.props;
|
|
|
15
15
|
export type TimelineHorizontalEvents = typeof __propDef.events;
|
|
16
16
|
export type TimelineHorizontalSlots = typeof __propDef.slots;
|
|
17
17
|
/**
|
|
18
|
-
* ## Features
|
|
19
18
|
* [Go to Horizontal Timeline](https://flowbite-svelte.com/docs/components/timeline#Horizontal_Timeline)
|
|
20
|
-
* - Setup
|
|
21
|
-
* - Default timeline
|
|
22
|
-
* - Vertical Timeline
|
|
23
|
-
* - Horizontal Timeline
|
|
24
|
-
* - Activity Log
|
|
25
|
-
* - Grouped timeline
|
|
26
19
|
* ## Props
|
|
27
20
|
* @prop olClass: string = 'sm:flex';
|
|
28
|
-
* ## Example
|
|
29
|
-
* ```
|
|
30
|
-
* <script>
|
|
31
|
-
* import { Timeline, TimelineItem } from 'flowbite-svelte';
|
|
32
|
-
* </script>
|
|
33
|
-
*
|
|
34
|
-
* <Timeline order="horizontal">
|
|
35
|
-
* <TimelineItem title="Flowbite Library v1.0.0" date="Released on December 2nd, 2021">
|
|
36
|
-
* <svelte:fragment slot="icon">
|
|
37
|
-
* <div class="flex items-center">
|
|
38
|
-
* <div class="flex z-10 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-0 ring-white dark:bg-blue-900 sm:ring-8 dark:ring-gray-900 shrink-0">
|
|
39
|
-
* <svg aria-hidden="true" class="w-3 h-3 text-blue-600 dark:text-blue-300" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd"></path></svg>
|
|
40
|
-
* </div>
|
|
41
|
-
* <div class="hidden sm:flex w-full bg-gray-200 h-0.5 dark:bg-gray-700"></div>
|
|
42
|
-
* </div>
|
|
43
|
-
* </svelte:fragment>
|
|
44
|
-
* <p class="text-base font-normal text-gray-500 dark:text-gray-400">
|
|
45
|
-
* Get started with dozens of web components and interactive elements.
|
|
46
|
-
* </p>
|
|
47
|
-
* </TimelineItem>
|
|
48
|
-
* <TimelineItem title="Flowbite Library v1.2.0" date="Released on December 23th, 2021">
|
|
49
|
-
* <svelte:fragment slot="icon">
|
|
50
|
-
* <div class="flex items-center">
|
|
51
|
-
* <div class="flex z-10 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-0 ring-white dark:bg-blue-900 sm:ring-8 dark:ring-gray-900 shrink-0">
|
|
52
|
-
* <svg aria-hidden="true" class="w-3 h-3 text-blue-600 dark:text-blue-300" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd"></path></svg>
|
|
53
|
-
* </div>
|
|
54
|
-
* <div class="hidden sm:flex w-full bg-gray-200 h-0.5 dark:bg-gray-700"></div>
|
|
55
|
-
* </div>
|
|
56
|
-
* </svelte:fragment>
|
|
57
|
-
* <p class="text-base font-normal text-gray-500 dark:text-gray-400">
|
|
58
|
-
* Get started with dozens of web components and interactive elements.
|
|
59
|
-
* </p>
|
|
60
|
-
* </TimelineItem>
|
|
61
|
-
* <TimelineItem title="Flowbite Library v1.3.0" date="Released on January 5th, 2021">
|
|
62
|
-
* <svelte:fragment slot="icon">
|
|
63
|
-
* <div class="flex items-center">
|
|
64
|
-
* <div class="flex z-10 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-0 ring-white dark:bg-blue-900 sm:ring-8 dark:ring-gray-900 shrink-0">
|
|
65
|
-
* <svg aria-hidden="true" class="w-3 h-3 text-blue-600 dark:text-blue-300" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd"></path></svg>
|
|
66
|
-
* </div>
|
|
67
|
-
* <div class="hidden sm:flex w-full bg-gray-200 h-0.5 dark:bg-gray-700"></div>
|
|
68
|
-
* </div>
|
|
69
|
-
* </svelte:fragment>
|
|
70
|
-
* <p class="text-base font-normal text-gray-500 dark:text-gray-400">
|
|
71
|
-
* Get started with dozens of web components and interactive elements.
|
|
72
|
-
* </p>
|
|
73
|
-
* </TimelineItem>
|
|
74
|
-
* </Timeline>
|
|
75
|
-
* ```
|
|
76
21
|
*/
|
|
77
22
|
export default class TimelineHorizontal extends SvelteComponentTyped<TimelineHorizontalProps, TimelineHorizontalEvents, TimelineHorizontalSlots> {
|
|
78
23
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimelineHorizontal.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/timeline/TimelineHorizontal.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAkBD,QAAA,MAAM,SAAS;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC7D,MAAM,MAAM,wBAAwB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC/D,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE7D
|
|
1
|
+
{"version":3,"file":"TimelineHorizontal.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/timeline/TimelineHorizontal.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAkBD,QAAA,MAAM,SAAS;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC7D,MAAM,MAAM,wBAAwB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC/D,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE7D;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,oBAAoB,CAAC,uBAAuB,EAAE,wBAAwB,EAAE,uBAAuB,CAAC;CAC/I"}
|
|
@@ -103,55 +103,9 @@ const h3Cls = twMerge(order === 'vertical' ? 'flex items-center mb-1 text-lg fon
|
|
|
103
103
|
|
|
104
104
|
<!--
|
|
105
105
|
@component
|
|
106
|
-
## Features
|
|
107
106
|
[Go to Timeline](https://flowbite-svelte.com/docs/components/timeline)
|
|
108
|
-
- Setup
|
|
109
|
-
- Default timeline
|
|
110
|
-
- Vertical Timeline
|
|
111
|
-
- Horizontal Timeline
|
|
112
|
-
- Activity Log
|
|
113
|
-
- Grouped timeline
|
|
114
107
|
## Props
|
|
115
108
|
@prop title: string = '';
|
|
116
109
|
@prop date: string = '';
|
|
117
110
|
@prop svgCl
|
|
118
|
-
## Example
|
|
119
|
-
```
|
|
120
|
-
<script>
|
|
121
|
-
import { Timeline, TimelineItem, Button } from 'flowbite-svelte';
|
|
122
|
-
</script>
|
|
123
|
-
|
|
124
|
-
<Timeline>
|
|
125
|
-
<TimelineItem title="Application UI code in Tailwind CSS" date="February 2022">
|
|
126
|
-
<p class="mb-4 text-base font-normal text-gray-500 dark:text-gray-400">
|
|
127
|
-
Get access to over 20+ pages including a dashboard layout, charts, kanban board, calendar,
|
|
128
|
-
and pre-order E-commerce & Marketing pages.
|
|
129
|
-
</p>
|
|
130
|
-
<Button color="alternative"
|
|
131
|
-
>Learn more<svg
|
|
132
|
-
class="ml-2 w-3 h-3"
|
|
133
|
-
fill="currentColor"
|
|
134
|
-
viewBox="0 0 20 20"
|
|
135
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
136
|
-
><path
|
|
137
|
-
fill-rule="evenodd"
|
|
138
|
-
d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z"
|
|
139
|
-
clip-rule="evenodd" /></svg
|
|
140
|
-
></Button>
|
|
141
|
-
</TimelineItem>
|
|
142
|
-
<TimelineItem title="Application UI code in Tailwind CSS" date="March 2022">
|
|
143
|
-
<p class="text-base font-normal text-gray-500 dark:text-gray-400">
|
|
144
|
-
All of the pages and components are first designed in Figma and we keep a parity between the
|
|
145
|
-
two versions even as we update the project.
|
|
146
|
-
</p>
|
|
147
|
-
</TimelineItem>
|
|
148
|
-
<TimelineItem title="Application UI code in Tailwind CSS" date="April 2022">
|
|
149
|
-
<p class="text-base font-normal text-gray-500 dark:text-gray-400">
|
|
150
|
-
Get started with dozens of web components and interactive elements built on top of Tailwind
|
|
151
|
-
CSS.
|
|
152
|
-
</p>
|
|
153
|
-
</TimelineItem>
|
|
154
|
-
</Timeline>
|
|
155
|
-
```
|
|
156
|
-
|
|
157
111
|
-->
|
|
@@ -18,56 +18,11 @@ export type TimelineItemProps = typeof __propDef.props;
|
|
|
18
18
|
export type TimelineItemEvents = typeof __propDef.events;
|
|
19
19
|
export type TimelineItemSlots = typeof __propDef.slots;
|
|
20
20
|
/**
|
|
21
|
-
* ## Features
|
|
22
21
|
* [Go to Timeline](https://flowbite-svelte.com/docs/components/timeline)
|
|
23
|
-
* - Setup
|
|
24
|
-
* - Default timeline
|
|
25
|
-
* - Vertical Timeline
|
|
26
|
-
* - Horizontal Timeline
|
|
27
|
-
* - Activity Log
|
|
28
|
-
* - Grouped timeline
|
|
29
22
|
* ## Props
|
|
30
23
|
* @prop title: string = '';
|
|
31
24
|
* @prop date: string = '';
|
|
32
25
|
* @prop svgCl
|
|
33
|
-
* ## Example
|
|
34
|
-
* ```
|
|
35
|
-
* <script>
|
|
36
|
-
* import { Timeline, TimelineItem, Button } from 'flowbite-svelte';
|
|
37
|
-
* </script>
|
|
38
|
-
*
|
|
39
|
-
* <Timeline>
|
|
40
|
-
* <TimelineItem title="Application UI code in Tailwind CSS" date="February 2022">
|
|
41
|
-
* <p class="mb-4 text-base font-normal text-gray-500 dark:text-gray-400">
|
|
42
|
-
* Get access to over 20+ pages including a dashboard layout, charts, kanban board, calendar,
|
|
43
|
-
* and pre-order E-commerce & Marketing pages.
|
|
44
|
-
* </p>
|
|
45
|
-
* <Button color="alternative"
|
|
46
|
-
* >Learn more<svg
|
|
47
|
-
* class="ml-2 w-3 h-3"
|
|
48
|
-
* fill="currentColor"
|
|
49
|
-
* viewBox="0 0 20 20"
|
|
50
|
-
* xmlns="http://www.w3.org/2000/svg"
|
|
51
|
-
* ><path
|
|
52
|
-
* fill-rule="evenodd"
|
|
53
|
-
* d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z"
|
|
54
|
-
* clip-rule="evenodd" /></svg
|
|
55
|
-
* ></Button>
|
|
56
|
-
* </TimelineItem>
|
|
57
|
-
* <TimelineItem title="Application UI code in Tailwind CSS" date="March 2022">
|
|
58
|
-
* <p class="text-base font-normal text-gray-500 dark:text-gray-400">
|
|
59
|
-
* All of the pages and components are first designed in Figma and we keep a parity between the
|
|
60
|
-
* two versions even as we update the project.
|
|
61
|
-
* </p>
|
|
62
|
-
* </TimelineItem>
|
|
63
|
-
* <TimelineItem title="Application UI code in Tailwind CSS" date="April 2022">
|
|
64
|
-
* <p class="text-base font-normal text-gray-500 dark:text-gray-400">
|
|
65
|
-
* Get started with dozens of web components and interactive elements built on top of Tailwind
|
|
66
|
-
* CSS.
|
|
67
|
-
* </p>
|
|
68
|
-
* </TimelineItem>
|
|
69
|
-
* </Timeline>
|
|
70
|
-
* ```
|
|
71
26
|
*/
|
|
72
27
|
export default class TimelineItem extends SvelteComponentTyped<TimelineItemProps, TimelineItemEvents, TimelineItemSlots> {
|
|
73
28
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimelineItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/timeline/TimelineItem.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAoHD,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
|
|
1
|
+
{"version":3,"file":"TimelineItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/timeline/TimelineItem.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAoHD,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;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,oBAAoB,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;CACvH"}
|
|
@@ -53,14 +53,7 @@ let aCls = twMerge(aClass, $$props.classA);
|
|
|
53
53
|
|
|
54
54
|
<!--
|
|
55
55
|
@component
|
|
56
|
-
## Features
|
|
57
56
|
[Go to Horizontal Timeline](https://flowbite-svelte.com/docs/components/timeline#Horizontal_Timeline)
|
|
58
|
-
- Setup
|
|
59
|
-
- Default timeline
|
|
60
|
-
- Vertical Timeline
|
|
61
|
-
- Horizontal Timeline
|
|
62
|
-
- Activity Log
|
|
63
|
-
- Grouped timeline
|
|
64
57
|
## Props
|
|
65
58
|
@prop title: string;
|
|
66
59
|
@prop date: string;
|
|
@@ -73,52 +66,4 @@ let aCls = twMerge(aClass, $$props.classA);
|
|
|
73
66
|
@prop timeClass: string;
|
|
74
67
|
@prop pClass: string;
|
|
75
68
|
@prop aClass: string;
|
|
76
|
-
## Example
|
|
77
|
-
```
|
|
78
|
-
<script>
|
|
79
|
-
import { Timeline, TimelineItem } from 'flowbite-svelte';
|
|
80
|
-
</script>
|
|
81
|
-
|
|
82
|
-
<Timeline order="horizontal">
|
|
83
|
-
<TimelineItem title="Flowbite Library v1.0.0" date="Released on December 2nd, 2021">
|
|
84
|
-
<svelte:fragment slot="icon">
|
|
85
|
-
<div class="flex items-center">
|
|
86
|
-
<div class="flex z-10 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-0 ring-white dark:bg-blue-900 sm:ring-8 dark:ring-gray-900 shrink-0">
|
|
87
|
-
<svg aria-hidden="true" class="w-3 h-3 text-blue-600 dark:text-blue-300" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd"></path></svg>
|
|
88
|
-
</div>
|
|
89
|
-
<div class="hidden sm:flex w-full bg-gray-200 h-0.5 dark:bg-gray-700"></div>
|
|
90
|
-
</div>
|
|
91
|
-
</svelte:fragment>
|
|
92
|
-
<p class="text-base font-normal text-gray-500 dark:text-gray-400">
|
|
93
|
-
Get started with dozens of web components and interactive elements.
|
|
94
|
-
</p>
|
|
95
|
-
</TimelineItem>
|
|
96
|
-
<TimelineItem title="Flowbite Library v1.2.0" date="Released on December 23th, 2021">
|
|
97
|
-
<svelte:fragment slot="icon">
|
|
98
|
-
<div class="flex items-center">
|
|
99
|
-
<div class="flex z-10 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-0 ring-white dark:bg-blue-900 sm:ring-8 dark:ring-gray-900 shrink-0">
|
|
100
|
-
<svg aria-hidden="true" class="w-3 h-3 text-blue-600 dark:text-blue-300" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd"></path></svg>
|
|
101
|
-
</div>
|
|
102
|
-
<div class="hidden sm:flex w-full bg-gray-200 h-0.5 dark:bg-gray-700"></div>
|
|
103
|
-
</div>
|
|
104
|
-
</svelte:fragment>
|
|
105
|
-
<p class="text-base font-normal text-gray-500 dark:text-gray-400">
|
|
106
|
-
Get started with dozens of web components and interactive elements.
|
|
107
|
-
</p>
|
|
108
|
-
</TimelineItem>
|
|
109
|
-
<TimelineItem title="Flowbite Library v1.3.0" date="Released on January 5th, 2021">
|
|
110
|
-
<svelte:fragment slot="icon">
|
|
111
|
-
<div class="flex items-center">
|
|
112
|
-
<div class="flex z-10 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-0 ring-white dark:bg-blue-900 sm:ring-8 dark:ring-gray-900 shrink-0">
|
|
113
|
-
<svg aria-hidden="true" class="w-3 h-3 text-blue-600 dark:text-blue-300" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd"></path></svg>
|
|
114
|
-
</div>
|
|
115
|
-
<div class="hidden sm:flex w-full bg-gray-200 h-0.5 dark:bg-gray-700"></div>
|
|
116
|
-
</div>
|
|
117
|
-
</svelte:fragment>
|
|
118
|
-
<p class="text-base font-normal text-gray-500 dark:text-gray-400">
|
|
119
|
-
Get started with dozens of web components and interactive elements.
|
|
120
|
-
</p>
|
|
121
|
-
</TimelineItem>
|
|
122
|
-
</Timeline>
|
|
123
|
-
```
|
|
124
69
|
-->
|
|
@@ -24,14 +24,7 @@ export type TimelineItemHorizontalProps = typeof __propDef.props;
|
|
|
24
24
|
export type TimelineItemHorizontalEvents = typeof __propDef.events;
|
|
25
25
|
export type TimelineItemHorizontalSlots = typeof __propDef.slots;
|
|
26
26
|
/**
|
|
27
|
-
* ## Features
|
|
28
27
|
* [Go to Horizontal Timeline](https://flowbite-svelte.com/docs/components/timeline#Horizontal_Timeline)
|
|
29
|
-
* - Setup
|
|
30
|
-
* - Default timeline
|
|
31
|
-
* - Vertical Timeline
|
|
32
|
-
* - Horizontal Timeline
|
|
33
|
-
* - Activity Log
|
|
34
|
-
* - Grouped timeline
|
|
35
28
|
* ## Props
|
|
36
29
|
* @prop title: string;
|
|
37
30
|
* @prop date: string;
|
|
@@ -44,54 +37,6 @@ export type TimelineItemHorizontalSlots = typeof __propDef.slots;
|
|
|
44
37
|
* @prop timeClass: string;
|
|
45
38
|
* @prop pClass: string;
|
|
46
39
|
* @prop aClass: string;
|
|
47
|
-
* ## Example
|
|
48
|
-
* ```
|
|
49
|
-
* <script>
|
|
50
|
-
* import { Timeline, TimelineItem } from 'flowbite-svelte';
|
|
51
|
-
* </script>
|
|
52
|
-
*
|
|
53
|
-
* <Timeline order="horizontal">
|
|
54
|
-
* <TimelineItem title="Flowbite Library v1.0.0" date="Released on December 2nd, 2021">
|
|
55
|
-
* <svelte:fragment slot="icon">
|
|
56
|
-
* <div class="flex items-center">
|
|
57
|
-
* <div class="flex z-10 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-0 ring-white dark:bg-blue-900 sm:ring-8 dark:ring-gray-900 shrink-0">
|
|
58
|
-
* <svg aria-hidden="true" class="w-3 h-3 text-blue-600 dark:text-blue-300" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd"></path></svg>
|
|
59
|
-
* </div>
|
|
60
|
-
* <div class="hidden sm:flex w-full bg-gray-200 h-0.5 dark:bg-gray-700"></div>
|
|
61
|
-
* </div>
|
|
62
|
-
* </svelte:fragment>
|
|
63
|
-
* <p class="text-base font-normal text-gray-500 dark:text-gray-400">
|
|
64
|
-
* Get started with dozens of web components and interactive elements.
|
|
65
|
-
* </p>
|
|
66
|
-
* </TimelineItem>
|
|
67
|
-
* <TimelineItem title="Flowbite Library v1.2.0" date="Released on December 23th, 2021">
|
|
68
|
-
* <svelte:fragment slot="icon">
|
|
69
|
-
* <div class="flex items-center">
|
|
70
|
-
* <div class="flex z-10 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-0 ring-white dark:bg-blue-900 sm:ring-8 dark:ring-gray-900 shrink-0">
|
|
71
|
-
* <svg aria-hidden="true" class="w-3 h-3 text-blue-600 dark:text-blue-300" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd"></path></svg>
|
|
72
|
-
* </div>
|
|
73
|
-
* <div class="hidden sm:flex w-full bg-gray-200 h-0.5 dark:bg-gray-700"></div>
|
|
74
|
-
* </div>
|
|
75
|
-
* </svelte:fragment>
|
|
76
|
-
* <p class="text-base font-normal text-gray-500 dark:text-gray-400">
|
|
77
|
-
* Get started with dozens of web components and interactive elements.
|
|
78
|
-
* </p>
|
|
79
|
-
* </TimelineItem>
|
|
80
|
-
* <TimelineItem title="Flowbite Library v1.3.0" date="Released on January 5th, 2021">
|
|
81
|
-
* <svelte:fragment slot="icon">
|
|
82
|
-
* <div class="flex items-center">
|
|
83
|
-
* <div class="flex z-10 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-0 ring-white dark:bg-blue-900 sm:ring-8 dark:ring-gray-900 shrink-0">
|
|
84
|
-
* <svg aria-hidden="true" class="w-3 h-3 text-blue-600 dark:text-blue-300" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd"></path></svg>
|
|
85
|
-
* </div>
|
|
86
|
-
* <div class="hidden sm:flex w-full bg-gray-200 h-0.5 dark:bg-gray-700"></div>
|
|
87
|
-
* </div>
|
|
88
|
-
* </svelte:fragment>
|
|
89
|
-
* <p class="text-base font-normal text-gray-500 dark:text-gray-400">
|
|
90
|
-
* Get started with dozens of web components and interactive elements.
|
|
91
|
-
* </p>
|
|
92
|
-
* </TimelineItem>
|
|
93
|
-
* </Timeline>
|
|
94
|
-
* ```
|
|
95
40
|
*/
|
|
96
41
|
export default class TimelineItemHorizontal extends SvelteComponentTyped<TimelineItemHorizontalProps, TimelineItemHorizontalEvents, TimelineItemHorizontalSlots> {
|
|
97
42
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimelineItemHorizontal.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/timeline/TimelineItemHorizontal.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA+DD,QAAA,MAAM,SAAS;;;eADwN,MAAM;cAAQ,MAAM;cAAQ,MAAM;cAAQ,MAAM;;;;;;;kBAAyH,MAAM;cAAQ,MAAM;;;;;;CACtV,CAAC;AAC/E,MAAM,MAAM,2BAA2B,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACjE,MAAM,MAAM,4BAA4B,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACnE,MAAM,MAAM,2BAA2B,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEjE
|
|
1
|
+
{"version":3,"file":"TimelineItemHorizontal.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/timeline/TimelineItemHorizontal.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA+DD,QAAA,MAAM,SAAS;;;eADwN,MAAM;cAAQ,MAAM;cAAQ,MAAM;cAAQ,MAAM;;;;;;;kBAAyH,MAAM;cAAQ,MAAM;;;;;;CACtV,CAAC;AAC/E,MAAM,MAAM,2BAA2B,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACjE,MAAM,MAAM,4BAA4B,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACnE,MAAM,MAAM,2BAA2B,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEjE;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,OAAO,OAAO,sBAAuB,SAAQ,oBAAoB,CAAC,2BAA2B,EAAE,4BAA4B,EAAE,2BAA2B,CAAC;CAC/J"}
|
|
@@ -31,14 +31,7 @@ let timeCls = twMerge(timeClass, $$props.classTime);
|
|
|
31
31
|
|
|
32
32
|
<!--
|
|
33
33
|
@component
|
|
34
|
-
## Features
|
|
35
34
|
[Go to Vertical Timeline](https://flowbite-svelte.com/docs/components/timeline#Vertical_Timeline)
|
|
36
|
-
- Setup
|
|
37
|
-
- Default timeline
|
|
38
|
-
- Vertical Timeline
|
|
39
|
-
- Horizontal Timeline
|
|
40
|
-
- Activity Log
|
|
41
|
-
- Grouped timeline
|
|
42
35
|
## Props
|
|
43
36
|
@prop title: string;
|
|
44
37
|
@prop date: string;
|
|
@@ -46,77 +39,4 @@ let timeCls = twMerge(timeClass, $$props.classTime);
|
|
|
46
39
|
@prop spanClass: string;
|
|
47
40
|
@prop h3Class: string;
|
|
48
41
|
@prop timeClass: string;
|
|
49
|
-
## Example
|
|
50
|
-
```
|
|
51
|
-
<script>
|
|
52
|
-
import { Timeline, TimelineItem } from 'flowbite-svelte';
|
|
53
|
-
</script>
|
|
54
|
-
|
|
55
|
-
<Timeline order="vertical">
|
|
56
|
-
<TimelineItem title="Flowbite Application UI v2.0.0" date="Released on January 13th, 2022">
|
|
57
|
-
<svelte:fragment slot="icon">
|
|
58
|
-
<span
|
|
59
|
-
class="flex absolute -left-3 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-blue-900">
|
|
60
|
-
<svg
|
|
61
|
-
aria-hidden="true"
|
|
62
|
-
class="w-3 h-3 text-blue-600 dark:text-blue-400"
|
|
63
|
-
fill="currentColor"
|
|
64
|
-
viewBox="0 0 20 20"
|
|
65
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
66
|
-
><path
|
|
67
|
-
fill-rule="evenodd"
|
|
68
|
-
d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z"
|
|
69
|
-
clip-rule="evenodd" /></svg>
|
|
70
|
-
</span>
|
|
71
|
-
</svelte:fragment>
|
|
72
|
-
<p class="mb-4 text-base font-normal text-gray-500 dark:text-gray-400">
|
|
73
|
-
Get access to over 20+ pages including a dashboard layout, charts, kanban board, calendar,
|
|
74
|
-
and pre-order E-commerce & Marketing pages.
|
|
75
|
-
</p>
|
|
76
|
-
</TimelineItem>
|
|
77
|
-
<TimelineItem title="Flowbite Figma v1.3.0" date="Released on December 7th, 2021">
|
|
78
|
-
<svelte:fragment slot="icon">
|
|
79
|
-
<span
|
|
80
|
-
class="flex absolute -left-3 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-blue-900">
|
|
81
|
-
<svg
|
|
82
|
-
aria-hidden="true"
|
|
83
|
-
class="w-3 h-3 text-blue-600 dark:text-blue-400"
|
|
84
|
-
fill="currentColor"
|
|
85
|
-
viewBox="0 0 20 20"
|
|
86
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
87
|
-
><path
|
|
88
|
-
fill-rule="evenodd"
|
|
89
|
-
d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z"
|
|
90
|
-
clip-rule="evenodd" /></svg>
|
|
91
|
-
</span>
|
|
92
|
-
</svelte:fragment>
|
|
93
|
-
<p class="text-base font-normal text-gray-500 dark:text-gray-400">
|
|
94
|
-
All of the pages and components are first designed in Figma and we keep a parity between the
|
|
95
|
-
two versions even as we update the project.
|
|
96
|
-
</p>
|
|
97
|
-
</TimelineItem>
|
|
98
|
-
<TimelineItem title="Flowbite Library v1.2.2" date="Released on December 2nd, 2021">
|
|
99
|
-
<svelte:fragment slot="icon">
|
|
100
|
-
<span
|
|
101
|
-
class="flex absolute -left-3 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-blue-900">
|
|
102
|
-
<svg
|
|
103
|
-
aria-hidden="true"
|
|
104
|
-
class="w-3 h-3 text-blue-600 dark:text-blue-400"
|
|
105
|
-
fill="currentColor"
|
|
106
|
-
viewBox="0 0 20 20"
|
|
107
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
108
|
-
><path
|
|
109
|
-
fill-rule="evenodd"
|
|
110
|
-
d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z"
|
|
111
|
-
clip-rule="evenodd" /></svg>
|
|
112
|
-
</span>
|
|
113
|
-
</svelte:fragment>
|
|
114
|
-
<p class="text-base font-normal text-gray-500 dark:text-gray-400">
|
|
115
|
-
Get started with dozens of web components and interactive elements built on top of Tailwind
|
|
116
|
-
CSS.
|
|
117
|
-
</p>
|
|
118
|
-
</TimelineItem>
|
|
119
|
-
</Timeline>
|
|
120
|
-
```
|
|
121
|
-
|
|
122
42
|
-->
|
|
@@ -21,14 +21,7 @@ export type TimelineItemVerticalProps = typeof __propDef.props;
|
|
|
21
21
|
export type TimelineItemVerticalEvents = typeof __propDef.events;
|
|
22
22
|
export type TimelineItemVerticalSlots = typeof __propDef.slots;
|
|
23
23
|
/**
|
|
24
|
-
* ## Features
|
|
25
24
|
* [Go to Vertical Timeline](https://flowbite-svelte.com/docs/components/timeline#Vertical_Timeline)
|
|
26
|
-
* - Setup
|
|
27
|
-
* - Default timeline
|
|
28
|
-
* - Vertical Timeline
|
|
29
|
-
* - Horizontal Timeline
|
|
30
|
-
* - Activity Log
|
|
31
|
-
* - Grouped timeline
|
|
32
25
|
* ## Props
|
|
33
26
|
* @prop title: string;
|
|
34
27
|
* @prop date: string;
|
|
@@ -36,78 +29,6 @@ export type TimelineItemVerticalSlots = typeof __propDef.slots;
|
|
|
36
29
|
* @prop spanClass: string;
|
|
37
30
|
* @prop h3Class: string;
|
|
38
31
|
* @prop timeClass: string;
|
|
39
|
-
* ## Example
|
|
40
|
-
* ```
|
|
41
|
-
* <script>
|
|
42
|
-
* import { Timeline, TimelineItem } from 'flowbite-svelte';
|
|
43
|
-
* </script>
|
|
44
|
-
*
|
|
45
|
-
* <Timeline order="vertical">
|
|
46
|
-
* <TimelineItem title="Flowbite Application UI v2.0.0" date="Released on January 13th, 2022">
|
|
47
|
-
* <svelte:fragment slot="icon">
|
|
48
|
-
* <span
|
|
49
|
-
* class="flex absolute -left-3 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-blue-900">
|
|
50
|
-
* <svg
|
|
51
|
-
* aria-hidden="true"
|
|
52
|
-
* class="w-3 h-3 text-blue-600 dark:text-blue-400"
|
|
53
|
-
* fill="currentColor"
|
|
54
|
-
* viewBox="0 0 20 20"
|
|
55
|
-
* xmlns="http://www.w3.org/2000/svg"
|
|
56
|
-
* ><path
|
|
57
|
-
* fill-rule="evenodd"
|
|
58
|
-
* d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z"
|
|
59
|
-
* clip-rule="evenodd" /></svg>
|
|
60
|
-
* </span>
|
|
61
|
-
* </svelte:fragment>
|
|
62
|
-
* <p class="mb-4 text-base font-normal text-gray-500 dark:text-gray-400">
|
|
63
|
-
* Get access to over 20+ pages including a dashboard layout, charts, kanban board, calendar,
|
|
64
|
-
* and pre-order E-commerce & Marketing pages.
|
|
65
|
-
* </p>
|
|
66
|
-
* </TimelineItem>
|
|
67
|
-
* <TimelineItem title="Flowbite Figma v1.3.0" date="Released on December 7th, 2021">
|
|
68
|
-
* <svelte:fragment slot="icon">
|
|
69
|
-
* <span
|
|
70
|
-
* class="flex absolute -left-3 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-blue-900">
|
|
71
|
-
* <svg
|
|
72
|
-
* aria-hidden="true"
|
|
73
|
-
* class="w-3 h-3 text-blue-600 dark:text-blue-400"
|
|
74
|
-
* fill="currentColor"
|
|
75
|
-
* viewBox="0 0 20 20"
|
|
76
|
-
* xmlns="http://www.w3.org/2000/svg"
|
|
77
|
-
* ><path
|
|
78
|
-
* fill-rule="evenodd"
|
|
79
|
-
* d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z"
|
|
80
|
-
* clip-rule="evenodd" /></svg>
|
|
81
|
-
* </span>
|
|
82
|
-
* </svelte:fragment>
|
|
83
|
-
* <p class="text-base font-normal text-gray-500 dark:text-gray-400">
|
|
84
|
-
* All of the pages and components are first designed in Figma and we keep a parity between the
|
|
85
|
-
* two versions even as we update the project.
|
|
86
|
-
* </p>
|
|
87
|
-
* </TimelineItem>
|
|
88
|
-
* <TimelineItem title="Flowbite Library v1.2.2" date="Released on December 2nd, 2021">
|
|
89
|
-
* <svelte:fragment slot="icon">
|
|
90
|
-
* <span
|
|
91
|
-
* class="flex absolute -left-3 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-blue-900">
|
|
92
|
-
* <svg
|
|
93
|
-
* aria-hidden="true"
|
|
94
|
-
* class="w-3 h-3 text-blue-600 dark:text-blue-400"
|
|
95
|
-
* fill="currentColor"
|
|
96
|
-
* viewBox="0 0 20 20"
|
|
97
|
-
* xmlns="http://www.w3.org/2000/svg"
|
|
98
|
-
* ><path
|
|
99
|
-
* fill-rule="evenodd"
|
|
100
|
-
* d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z"
|
|
101
|
-
* clip-rule="evenodd" /></svg>
|
|
102
|
-
* </span>
|
|
103
|
-
* </svelte:fragment>
|
|
104
|
-
* <p class="text-base font-normal text-gray-500 dark:text-gray-400">
|
|
105
|
-
* Get started with dozens of web components and interactive elements built on top of Tailwind
|
|
106
|
-
* CSS.
|
|
107
|
-
* </p>
|
|
108
|
-
* </TimelineItem>
|
|
109
|
-
* </Timeline>
|
|
110
|
-
* ```
|
|
111
32
|
*/
|
|
112
33
|
export default class TimelineItemVertical extends SvelteComponentTyped<TimelineItemVerticalProps, TimelineItemVerticalEvents, TimelineItemVerticalSlots> {
|
|
113
34
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimelineItemVertical.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/timeline/TimelineItemVertical.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAwCD,QAAA,MAAM,SAAS;;;eAD4H,MAAM;cAAQ,MAAM;;;;;;;;;;;;;CACjF,CAAC;AAC/E,MAAM,MAAM,yBAAyB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC/D,MAAM,MAAM,0BAA0B,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACjE,MAAM,MAAM,yBAAyB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE/D
|
|
1
|
+
{"version":3,"file":"TimelineItemVertical.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/timeline/TimelineItemVertical.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAwCD,QAAA,MAAM,SAAS;;;eAD4H,MAAM;cAAQ,MAAM;;;;;;;;;;;;;CACjF,CAAC;AAC/E,MAAM,MAAM,yBAAyB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC/D,MAAM,MAAM,0BAA0B,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACjE,MAAM,MAAM,yBAAyB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE/D;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,oBAAoB,CAAC,yBAAyB,EAAE,0BAA0B,EAAE,yBAAyB,CAAC;CACvJ"}
|
package/dist/toasts/Toast.svelte
CHANGED
|
@@ -56,40 +56,11 @@ const clsBtnExtraClass = '-mx-1.5 -my-1.5 text-gray-400 hover:text-gray-900 focu
|
|
|
56
56
|
|
|
57
57
|
<!--
|
|
58
58
|
@component
|
|
59
|
-
## Features
|
|
60
59
|
[Go to Toast](https://flowbite-svelte.com/docs/components/toast)
|
|
61
|
-
- Setup
|
|
62
|
-
- Default toast
|
|
63
|
-
- Simple toast
|
|
64
|
-
- Colors
|
|
65
|
-
- Icons
|
|
66
|
-
- Autohide example
|
|
67
|
-
- Transitions
|
|
68
|
-
- Blur examples
|
|
69
|
-
- Fly examples
|
|
70
|
-
- Undo button
|
|
71
|
-
- Advanced examples
|
|
72
|
-
- Toast message
|
|
73
|
-
- Push notification
|
|
74
|
-
- Interactive toast
|
|
75
|
-
- Positioning
|
|
76
60
|
## Props
|
|
77
61
|
@prop simple: boolean = false;
|
|
78
62
|
@prop position: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none' = 'none';
|
|
79
63
|
@prop open: boolean = true;
|
|
80
64
|
@prop divClass: string = 'w-full max-w-xs p-4';
|
|
81
65
|
@prop defaultIconClass: string = 'inline-flex items-center justify-center flex-shrink-0 w-8 h-8 mr-3';
|
|
82
|
-
## Example
|
|
83
|
-
```
|
|
84
|
-
<script>
|
|
85
|
-
import { Toast } from 'flowbite-svelte';
|
|
86
|
-
</script>
|
|
87
|
-
<Toast>
|
|
88
|
-
<svelte:fragment slot="icon">
|
|
89
|
-
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M15.362 5.214A8.252 8.252 0 0112 21 8.25 8.25 0 016.038 7.048 8.287 8.287 0 009 9.6a8.983 8.983 0 013.361-6.867 8.21 8.21 0 003 2.48z" /><path stroke-linecap="round" stroke-linejoin="round" d="M12 18a3.75 3.75 0 00.495-7.467 5.99 5.99 0 00-1.925 3.546 5.974 5.974 0 01-2.133-1A3.75 3.75 0 0012 18z" />
|
|
90
|
-
</svg>
|
|
91
|
-
</svelte:fragment>
|
|
92
|
-
Dismissable user notification.
|
|
93
|
-
</Toast>
|
|
94
|
-
```
|
|
95
66
|
-->
|