flowbite-svelte 0.44.1 → 0.44.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/accordion/Accordion.svelte +8 -35
- package/dist/accordion/Accordion.svelte.d.ts +6 -32
- package/dist/accordion/Accordion.svelte.d.ts.map +1 -1
- package/dist/accordion/AccordionItem.svelte +19 -26
- package/dist/accordion/AccordionItem.svelte.d.ts +17 -23
- package/dist/accordion/AccordionItem.svelte.d.ts.map +1 -1
- package/dist/alerts/Alert.svelte +5 -37
- package/dist/alerts/Alert.svelte.d.ts +3 -35
- package/dist/alerts/Alert.svelte.d.ts.map +1 -1
- package/dist/avatar/Avatar.svelte +11 -32
- package/dist/avatar/Avatar.svelte.d.ts +9 -30
- package/dist/avatar/Avatar.svelte.d.ts.map +1 -1
- package/dist/avatar/Placeholder.svelte +4 -4
- package/dist/avatar/Placeholder.svelte.d.ts +3 -3
- package/dist/badges/Badge.svelte +6 -30
- package/dist/badges/Badge.svelte.d.ts +4 -28
- package/dist/badges/Badge.svelte.d.ts.map +1 -1
- package/dist/banner/Banner.svelte +9 -43
- package/dist/banner/Banner.svelte.d.ts +7 -41
- package/dist/banner/Banner.svelte.d.ts.map +1 -1
- package/dist/bottom-nav/BottomNav.svelte +10 -46
- package/dist/bottom-nav/BottomNav.svelte.d.ts +8 -44
- package/dist/bottom-nav/BottomNav.svelte.d.ts.map +1 -1
- package/dist/bottom-nav/BottomNavHeader.svelte +5 -17
- package/dist/bottom-nav/BottomNavHeader.svelte.d.ts +3 -15
- package/dist/bottom-nav/BottomNavHeader.svelte.d.ts.map +1 -1
- package/dist/bottom-nav/BottomNavHeaderItem.svelte +7 -17
- package/dist/bottom-nav/BottomNavHeaderItem.svelte.d.ts +5 -15
- package/dist/bottom-nav/BottomNavHeaderItem.svelte.d.ts.map +1 -1
- package/dist/bottom-nav/BottomNavItem.svelte +7 -21
- package/dist/bottom-nav/BottomNavItem.svelte.d.ts +5 -18
- package/dist/bottom-nav/BottomNavItem.svelte.d.ts.map +1 -1
- package/dist/breadcrumbs/Breadcrumb.svelte +7 -24
- package/dist/breadcrumbs/Breadcrumb.svelte.d.ts +5 -22
- package/dist/breadcrumbs/Breadcrumb.svelte.d.ts.map +1 -1
- package/dist/breadcrumbs/BreadcrumbItem.svelte +8 -14
- package/dist/breadcrumbs/BreadcrumbItem.svelte.d.ts +6 -11
- package/dist/breadcrumbs/BreadcrumbItem.svelte.d.ts.map +1 -1
- package/dist/buttongroups/ButtonGroup.svelte +5 -6
- package/dist/buttongroups/ButtonGroup.svelte.d.ts +3 -4
- package/dist/buttongroups/ButtonGroup.svelte.d.ts.map +1 -1
- package/dist/buttons/Button.svelte +10 -48
- package/dist/buttons/Button.svelte.d.ts +8 -46
- package/dist/buttons/Button.svelte.d.ts.map +1 -1
- package/dist/buttons/GradientButton.svelte +5 -25
- package/dist/buttons/GradientButton.svelte.d.ts +4 -24
- package/dist/buttons/GradientButton.svelte.d.ts.map +1 -1
- package/dist/cards/Card.svelte +9 -42
- package/dist/cards/Card.svelte.d.ts +7 -40
- package/dist/cards/Card.svelte.d.ts.map +1 -1
- package/dist/carousels/Caption.svelte +6 -8
- package/dist/carousels/Caption.svelte.d.ts +4 -5
- package/dist/carousels/Caption.svelte.d.ts.map +1 -1
- package/dist/carousels/Carousel.svelte +21 -45
- package/dist/carousels/Carousel.svelte.d.ts +19 -43
- package/dist/carousels/Carousel.svelte.d.ts.map +1 -1
- package/dist/carousels/CarouselTransition.svelte +25 -44
- package/dist/carousels/CarouselTransition.svelte.d.ts +23 -42
- package/dist/carousels/CarouselTransition.svelte.d.ts.map +1 -1
- package/dist/carousels/Indicator.svelte +6 -8
- package/dist/carousels/Indicator.svelte.d.ts +4 -5
- package/dist/carousels/Indicator.svelte.d.ts.map +1 -1
- package/dist/carousels/Slide.svelte +8 -8
- package/dist/carousels/Slide.svelte.d.ts +6 -6
- package/dist/carousels/Thumbnail.svelte +11 -11
- package/dist/carousels/Thumbnail.svelte.d.ts +9 -8
- package/dist/carousels/Thumbnail.svelte.d.ts.map +1 -1
- package/dist/charts/Chart.svelte +26 -15
- package/dist/charts/Chart.svelte.d.ts +5 -0
- package/dist/charts/Chart.svelte.d.ts.map +1 -1
- package/dist/darkmode/DarkMode.svelte +5 -8
- package/dist/darkmode/DarkMode.svelte.d.ts +3 -6
- package/dist/darkmode/DarkMode.svelte.d.ts.map +1 -1
- package/dist/datepicker/Datepicker.svelte +11 -13
- package/dist/datepicker/Datepicker.svelte.d.ts +9 -10
- package/dist/datepicker/Datepicker.svelte.d.ts.map +1 -1
- package/dist/device-mockup/Android.svelte +8 -26
- package/dist/device-mockup/Android.svelte.d.ts +6 -24
- package/dist/device-mockup/Android.svelte.d.ts.map +1 -1
- package/dist/device-mockup/DefaultMockup.svelte +7 -25
- package/dist/device-mockup/DefaultMockup.svelte.d.ts +5 -23
- package/dist/device-mockup/DefaultMockup.svelte.d.ts.map +1 -1
- package/dist/device-mockup/DeviceMockup.svelte +46 -118
- package/dist/device-mockup/DeviceMockup.svelte.d.ts +44 -116
- package/dist/device-mockup/DeviceMockup.svelte.d.ts.map +1 -1
- package/dist/device-mockup/Ios.svelte +7 -25
- package/dist/device-mockup/Ios.svelte.d.ts +5 -23
- package/dist/device-mockup/Ios.svelte.d.ts.map +1 -1
- package/dist/device-mockup/Smartwatch.svelte +5 -23
- package/dist/device-mockup/Smartwatch.svelte.d.ts +3 -21
- package/dist/device-mockup/Smartwatch.svelte.d.ts.map +1 -1
- package/dist/device-mockup/Tablet.svelte +7 -25
- package/dist/device-mockup/Tablet.svelte.d.ts +5 -23
- package/dist/device-mockup/Tablet.svelte.d.ts.map +1 -1
- package/dist/drawer/Drawer.svelte +19 -69
- package/dist/drawer/Drawer.svelte.d.ts +17 -67
- package/dist/drawer/Drawer.svelte.d.ts.map +1 -1
- package/dist/dropdowns/Dropdown.svelte +9 -49
- package/dist/dropdowns/Dropdown.svelte.d.ts +7 -46
- package/dist/dropdowns/Dropdown.svelte.d.ts.map +1 -1
- package/dist/dropdowns/DropdownDivider.svelte +4 -5
- package/dist/dropdowns/DropdownDivider.svelte.d.ts +2 -3
- package/dist/dropdowns/DropdownDivider.svelte.d.ts.map +1 -1
- package/dist/dropdowns/DropdownHeader.svelte +5 -6
- package/dist/dropdowns/DropdownHeader.svelte.d.ts +3 -4
- package/dist/dropdowns/DropdownHeader.svelte.d.ts.map +1 -1
- package/dist/dropdowns/DropdownItem.svelte +7 -15
- package/dist/dropdowns/DropdownItem.svelte.d.ts +5 -13
- package/dist/dropdowns/DropdownItem.svelte.d.ts.map +1 -1
- package/dist/footer/Footer.svelte +4 -28
- package/dist/footer/Footer.svelte.d.ts +2 -26
- package/dist/footer/Footer.svelte.d.ts.map +1 -1
- package/dist/footer/FooterBrand.svelte +11 -12
- package/dist/footer/FooterBrand.svelte.d.ts +9 -10
- package/dist/footer/FooterBrand.svelte.d.ts.map +1 -1
- package/dist/footer/FooterCopyright.svelte +10 -11
- package/dist/footer/FooterCopyright.svelte.d.ts +8 -9
- package/dist/footer/FooterCopyright.svelte.d.ts.map +1 -1
- package/dist/footer/FooterIcon.svelte +7 -8
- package/dist/footer/FooterIcon.svelte.d.ts +5 -6
- package/dist/footer/FooterIcon.svelte.d.ts.map +1 -1
- package/dist/footer/FooterLink.svelte +7 -8
- package/dist/footer/FooterLink.svelte.d.ts +5 -6
- package/dist/footer/FooterLink.svelte.d.ts.map +1 -1
- package/dist/footer/FooterLinkGroup.svelte +4 -5
- package/dist/footer/FooterLinkGroup.svelte.d.ts +2 -3
- package/dist/footer/FooterLinkGroup.svelte.d.ts.map +1 -1
- package/dist/forms/Checkbox.svelte +10 -45
- package/dist/forms/Checkbox.svelte.d.ts +8 -43
- package/dist/forms/Checkbox.svelte.d.ts.map +1 -1
- package/dist/forms/Dropzone.svelte +6 -29
- package/dist/forms/Dropzone.svelte.d.ts +4 -27
- package/dist/forms/Dropzone.svelte.d.ts.map +1 -1
- package/dist/forms/Fileupload.svelte +6 -32
- package/dist/forms/Fileupload.svelte.d.ts +4 -30
- package/dist/forms/Fileupload.svelte.d.ts.map +1 -1
- package/dist/forms/FloatingLabelInput.svelte +10 -34
- package/dist/forms/FloatingLabelInput.svelte.d.ts +8 -32
- package/dist/forms/FloatingLabelInput.svelte.d.ts.map +1 -1
- package/dist/forms/Helper.svelte +5 -12
- package/dist/forms/Helper.svelte.d.ts +3 -10
- package/dist/forms/Helper.svelte.d.ts.map +1 -1
- package/dist/forms/Input.svelte +9 -56
- package/dist/forms/Input.svelte.d.ts +7 -54
- package/dist/forms/Input.svelte.d.ts.map +1 -1
- package/dist/forms/InputAddon.svelte +4 -15
- package/dist/forms/InputAddon.svelte.d.ts +2 -13
- package/dist/forms/InputAddon.svelte.d.ts.map +1 -1
- package/dist/forms/Label.svelte +6 -17
- package/dist/forms/Label.svelte.d.ts +4 -15
- package/dist/forms/Label.svelte.d.ts.map +1 -1
- package/dist/forms/MultiSelect.svelte +7 -18
- package/dist/forms/MultiSelect.svelte.d.ts +6 -17
- package/dist/forms/MultiSelect.svelte.d.ts.map +1 -1
- package/dist/forms/NumberInput.svelte +4 -19
- package/dist/forms/NumberInput.svelte.d.ts +2 -17
- package/dist/forms/NumberInput.svelte.d.ts.map +1 -1
- package/dist/forms/Radio.svelte +9 -43
- package/dist/forms/Radio.svelte.d.ts +7 -41
- 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 +5 -20
- package/dist/forms/Range.svelte.d.ts +3 -18
- package/dist/forms/Range.svelte.d.ts.map +1 -1
- package/dist/forms/Search.svelte +6 -36
- package/dist/forms/Search.svelte.d.ts +4 -34
- package/dist/forms/Search.svelte.d.ts.map +1 -1
- package/dist/forms/Select.svelte +10 -34
- package/dist/forms/Select.svelte.d.ts +8 -32
- package/dist/forms/Select.svelte.d.ts.map +1 -1
- package/dist/forms/Textarea.svelte +7 -35
- package/dist/forms/Textarea.svelte.d.ts +5 -33
- package/dist/forms/Textarea.svelte.d.ts.map +1 -1
- package/dist/forms/Toggle.svelte +9 -25
- package/dist/forms/Toggle.svelte.d.ts +6 -22
- package/dist/forms/Toggle.svelte.d.ts.map +1 -1
- package/dist/forms/VoiceSearch.svelte +12 -34
- package/dist/forms/VoiceSearch.svelte.d.ts +10 -32
- package/dist/forms/VoiceSearch.svelte.d.ts.map +1 -1
- package/dist/gallery/Gallery.svelte +5 -38
- package/dist/gallery/Gallery.svelte.d.ts +3 -36
- package/dist/gallery/Gallery.svelte.d.ts.map +1 -1
- package/dist/index.d.ts +0 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +0 -1
- package/dist/indicators/Indicator.svelte +9 -28
- package/dist/indicators/Indicator.svelte.d.ts +7 -26
- package/dist/indicators/Indicator.svelte.d.ts.map +1 -1
- package/dist/kbd/ArrowKeyDown.svelte +4 -5
- package/dist/kbd/ArrowKeyDown.svelte.d.ts +2 -3
- package/dist/kbd/ArrowKeyDown.svelte.d.ts.map +1 -1
- package/dist/kbd/ArrowKeyLeft.svelte +4 -5
- package/dist/kbd/ArrowKeyLeft.svelte.d.ts +2 -3
- package/dist/kbd/ArrowKeyLeft.svelte.d.ts.map +1 -1
- package/dist/kbd/ArrowKeyRight.svelte +4 -5
- package/dist/kbd/ArrowKeyRight.svelte.d.ts +2 -3
- package/dist/kbd/ArrowKeyRight.svelte.d.ts.map +1 -1
- package/dist/kbd/ArrowKeyUp.svelte +4 -5
- package/dist/kbd/ArrowKeyUp.svelte.d.ts +2 -3
- package/dist/kbd/ArrowKeyUp.svelte.d.ts.map +1 -1
- package/dist/kbd/Kbd.svelte +4 -27
- package/dist/kbd/Kbd.svelte.d.ts +2 -25
- package/dist/kbd/Kbd.svelte.d.ts.map +1 -1
- package/dist/list-group/Listgroup.svelte +6 -18
- package/dist/list-group/Listgroup.svelte.d.ts +4 -16
- package/dist/list-group/Listgroup.svelte.d.ts.map +1 -1
- package/dist/list-group/ListgroupItem.svelte +13 -25
- package/dist/list-group/ListgroupItem.svelte.d.ts +11 -23
- package/dist/list-group/ListgroupItem.svelte.d.ts.map +1 -1
- package/dist/megamenu/MegaMenu.svelte +7 -51
- package/dist/megamenu/MegaMenu.svelte.d.ts +5 -49
- package/dist/megamenu/MegaMenu.svelte.d.ts.map +1 -1
- package/dist/modals/Modal.svelte +17 -47
- package/dist/modals/Modal.svelte.d.ts +11 -42
- package/dist/modals/Modal.svelte.d.ts.map +1 -1
- package/dist/navbar/Menu.svelte +7 -7
- package/dist/navbar/Menu.svelte.d.ts +5 -5
- package/dist/navbar/NavBrand.svelte +4 -31
- package/dist/navbar/NavBrand.svelte.d.ts +2 -29
- package/dist/navbar/NavBrand.svelte.d.ts.map +1 -1
- package/dist/navbar/NavHamburger.svelte +5 -31
- package/dist/navbar/NavHamburger.svelte.d.ts +3 -29
- package/dist/navbar/NavHamburger.svelte.d.ts.map +1 -1
- package/dist/navbar/NavLi.svelte +6 -36
- package/dist/navbar/NavLi.svelte.d.ts +4 -34
- package/dist/navbar/NavLi.svelte.d.ts.map +1 -1
- package/dist/navbar/NavSidebarHamburger.svelte +5 -31
- package/dist/navbar/NavSidebarHamburger.svelte.d.ts +3 -29
- package/dist/navbar/NavSidebarHamburger.svelte.d.ts.map +1 -1
- package/dist/navbar/NavUl.svelte +10 -27
- package/dist/navbar/NavUl.svelte.d.ts +8 -25
- package/dist/navbar/NavUl.svelte.d.ts.map +1 -1
- package/dist/navbar/Navbar.svelte +6 -33
- package/dist/navbar/Navbar.svelte.d.ts +4 -31
- package/dist/navbar/Navbar.svelte.d.ts.map +1 -1
- package/dist/navbar/SidebarMenu.svelte +7 -33
- package/dist/navbar/SidebarMenu.svelte.d.ts +5 -31
- package/dist/navbar/SidebarMenu.svelte.d.ts.map +1 -1
- package/dist/paginations/Pagination.svelte +9 -68
- package/dist/paginations/Pagination.svelte.d.ts +7 -66
- package/dist/paginations/Pagination.svelte.d.ts.map +1 -1
- package/dist/paginations/PaginationItem.svelte +8 -59
- package/dist/paginations/PaginationItem.svelte.d.ts +6 -57
- package/dist/paginations/PaginationItem.svelte.d.ts.map +1 -1
- package/dist/popover/Popover.svelte +5 -17
- package/dist/popover/Popover.svelte.d.ts +3 -15
- package/dist/popover/Popover.svelte.d.ts.map +1 -1
- package/dist/progressbars/Progressbar.svelte +10 -18
- package/dist/progressbars/Progressbar.svelte.d.ts +8 -16
- package/dist/progressbars/Progressbar.svelte.d.ts.map +1 -1
- package/dist/ratings/AdvancedRating.svelte +10 -11
- package/dist/ratings/AdvancedRating.svelte.d.ts +8 -9
- package/dist/ratings/AdvancedRating.svelte.d.ts.map +1 -1
- package/dist/ratings/Heart.svelte +10 -12
- package/dist/ratings/Heart.svelte.d.ts +8 -10
- package/dist/ratings/Heart.svelte.d.ts.map +1 -1
- package/dist/ratings/Rating.svelte +10 -33
- package/dist/ratings/Rating.svelte.d.ts +8 -31
- package/dist/ratings/Rating.svelte.d.ts.map +1 -1
- package/dist/ratings/RatingComment.svelte +7 -43
- package/dist/ratings/RatingComment.svelte.d.ts +6 -42
- package/dist/ratings/RatingComment.svelte.d.ts.map +1 -1
- package/dist/ratings/Review.svelte +9 -53
- package/dist/ratings/Review.svelte.d.ts +7 -51
- package/dist/ratings/Review.svelte.d.ts.map +1 -1
- package/dist/ratings/ScoreRating.svelte +12 -39
- package/dist/ratings/ScoreRating.svelte.d.ts +11 -38
- package/dist/ratings/ScoreRating.svelte.d.ts.map +1 -1
- package/dist/ratings/Star.svelte +10 -21
- package/dist/ratings/Star.svelte.d.ts +8 -19
- package/dist/ratings/Star.svelte.d.ts.map +1 -1
- package/dist/ratings/Thumbup.svelte +10 -21
- package/dist/ratings/Thumbup.svelte.d.ts +8 -19
- package/dist/ratings/Thumbup.svelte.d.ts.map +1 -1
- package/dist/sidebars/Sidebar.svelte +7 -64
- package/dist/sidebars/Sidebar.svelte.d.ts +5 -61
- package/dist/sidebars/Sidebar.svelte.d.ts.map +1 -1
- package/dist/sidebars/SidebarBrand.svelte +7 -22
- package/dist/sidebars/SidebarBrand.svelte.d.ts +5 -19
- package/dist/sidebars/SidebarBrand.svelte.d.ts.map +1 -1
- package/dist/sidebars/SidebarCta.svelte +7 -35
- package/dist/sidebars/SidebarCta.svelte.d.ts +5 -32
- package/dist/sidebars/SidebarCta.svelte.d.ts.map +1 -1
- package/dist/sidebars/SidebarDropdownItem.svelte +8 -49
- package/dist/sidebars/SidebarDropdownItem.svelte.d.ts +6 -46
- package/dist/sidebars/SidebarDropdownItem.svelte.d.ts.map +1 -1
- package/dist/sidebars/SidebarDropdownWrapper.svelte +10 -40
- package/dist/sidebars/SidebarDropdownWrapper.svelte.d.ts +8 -37
- package/dist/sidebars/SidebarDropdownWrapper.svelte.d.ts.map +1 -1
- package/dist/sidebars/SidebarGroup.svelte +6 -38
- package/dist/sidebars/SidebarGroup.svelte.d.ts +4 -35
- package/dist/sidebars/SidebarGroup.svelte.d.ts.map +1 -1
- package/dist/sidebars/SidebarItem.svelte +9 -70
- package/dist/sidebars/SidebarItem.svelte.d.ts +7 -67
- package/dist/sidebars/SidebarItem.svelte.d.ts.map +1 -1
- package/dist/sidebars/SidebarWrapper.svelte +4 -64
- package/dist/sidebars/SidebarWrapper.svelte.d.ts +2 -61
- package/dist/sidebars/SidebarWrapper.svelte.d.ts.map +1 -1
- package/dist/skeleton/CardPlaceholder.svelte +5 -19
- package/dist/skeleton/CardPlaceholder.svelte.d.ts +3 -17
- package/dist/skeleton/CardPlaceholder.svelte.d.ts.map +1 -1
- package/dist/skeleton/ImagePlaceholder.svelte +5 -15
- package/dist/skeleton/ImagePlaceholder.svelte.d.ts +3 -13
- package/dist/skeleton/ImagePlaceholder.svelte.d.ts.map +1 -1
- package/dist/skeleton/ListPlaceholder.svelte +4 -13
- package/dist/skeleton/ListPlaceholder.svelte.d.ts +2 -11
- package/dist/skeleton/ListPlaceholder.svelte.d.ts.map +1 -1
- package/dist/skeleton/Skeleton.svelte +5 -18
- package/dist/skeleton/Skeleton.svelte.d.ts +3 -16
- package/dist/skeleton/Skeleton.svelte.d.ts.map +1 -1
- package/dist/skeleton/TestimonialPlaceholder.svelte +4 -13
- package/dist/skeleton/TestimonialPlaceholder.svelte.d.ts +2 -11
- package/dist/skeleton/TestimonialPlaceholder.svelte.d.ts.map +1 -1
- package/dist/skeleton/TextPlaceholder.svelte +5 -18
- package/dist/skeleton/TextPlaceholder.svelte.d.ts +3 -16
- package/dist/skeleton/TextPlaceholder.svelte.d.ts.map +1 -1
- package/dist/skeleton/VideoPlaceholder.svelte +5 -19
- package/dist/skeleton/VideoPlaceholder.svelte.d.ts +3 -17
- package/dist/skeleton/VideoPlaceholder.svelte.d.ts.map +1 -1
- package/dist/skeleton/WidgetPlaceholder.svelte +4 -13
- package/dist/skeleton/WidgetPlaceholder.svelte.d.ts +2 -11
- package/dist/skeleton/WidgetPlaceholder.svelte.d.ts.map +1 -1
- package/dist/speed-dial/SpeedDial.svelte +14 -44
- package/dist/speed-dial/SpeedDial.svelte.d.ts +12 -42
- package/dist/speed-dial/SpeedDial.svelte.d.ts.map +1 -1
- package/dist/speed-dial/SpeedDialButton.svelte +10 -32
- package/dist/speed-dial/SpeedDialButton.svelte.d.ts +8 -30
- package/dist/speed-dial/SpeedDialButton.svelte.d.ts.map +1 -1
- package/dist/spinners/Spinner.svelte +9 -23
- package/dist/spinners/Spinner.svelte.d.ts +7 -21
- package/dist/spinners/Spinner.svelte.d.ts.map +1 -1
- package/dist/steps/StepIndicator.svelte +11 -34
- package/dist/steps/StepIndicator.svelte.d.ts +9 -32
- package/dist/steps/StepIndicator.svelte.d.ts.map +1 -1
- package/dist/tables/Table.svelte +10 -63
- package/dist/tables/Table.svelte.d.ts +8 -59
- package/dist/tables/Table.svelte.d.ts.map +1 -1
- package/dist/tables/TableBody.svelte +4 -5
- package/dist/tables/TableBody.svelte.d.ts +2 -3
- package/dist/tables/TableBody.svelte.d.ts.map +1 -1
- package/dist/tables/TableBodyCell.svelte +4 -14
- package/dist/tables/TableBodyCell.svelte.d.ts +2 -12
- package/dist/tables/TableBodyCell.svelte.d.ts.map +1 -1
- package/dist/tables/TableBodyRow.svelte +4 -5
- package/dist/tables/TableBodyRow.svelte.d.ts +2 -3
- package/dist/tables/TableBodyRow.svelte.d.ts.map +1 -1
- package/dist/tables/TableHead.svelte +5 -6
- package/dist/tables/TableHead.svelte.d.ts +3 -4
- package/dist/tables/TableHead.svelte.d.ts.map +1 -1
- package/dist/tables/TableHeadCell.svelte +4 -14
- package/dist/tables/TableHeadCell.svelte.d.ts +2 -12
- package/dist/tables/TableHeadCell.svelte.d.ts.map +1 -1
- package/dist/tables/TableSearch.svelte +10 -11
- package/dist/tables/TableSearch.svelte.d.ts +8 -9
- package/dist/tables/TableSearch.svelte.d.ts.map +1 -1
- package/dist/tabs/TabItem.svelte +8 -47
- package/dist/tabs/TabItem.svelte.d.ts +6 -44
- package/dist/tabs/TabItem.svelte.d.ts.map +1 -1
- package/dist/tabs/Tabs.svelte +9 -45
- package/dist/tabs/Tabs.svelte.d.ts +7 -43
- package/dist/tabs/Tabs.svelte.d.ts.map +1 -1
- package/dist/timeline/Activity.svelte +4 -43
- package/dist/timeline/Activity.svelte.d.ts +2 -41
- package/dist/timeline/Activity.svelte.d.ts.map +1 -1
- package/dist/timeline/ActivityItem.svelte +12 -51
- package/dist/timeline/ActivityItem.svelte.d.ts +10 -49
- package/dist/timeline/ActivityItem.svelte.d.ts.map +1 -1
- package/dist/timeline/Group.svelte +7 -45
- package/dist/timeline/Group.svelte.d.ts +5 -42
- package/dist/timeline/Group.svelte.d.ts.map +1 -1
- package/dist/timeline/GroupItem.svelte +9 -48
- package/dist/timeline/GroupItem.svelte.d.ts +7 -45
- package/dist/timeline/GroupItem.svelte.d.ts.map +1 -1
- package/dist/timeline/Timeline.svelte +4 -51
- package/dist/timeline/Timeline.svelte.d.ts +2 -48
- package/dist/timeline/Timeline.svelte.d.ts.map +1 -1
- package/dist/timeline/TimelineHorizontal.svelte +4 -59
- package/dist/timeline/TimelineHorizontal.svelte.d.ts +2 -57
- package/dist/timeline/TimelineHorizontal.svelte.d.ts.map +1 -1
- package/dist/timeline/TimelineItem.svelte +6 -52
- package/dist/timeline/TimelineItem.svelte.d.ts +4 -49
- package/dist/timeline/TimelineItem.svelte.d.ts.map +1 -1
- package/dist/timeline/TimelineItemHorizontal.svelte +16 -69
- package/dist/timeline/TimelineItemHorizontal.svelte.d.ts +14 -67
- package/dist/timeline/TimelineItemHorizontal.svelte.d.ts.map +1 -1
- package/dist/timeline/TimelineItemVertical.svelte +9 -89
- package/dist/timeline/TimelineItemVertical.svelte.d.ts +7 -86
- package/dist/timeline/TimelineItemVertical.svelte.d.ts.map +1 -1
- package/dist/toasts/Toast.svelte +11 -37
- package/dist/toasts/Toast.svelte.d.ts +9 -35
- package/dist/toasts/Toast.svelte.d.ts.map +1 -1
- package/dist/toolbar/Toolbar.svelte +5 -24
- package/dist/toolbar/Toolbar.svelte.d.ts +3 -22
- package/dist/toolbar/Toolbar.svelte.d.ts.map +1 -1
- package/dist/toolbar/ToolbarButton.svelte +8 -27
- package/dist/toolbar/ToolbarButton.svelte.d.ts +6 -25
- package/dist/toolbar/ToolbarButton.svelte.d.ts.map +1 -1
- package/dist/toolbar/ToolbarGroup.svelte +4 -24
- package/dist/toolbar/ToolbarGroup.svelte.d.ts +2 -22
- package/dist/toolbar/ToolbarGroup.svelte.d.ts.map +1 -1
- package/dist/tooltips/Tooltip.svelte +5 -22
- package/dist/tooltips/Tooltip.svelte.d.ts +3 -20
- package/dist/tooltips/Tooltip.svelte.d.ts.map +1 -1
- package/dist/typography/A.svelte +6 -30
- package/dist/typography/A.svelte.d.ts +4 -28
- package/dist/typography/A.svelte.d.ts.map +1 -1
- package/dist/typography/Blockquote.svelte +11 -30
- package/dist/typography/Blockquote.svelte.d.ts +9 -28
- package/dist/typography/Blockquote.svelte.d.ts.map +1 -1
- package/dist/typography/DescriptionList.svelte +6 -39
- package/dist/typography/DescriptionList.svelte.d.ts +4 -37
- package/dist/typography/DescriptionList.svelte.d.ts.map +1 -1
- package/dist/typography/Heading.svelte +6 -32
- package/dist/typography/Heading.svelte.d.ts +4 -30
- package/dist/typography/Heading.svelte.d.ts.map +1 -1
- package/dist/typography/Hr.svelte +9 -26
- package/dist/typography/Hr.svelte.d.ts +7 -24
- package/dist/typography/Hr.svelte.d.ts.map +1 -1
- package/dist/typography/Img.svelte +13 -32
- package/dist/typography/Img.svelte.d.ts +11 -30
- package/dist/typography/Img.svelte.d.ts.map +1 -1
- package/dist/typography/Layout.svelte +6 -47
- package/dist/typography/Layout.svelte.d.ts +4 -45
- package/dist/typography/Layout.svelte.d.ts.map +1 -1
- package/dist/typography/Li.svelte +5 -33
- package/dist/typography/Li.svelte.d.ts +3 -31
- package/dist/typography/Li.svelte.d.ts.map +1 -1
- package/dist/typography/List.svelte +6 -34
- package/dist/typography/List.svelte.d.ts +4 -32
- package/dist/typography/List.svelte.d.ts.map +1 -1
- package/dist/typography/Mark.svelte +6 -27
- package/dist/typography/Mark.svelte.d.ts +4 -25
- package/dist/typography/Mark.svelte.d.ts.map +1 -1
- package/dist/typography/P.svelte +15 -42
- package/dist/typography/P.svelte.d.ts +13 -40
- package/dist/typography/P.svelte.d.ts.map +1 -1
- package/dist/typography/Secondary.svelte +5 -25
- package/dist/typography/Secondary.svelte.d.ts +3 -23
- package/dist/typography/Secondary.svelte.d.ts.map +1 -1
- package/dist/typography/Span.svelte +12 -33
- package/dist/typography/Span.svelte.d.ts +10 -31
- package/dist/typography/Span.svelte.d.ts.map +1 -1
- package/dist/utils/CloseButton.svelte +4 -5
- package/dist/utils/CloseButton.svelte.d.ts +2 -3
- package/dist/utils/CloseButton.svelte.d.ts.map +1 -1
- package/dist/utils/Frame.svelte +14 -18
- package/dist/utils/Frame.svelte.d.ts +12 -16
- package/dist/utils/Frame.svelte.d.ts.map +1 -1
- package/dist/utils/Popper.svelte +14 -12
- package/dist/utils/Popper.svelte.d.ts +11 -9
- package/dist/utils/Popper.svelte.d.ts.map +1 -1
- package/dist/utils/Wrapper.svelte +6 -5
- package/dist/utils/Wrapper.svelte.d.ts +4 -3
- package/dist/utils/Wrapper.svelte.d.ts.map +1 -1
- package/dist/video/Video.svelte +8 -14
- package/dist/video/Video.svelte.d.ts +6 -12
- package/dist/video/Video.svelte.d.ts.map +1 -1
- package/package.json +11 -13
- package/dist/charts/ChartWrapper.svelte +0 -14
- package/dist/charts/ChartWrapper.svelte.d.ts +0 -22
- package/dist/charts/ChartWrapper.svelte.d.ts.map +0 -1
|
@@ -17,36 +17,10 @@ const textSizes = {
|
|
|
17
17
|
</svelte:element>
|
|
18
18
|
|
|
19
19
|
<!--
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
- Highlighted heading
|
|
27
|
-
- Heading mark
|
|
28
|
-
- Heading gradient
|
|
29
|
-
- Heading underline
|
|
30
|
-
- Breadcrumb context
|
|
31
|
-
- Badge context
|
|
32
|
-
- Secondary text
|
|
33
|
-
- Sizes
|
|
34
|
-
## Props
|
|
35
|
-
@prop tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' = 'h1';
|
|
36
|
-
@prop color: string = 'text-gray-900 dark:text-white';
|
|
37
|
-
@prop customSize: string = '';
|
|
38
|
-
## Example
|
|
39
|
-
```
|
|
40
|
-
<script>
|
|
41
|
-
import { Heading, P, Button } from 'flowbite-svelte'
|
|
42
|
-
</script>
|
|
43
|
-
|
|
44
|
-
<div class="text-center">
|
|
45
|
-
<Heading tag="h1" class="mb-4" customSize="text-4xl font-extrabold md:text-5xl lg:text-6xl">We invest in the world’s potential</Heading>
|
|
46
|
-
<P class="mb-6 text-lg lg:text-xl sm:px-16 xl:px-48 dark:text-gray-400">Here at Flowbite we focus on markets where technology, innovation, and capital can unlock long-term value and drive economic growth.</P>
|
|
47
|
-
<Button href="/">Learn more
|
|
48
|
-
<svg class="ml-2 -mr-1 w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
|
|
49
|
-
</Button>
|
|
50
|
-
</div>
|
|
51
|
-
```
|
|
20
|
+
@component
|
|
21
|
+
[Go to docs](https://flowbite-svelte.com/)
|
|
22
|
+
## Props
|
|
23
|
+
@prop export let tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' = 'h1';
|
|
24
|
+
@prop export let color: string = 'text-gray-900 dark:text-white';
|
|
25
|
+
@prop export let customSize: string = '';
|
|
52
26
|
-->
|
|
@@ -17,37 +17,11 @@ export type HeadingProps = typeof __propDef.props;
|
|
|
17
17
|
export type HeadingEvents = typeof __propDef.events;
|
|
18
18
|
export type HeadingSlots = typeof __propDef.slots;
|
|
19
19
|
/**
|
|
20
|
-
*
|
|
21
|
-
* [Go to Heading](https://flowbite-svelte.com/docs/typography/heading)
|
|
22
|
-
* - Setup
|
|
23
|
-
* - Default heading
|
|
24
|
-
* - Second-level heading
|
|
25
|
-
* - Highlighted heading
|
|
26
|
-
* - Heading mark
|
|
27
|
-
* - Heading gradient
|
|
28
|
-
* - Heading underline
|
|
29
|
-
* - Breadcrumb context
|
|
30
|
-
* - Badge context
|
|
31
|
-
* - Secondary text
|
|
32
|
-
* - Sizes
|
|
20
|
+
* [Go to docs](https://flowbite-svelte.com/)
|
|
33
21
|
* ## Props
|
|
34
|
-
* @prop tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' = 'h1';
|
|
35
|
-
* @prop color: string = 'text-gray-900 dark:text-white';
|
|
36
|
-
* @prop customSize: string = '';
|
|
37
|
-
* ## Example
|
|
38
|
-
* ```
|
|
39
|
-
* <script>
|
|
40
|
-
* import { Heading, P, Button } from 'flowbite-svelte'
|
|
41
|
-
* </script>
|
|
42
|
-
*
|
|
43
|
-
* <div class="text-center">
|
|
44
|
-
* <Heading tag="h1" class="mb-4" customSize="text-4xl font-extrabold md:text-5xl lg:text-6xl">We invest in the world’s potential</Heading>
|
|
45
|
-
* <P class="mb-6 text-lg lg:text-xl sm:px-16 xl:px-48 dark:text-gray-400">Here at Flowbite we focus on markets where technology, innovation, and capital can unlock long-term value and drive economic growth.</P>
|
|
46
|
-
* <Button href="/">Learn more
|
|
47
|
-
* <svg class="ml-2 -mr-1 w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
|
|
48
|
-
* </Button>
|
|
49
|
-
* </div>
|
|
50
|
-
* ```
|
|
22
|
+
* @prop export let tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' = 'h1';
|
|
23
|
+
* @prop export let color: string = 'text-gray-900 dark:text-white';
|
|
24
|
+
* @prop export let customSize: string = '';
|
|
51
25
|
*/
|
|
52
26
|
export default class Heading extends SvelteComponentTyped<HeadingProps, HeadingEvents, HeadingSlots> {
|
|
53
27
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Heading.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/typography/Heading.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA2BD,QAAA,MAAM,SAAS;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAClD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACpD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAElD
|
|
1
|
+
{"version":3,"file":"Heading.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/typography/Heading.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA2BD,QAAA,MAAM,SAAS;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAClD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACpD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAElD;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,oBAAoB,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CACnG"}
|
|
@@ -22,30 +22,13 @@ let innerDivCls = twMerge(innerDivClass, icon ? iconDivClass : textSpanClass, $$
|
|
|
22
22
|
{/if}
|
|
23
23
|
|
|
24
24
|
<!--
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
## Props
|
|
35
|
-
@prop icon: boolean;
|
|
36
|
-
@prop divClass: string;
|
|
37
|
-
@prop hrClass: string;
|
|
38
|
-
@prop iconDivClass: string;
|
|
39
|
-
@prop textSpanClass: string;
|
|
40
|
-
@prop innerDivClass: string;
|
|
41
|
-
## Example
|
|
42
|
-
```
|
|
43
|
-
<script>
|
|
44
|
-
import { Hr, P } from 'flowbite-svelte'
|
|
45
|
-
</script>
|
|
46
|
-
|
|
47
|
-
<P>Track work across the enterprise through an open, collaborative platform. Link issues across Jira and ingest data from other software development tools, so your IT support and operations teams have richer contextual information to rapidly respond to requests, incidents, and changes.</P>
|
|
48
|
-
<Hr class="my-8" />
|
|
49
|
-
<P>Deliver great service experiences fast - without the complexity of traditional ITSM solutions.Accelerate critical development work, eliminate toil, and deploy changes with ease, with a complete audit trail for every change.</P>
|
|
50
|
-
```
|
|
25
|
+
@component
|
|
26
|
+
[Go to docs](https://flowbite-svelte.com/)
|
|
27
|
+
## Props
|
|
28
|
+
@prop export let icon: boolean = false;
|
|
29
|
+
@prop export let divClass: string = 'inline-flex items-center justify-center w-full';
|
|
30
|
+
@prop export let hrClass: string = 'h-px my-8 bg-gray-200 border-0 dark:bg-gray-700';
|
|
31
|
+
@prop export let iconDivClass: string = 'absolute left-1/2 px-4 bg-white -translate-x-1/2 ';
|
|
32
|
+
@prop export let textSpanClass: string = 'absolute px-3 font-medium text-gray-900 -translate-x-1/2 bg-white left-1/2 dark:text-white dark:bg-gray-900 ';
|
|
33
|
+
@prop export let innerDivClass: string = 'absolute px-4 -translate-x-1/2 bg-white left-1/2 dark:bg-gray-900';
|
|
51
34
|
-->
|
|
@@ -20,31 +20,14 @@ export type HrProps = typeof __propDef.props;
|
|
|
20
20
|
export type HrEvents = typeof __propDef.events;
|
|
21
21
|
export type HrSlots = typeof __propDef.slots;
|
|
22
22
|
/**
|
|
23
|
-
*
|
|
24
|
-
* [Go to Horizontal Line](https://flowbite-svelte.com/docs/typography/hr)
|
|
25
|
-
* - Setup
|
|
26
|
-
* - Default HR
|
|
27
|
-
* - Trimmed
|
|
28
|
-
* - Icon HR
|
|
29
|
-
* - HR with text
|
|
30
|
-
* - HR shape
|
|
23
|
+
* [Go to docs](https://flowbite-svelte.com/)
|
|
31
24
|
* ## Props
|
|
32
|
-
* @prop icon: boolean;
|
|
33
|
-
* @prop divClass: string;
|
|
34
|
-
* @prop hrClass: string;
|
|
35
|
-
* @prop iconDivClass: string;
|
|
36
|
-
* @prop textSpanClass: string;
|
|
37
|
-
* @prop innerDivClass: string;
|
|
38
|
-
* ## Example
|
|
39
|
-
* ```
|
|
40
|
-
* <script>
|
|
41
|
-
* import { Hr, P } from 'flowbite-svelte'
|
|
42
|
-
* </script>
|
|
43
|
-
*
|
|
44
|
-
* <P>Track work across the enterprise through an open, collaborative platform. Link issues across Jira and ingest data from other software development tools, so your IT support and operations teams have richer contextual information to rapidly respond to requests, incidents, and changes.</P>
|
|
45
|
-
* <Hr class="my-8" />
|
|
46
|
-
* <P>Deliver great service experiences fast - without the complexity of traditional ITSM solutions.Accelerate critical development work, eliminate toil, and deploy changes with ease, with a complete audit trail for every change.</P>
|
|
47
|
-
* ```
|
|
25
|
+
* @prop export let icon: boolean = false;
|
|
26
|
+
* @prop export let divClass: string = 'inline-flex items-center justify-center w-full';
|
|
27
|
+
* @prop export let hrClass: string = 'h-px my-8 bg-gray-200 border-0 dark:bg-gray-700';
|
|
28
|
+
* @prop export let iconDivClass: string = 'absolute left-1/2 px-4 bg-white -translate-x-1/2 ';
|
|
29
|
+
* @prop export let textSpanClass: string = 'absolute px-3 font-medium text-gray-900 -translate-x-1/2 bg-white left-1/2 dark:text-white dark:bg-gray-900 ';
|
|
30
|
+
* @prop export let innerDivClass: string = 'absolute px-4 -translate-x-1/2 bg-white left-1/2 dark:bg-gray-900';
|
|
48
31
|
*/
|
|
49
32
|
export default class Hr extends SvelteComponentTyped<HrProps, HrEvents, HrSlots> {
|
|
50
33
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Hr.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/typography/Hr.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAiCD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,OAAO,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC7C,MAAM,MAAM,QAAQ,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC/C,MAAM,MAAM,OAAO,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE7C
|
|
1
|
+
{"version":3,"file":"Hr.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/typography/Hr.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAiCD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,OAAO,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC7C,MAAM,MAAM,QAAQ,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC/C,MAAM,MAAM,OAAO,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE7C;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,OAAO,EAAG,SAAQ,oBAAoB,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC;CAC/E"}
|
|
@@ -21,36 +21,17 @@ export let captionClass = 'mt-2 text-sm text-center text-gray-500 dark:text-gray
|
|
|
21
21
|
{/if}
|
|
22
22
|
|
|
23
23
|
<!--
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
## Props
|
|
38
|
-
@prop caption: string | undefined = undefined;
|
|
39
|
-
@prop src: string | undefined = undefined;
|
|
40
|
-
@prop srcset: string | undefined = undefined;
|
|
41
|
-
@prop size: string = 'max-w-full';
|
|
42
|
-
@prop alignment: string = '';
|
|
43
|
-
@prop imgClass: string = 'h-auto';
|
|
44
|
-
@prop figClass: string = 'max-w-lg';
|
|
45
|
-
@prop alt: string = '';
|
|
46
|
-
@prop effect: string = '';
|
|
47
|
-
@prop captionClass: string = 'mt-2 text-sm text-center text-gray-500 dark:text-gray-400';
|
|
48
|
-
## Example
|
|
49
|
-
```
|
|
50
|
-
<script>
|
|
51
|
-
import { Img } from 'flowbite-svelte';
|
|
52
|
-
</script>
|
|
53
|
-
|
|
54
|
-
<Img src="/images/examples/image-1@2x.jpg" alt="sample 1"/>
|
|
55
|
-
```
|
|
24
|
+
@component
|
|
25
|
+
[Go to docs](https://flowbite-svelte.com/)
|
|
26
|
+
## Props
|
|
27
|
+
@prop export let caption: string | undefined = undefined;
|
|
28
|
+
@prop export let src: string | undefined = undefined;
|
|
29
|
+
@prop export let srcset: string | undefined = undefined;
|
|
30
|
+
@prop export let size: string = 'max-w-full';
|
|
31
|
+
@prop export let alignment: string = '';
|
|
32
|
+
@prop export let imgClass: string = 'h-auto';
|
|
33
|
+
@prop export let figClass: string = 'max-w-lg';
|
|
34
|
+
@prop export let alt: string = '';
|
|
35
|
+
@prop export let effect: string = '';
|
|
36
|
+
@prop export let captionClass: string = 'mt-2 text-sm text-center text-gray-500 dark:text-gray-400';
|
|
56
37
|
-->
|
|
@@ -22,37 +22,18 @@ export type ImgProps = typeof __propDef.props;
|
|
|
22
22
|
export type ImgEvents = typeof __propDef.events;
|
|
23
23
|
export type ImgSlots = typeof __propDef.slots;
|
|
24
24
|
/**
|
|
25
|
-
*
|
|
26
|
-
* [Go to Images](https://flowbite-svelte.com/docs/typography/image)
|
|
27
|
-
* - Setup
|
|
28
|
-
* - Default image
|
|
29
|
-
* - Image caption
|
|
30
|
-
* - Rounded corners
|
|
31
|
-
* - Image shadow
|
|
32
|
-
* - Retina-ready
|
|
33
|
-
* - Image card
|
|
34
|
-
* - Image effects
|
|
35
|
-
* - Alignment
|
|
36
|
-
* - Sizes
|
|
25
|
+
* [Go to docs](https://flowbite-svelte.com/)
|
|
37
26
|
* ## Props
|
|
38
|
-
* @prop caption: string | undefined = undefined;
|
|
39
|
-
* @prop src: string | undefined = undefined;
|
|
40
|
-
* @prop srcset: string | undefined = undefined;
|
|
41
|
-
* @prop size: string = 'max-w-full';
|
|
42
|
-
* @prop alignment: string = '';
|
|
43
|
-
* @prop imgClass: string = 'h-auto';
|
|
44
|
-
* @prop figClass: string = 'max-w-lg';
|
|
45
|
-
* @prop alt: string = '';
|
|
46
|
-
* @prop effect: string = '';
|
|
47
|
-
* @prop captionClass: string = 'mt-2 text-sm text-center text-gray-500 dark:text-gray-400';
|
|
48
|
-
* ## Example
|
|
49
|
-
* ```
|
|
50
|
-
* <script>
|
|
51
|
-
* import { Img } from 'flowbite-svelte';
|
|
52
|
-
* </script>
|
|
53
|
-
*
|
|
54
|
-
* <Img src="/images/examples/image-1@2x.jpg" alt="sample 1"/>
|
|
55
|
-
* ```
|
|
27
|
+
* @prop export let caption: string | undefined = undefined;
|
|
28
|
+
* @prop export let src: string | undefined = undefined;
|
|
29
|
+
* @prop export let srcset: string | undefined = undefined;
|
|
30
|
+
* @prop export let size: string = 'max-w-full';
|
|
31
|
+
* @prop export let alignment: string = '';
|
|
32
|
+
* @prop export let imgClass: string = 'h-auto';
|
|
33
|
+
* @prop export let figClass: string = 'max-w-lg';
|
|
34
|
+
* @prop export let alt: string = '';
|
|
35
|
+
* @prop export let effect: string = '';
|
|
36
|
+
* @prop export let captionClass: string = 'mt-2 text-sm text-center text-gray-500 dark:text-gray-400';
|
|
56
37
|
*/
|
|
57
38
|
export default class Img extends SvelteComponentTyped<ImgProps, ImgEvents, ImgSlots> {
|
|
58
39
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Img.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/typography/Img.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA+BD,QAAA,MAAM,SAAS;;;kBADqM,MAAM,GAAG,SAAS;cAAQ,MAAM,GAAG,SAAS;iBAAW,MAAM,GAAG,SAAS;;;;;;;;;;;;;CAC/M,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
|
|
1
|
+
{"version":3,"file":"Img.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/typography/Img.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA+BD,QAAA,MAAM,SAAS;;;kBADqM,MAAM,GAAG,SAAS;cAAQ,MAAM,GAAG,SAAS;iBAAW,MAAM,GAAG,SAAS;;;;;;;;;;;;;CAC/M,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;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,OAAO,GAAI,SAAQ,oBAAoB,CAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,CAAC;CACnF"}
|
|
@@ -10,51 +10,10 @@ let classDiv = twMerge(divClass, 'gap-' + String(gap), cols);
|
|
|
10
10
|
</div>
|
|
11
11
|
|
|
12
12
|
<!--
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
- Paragraph link
|
|
20
|
-
- Paragraph bold
|
|
21
|
-
- Paragraph underline
|
|
22
|
-
- Paragraph italic
|
|
23
|
-
- Paragraph popover
|
|
24
|
-
- Layout
|
|
25
|
-
- Text alignment
|
|
26
|
-
## Props
|
|
27
|
-
@prop divClass: string = 'grid';
|
|
28
|
-
@prop cols: string = 'grid-cols-1 sm:grid-cols-2';
|
|
29
|
-
@prop gap: number;
|
|
30
|
-
## Example
|
|
31
|
-
```
|
|
32
|
-
<script>
|
|
33
|
-
import { P, Layout } from 'flowbite-svelte'
|
|
34
|
-
</script>
|
|
35
|
-
|
|
36
|
-
<P class="mb-3" weight="light" color="text-gray-500 dark:text-gray-400">
|
|
37
|
-
Track work across the enterprise through an open, collaborative platform. Link issues across
|
|
38
|
-
Jira and ingest data from other software development tools, so your IT support and operations
|
|
39
|
-
teams have richer contextual information to rapidly respond to requests, incidents, and changes.
|
|
40
|
-
</P>
|
|
41
|
-
<Layout gap={6}>
|
|
42
|
-
<P class="mb-3" weight="light" color="text-gray-500 dark:text-gray-400">
|
|
43
|
-
Track work across the enterprise through an open, collaborative platform. Link issues across
|
|
44
|
-
Jira and ingest data from other software development tools, so your IT support and operations
|
|
45
|
-
teams have richer contextual information to rapidly respond to requests, incidents, and
|
|
46
|
-
changes.
|
|
47
|
-
</P>
|
|
48
|
-
<P class="mb-3" weight="light" color="text-gray-500 dark:text-gray-400">
|
|
49
|
-
Deliver great service experiences fast - without the complexity of traditional ITSM
|
|
50
|
-
solutions.Accelerate critical development work, eliminate toil, and deploy changes with ease,
|
|
51
|
-
with a complete audit trail for every change.
|
|
52
|
-
</P>
|
|
53
|
-
</Layout>
|
|
54
|
-
<P class="mb-3" weight="light" color="text-gray-500 dark:text-gray-400">
|
|
55
|
-
Deliver great service experiences fast - without the complexity of traditional ITSM
|
|
56
|
-
solutions.Accelerate critical development work, eliminate toil, and deploy changes with ease,
|
|
57
|
-
with a complete audit trail for every change.
|
|
58
|
-
</P>
|
|
59
|
-
```
|
|
13
|
+
@component
|
|
14
|
+
[Go to docs](https://flowbite-svelte.com/)
|
|
15
|
+
## Props
|
|
16
|
+
@prop export let divClass: string = 'grid';
|
|
17
|
+
@prop export let cols: string = 'grid-cols-1 sm:grid-cols-2';
|
|
18
|
+
@prop export let gap: number;
|
|
60
19
|
-->
|
|
@@ -17,52 +17,11 @@ export type LayoutProps = typeof __propDef.props;
|
|
|
17
17
|
export type LayoutEvents = typeof __propDef.events;
|
|
18
18
|
export type LayoutSlots = typeof __propDef.slots;
|
|
19
19
|
/**
|
|
20
|
-
*
|
|
21
|
-
* [Go to Paragraph Layout](https://flowbite-svelte.com/docs/typography/paragraph#Layout)
|
|
22
|
-
* - Default paragraph
|
|
23
|
-
* - Leading paragraph
|
|
24
|
-
* - First letter
|
|
25
|
-
* - Paragraph link
|
|
26
|
-
* - Paragraph bold
|
|
27
|
-
* - Paragraph underline
|
|
28
|
-
* - Paragraph italic
|
|
29
|
-
* - Paragraph popover
|
|
30
|
-
* - Layout
|
|
31
|
-
* - Text alignment
|
|
20
|
+
* [Go to docs](https://flowbite-svelte.com/)
|
|
32
21
|
* ## Props
|
|
33
|
-
* @prop divClass: string = 'grid';
|
|
34
|
-
* @prop cols: string = 'grid-cols-1 sm:grid-cols-2';
|
|
35
|
-
* @prop gap: number;
|
|
36
|
-
* ## Example
|
|
37
|
-
* ```
|
|
38
|
-
* <script>
|
|
39
|
-
* import { P, Layout } from 'flowbite-svelte'
|
|
40
|
-
* </script>
|
|
41
|
-
*
|
|
42
|
-
* <P class="mb-3" weight="light" color="text-gray-500 dark:text-gray-400">
|
|
43
|
-
* Track work across the enterprise through an open, collaborative platform. Link issues across
|
|
44
|
-
* Jira and ingest data from other software development tools, so your IT support and operations
|
|
45
|
-
* teams have richer contextual information to rapidly respond to requests, incidents, and changes.
|
|
46
|
-
* </P>
|
|
47
|
-
* <Layout gap={6}>
|
|
48
|
-
* <P class="mb-3" weight="light" color="text-gray-500 dark:text-gray-400">
|
|
49
|
-
* Track work across the enterprise through an open, collaborative platform. Link issues across
|
|
50
|
-
* Jira and ingest data from other software development tools, so your IT support and operations
|
|
51
|
-
* teams have richer contextual information to rapidly respond to requests, incidents, and
|
|
52
|
-
* changes.
|
|
53
|
-
* </P>
|
|
54
|
-
* <P class="mb-3" weight="light" color="text-gray-500 dark:text-gray-400">
|
|
55
|
-
* Deliver great service experiences fast - without the complexity of traditional ITSM
|
|
56
|
-
* solutions.Accelerate critical development work, eliminate toil, and deploy changes with ease,
|
|
57
|
-
* with a complete audit trail for every change.
|
|
58
|
-
* </P>
|
|
59
|
-
* </Layout>
|
|
60
|
-
* <P class="mb-3" weight="light" color="text-gray-500 dark:text-gray-400">
|
|
61
|
-
* Deliver great service experiences fast - without the complexity of traditional ITSM
|
|
62
|
-
* solutions.Accelerate critical development work, eliminate toil, and deploy changes with ease,
|
|
63
|
-
* with a complete audit trail for every change.
|
|
64
|
-
* </P>
|
|
65
|
-
* ```
|
|
22
|
+
* @prop export let divClass: string = 'grid';
|
|
23
|
+
* @prop export let cols: string = 'grid-cols-1 sm:grid-cols-2';
|
|
24
|
+
* @prop export let gap: number;
|
|
66
25
|
*/
|
|
67
26
|
export default class Layout extends SvelteComponentTyped<LayoutProps, LayoutEvents, LayoutSlots> {
|
|
68
27
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Layout.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/typography/Layout.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAoBD,QAAA,MAAM,SAAS;;;;;aADyF,MAAM;;;;;;;;CAChC,CAAC;AAC/E,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACjD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEjD
|
|
1
|
+
{"version":3,"file":"Layout.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/typography/Layout.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAoBD,QAAA,MAAM,SAAS;;;;;aADyF,MAAM;;;;;;;;CAChC,CAAC;AAC/E,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACjD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEjD;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}
|
|
@@ -9,37 +9,9 @@ let classLi = twMerge(liClass, icon && 'flex items-center', $$props.class);
|
|
|
9
9
|
</li>
|
|
10
10
|
|
|
11
11
|
<!--
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
- Icons
|
|
18
|
-
- Nested
|
|
19
|
-
- Unstyled
|
|
20
|
-
- Ordered list
|
|
21
|
-
- Nested
|
|
22
|
-
- Description List
|
|
23
|
-
- List with icon
|
|
24
|
-
- Advanced layout
|
|
25
|
-
- Horizontal List
|
|
26
|
-
## Props
|
|
27
|
-
@prop icon: boolean = false;
|
|
28
|
-
@prop liClass: string = '';
|
|
29
|
-
## Example
|
|
30
|
-
```
|
|
31
|
-
<script>
|
|
32
|
-
import { Li, List, Heading } from 'flowbite-svelte';
|
|
33
|
-
</script>
|
|
34
|
-
|
|
35
|
-
<Heading
|
|
36
|
-
tag="h2"
|
|
37
|
-
customSize="text-lg font-semibold"
|
|
38
|
-
class="mb-2 text-lg font-semibold text-gray-900 dark:text-white">Password requirements</Heading>
|
|
39
|
-
<List tag="ul" class="space-y-1">
|
|
40
|
-
<Li>At least 10 characters (and up to 100 characters)</Li>
|
|
41
|
-
<Li>At least one lowercase character</Li>
|
|
42
|
-
<Li>Inclusion of at least one special character, e.g., ! @ # ?</Li>
|
|
43
|
-
</List>
|
|
44
|
-
```
|
|
12
|
+
@component
|
|
13
|
+
[Go to docs](https://flowbite-svelte.com/)
|
|
14
|
+
## Props
|
|
15
|
+
@prop export let icon: boolean = false;
|
|
16
|
+
@prop export let liClass: string = '';
|
|
45
17
|
-->
|
|
@@ -16,38 +16,10 @@ export type LiProps = typeof __propDef.props;
|
|
|
16
16
|
export type LiEvents = typeof __propDef.events;
|
|
17
17
|
export type LiSlots = typeof __propDef.slots;
|
|
18
18
|
/**
|
|
19
|
-
*
|
|
20
|
-
* [Go to List](https://flowbite-svelte.com/docs/typography/list)
|
|
21
|
-
* - Setup
|
|
22
|
-
* - Unordored list
|
|
23
|
-
* - Icons
|
|
24
|
-
* - Nested
|
|
25
|
-
* - Unstyled
|
|
26
|
-
* - Ordered list
|
|
27
|
-
* - Nested
|
|
28
|
-
* - Description List
|
|
29
|
-
* - List with icon
|
|
30
|
-
* - Advanced layout
|
|
31
|
-
* - Horizontal List
|
|
19
|
+
* [Go to docs](https://flowbite-svelte.com/)
|
|
32
20
|
* ## Props
|
|
33
|
-
* @prop icon: boolean = false;
|
|
34
|
-
* @prop liClass: string = '';
|
|
35
|
-
* ## Example
|
|
36
|
-
* ```
|
|
37
|
-
* <script>
|
|
38
|
-
* import { Li, List, Heading } from 'flowbite-svelte';
|
|
39
|
-
* </script>
|
|
40
|
-
*
|
|
41
|
-
* <Heading
|
|
42
|
-
* tag="h2"
|
|
43
|
-
* customSize="text-lg font-semibold"
|
|
44
|
-
* class="mb-2 text-lg font-semibold text-gray-900 dark:text-white">Password requirements</Heading>
|
|
45
|
-
* <List tag="ul" class="space-y-1">
|
|
46
|
-
* <Li>At least 10 characters (and up to 100 characters)</Li>
|
|
47
|
-
* <Li>At least one lowercase character</Li>
|
|
48
|
-
* <Li>Inclusion of at least one special character, e.g., ! @ # ?</Li>
|
|
49
|
-
* </List>
|
|
50
|
-
* ```
|
|
21
|
+
* @prop export let icon: boolean = false;
|
|
22
|
+
* @prop export let liClass: string = '';
|
|
51
23
|
*/
|
|
52
24
|
export default class Li extends SvelteComponentTyped<LiProps, LiEvents, LiSlots> {
|
|
53
25
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Li.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/typography/Li.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAmBD,QAAA,MAAM,SAAS;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,OAAO,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC7C,MAAM,MAAM,QAAQ,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC/C,MAAM,MAAM,OAAO,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE7C
|
|
1
|
+
{"version":3,"file":"Li.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/typography/Li.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAmBD,QAAA,MAAM,SAAS;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,OAAO,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC7C,MAAM,MAAM,QAAQ,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC/C,MAAM,MAAM,OAAO,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE7C;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,EAAG,SAAQ,oBAAoB,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC;CAC/E"}
|
|
@@ -19,38 +19,10 @@ let classList = twMerge(lists[list ?? (tag === 'ul' ? 'disc' : 'ol' ? 'decimal'
|
|
|
19
19
|
</svelte:element>
|
|
20
20
|
|
|
21
21
|
<!--
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
- Nested
|
|
29
|
-
- Unstyled
|
|
30
|
-
- Ordered list
|
|
31
|
-
- Nested
|
|
32
|
-
- Description List
|
|
33
|
-
- List with icon
|
|
34
|
-
- Advanced layout
|
|
35
|
-
- Horizontal List
|
|
36
|
-
## Props
|
|
37
|
-
@prop tag: 'ul' | 'ol' | 'dl' = 'ul';
|
|
38
|
-
@prop list: 'disc' | 'none' | 'decimal' | undefined = undefined;
|
|
39
|
-
@prop position: 'inside' | 'outside' = 'inside';
|
|
40
|
-
## Example
|
|
41
|
-
```
|
|
42
|
-
<script>
|
|
43
|
-
import { Li, List, Heading } from 'flowbite-svelte';
|
|
44
|
-
</script>
|
|
45
|
-
|
|
46
|
-
<Heading
|
|
47
|
-
tag="h2"
|
|
48
|
-
customSize="text-lg font-semibold"
|
|
49
|
-
class="mb-2 text-lg font-semibold text-gray-900 dark:text-white">Password requirements</Heading>
|
|
50
|
-
<List tag="ul" class="space-y-1">
|
|
51
|
-
<Li>At least 10 characters (and up to 100 characters)</Li>
|
|
52
|
-
<Li>At least one lowercase character</Li>
|
|
53
|
-
<Li>Inclusion of at least one special character, e.g., ! @ # ?</Li>
|
|
54
|
-
</List>
|
|
55
|
-
```
|
|
22
|
+
@component
|
|
23
|
+
[Go to docs](https://flowbite-svelte.com/)
|
|
24
|
+
## Props
|
|
25
|
+
@prop export let tag: 'ul' | 'ol' | 'dl' = 'ul';
|
|
26
|
+
@prop export let list: 'disc' | 'none' | 'decimal' | undefined = undefined;
|
|
27
|
+
@prop export let position: 'inside' | 'outside' = 'inside';
|
|
56
28
|
-->
|
|
@@ -17,39 +17,11 @@ export type ListProps = typeof __propDef.props;
|
|
|
17
17
|
export type ListEvents = typeof __propDef.events;
|
|
18
18
|
export type ListSlots = typeof __propDef.slots;
|
|
19
19
|
/**
|
|
20
|
-
*
|
|
21
|
-
* [Go to List](https://flowbite-svelte.com/docs/typography/list)
|
|
22
|
-
* - Setup
|
|
23
|
-
* - Unordored list
|
|
24
|
-
* - Icons
|
|
25
|
-
* - Nested
|
|
26
|
-
* - Unstyled
|
|
27
|
-
* - Ordered list
|
|
28
|
-
* - Nested
|
|
29
|
-
* - Description List
|
|
30
|
-
* - List with icon
|
|
31
|
-
* - Advanced layout
|
|
32
|
-
* - Horizontal List
|
|
20
|
+
* [Go to docs](https://flowbite-svelte.com/)
|
|
33
21
|
* ## Props
|
|
34
|
-
* @prop tag: 'ul' | 'ol' | 'dl' = 'ul';
|
|
35
|
-
* @prop list: 'disc' | 'none' | 'decimal' | undefined = undefined;
|
|
36
|
-
* @prop position: 'inside' | 'outside' = 'inside';
|
|
37
|
-
* ## Example
|
|
38
|
-
* ```
|
|
39
|
-
* <script>
|
|
40
|
-
* import { Li, List, Heading } from 'flowbite-svelte';
|
|
41
|
-
* </script>
|
|
42
|
-
*
|
|
43
|
-
* <Heading
|
|
44
|
-
* tag="h2"
|
|
45
|
-
* customSize="text-lg font-semibold"
|
|
46
|
-
* class="mb-2 text-lg font-semibold text-gray-900 dark:text-white">Password requirements</Heading>
|
|
47
|
-
* <List tag="ul" class="space-y-1">
|
|
48
|
-
* <Li>At least 10 characters (and up to 100 characters)</Li>
|
|
49
|
-
* <Li>At least one lowercase character</Li>
|
|
50
|
-
* <Li>Inclusion of at least one special character, e.g., ! @ # ?</Li>
|
|
51
|
-
* </List>
|
|
52
|
-
* ```
|
|
22
|
+
* @prop export let tag: 'ul' | 'ol' | 'dl' = 'ul';
|
|
23
|
+
* @prop export let list: 'disc' | 'none' | 'decimal' | undefined = undefined;
|
|
24
|
+
* @prop export let position: 'inside' | 'outside' = 'inside';
|
|
53
25
|
*/
|
|
54
26
|
export default class List extends SvelteComponentTyped<ListProps, ListEvents, ListSlots> {
|
|
55
27
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/typography/List.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAgCD,QAAA,MAAM,SAAS;;;;eADmF,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS;;;;;;;;;CAC3D,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
|
|
1
|
+
{"version":3,"file":"List.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/typography/List.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAgCD,QAAA,MAAM,SAAS;;;;eADmF,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS;;;;;;;;;CAC3D,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;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,oBAAoB,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC;CACvF"}
|
|
@@ -9,31 +9,10 @@ export let markClass = 'px-2 rounded';
|
|
|
9
9
|
</mark>
|
|
10
10
|
|
|
11
11
|
<!--
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
- Highlighted heading
|
|
19
|
-
- Heading mark
|
|
20
|
-
- Heading gradient
|
|
21
|
-
- Heading underline
|
|
22
|
-
- Breadcrumb context
|
|
23
|
-
- Badge context
|
|
24
|
-
- Secondary text
|
|
25
|
-
- Sizes
|
|
26
|
-
## Props
|
|
27
|
-
@prop color: string = 'text-white dark:bg-blue-500';
|
|
28
|
-
@prop bgColor: string = 'bg-blue-600';
|
|
29
|
-
@prop markClass: string = 'px-2 rounded';
|
|
30
|
-
## Example
|
|
31
|
-
```
|
|
32
|
-
<script>
|
|
33
|
-
import { Heading, P, Mark } from 'flowbite-svelte'
|
|
34
|
-
</script>
|
|
35
|
-
|
|
36
|
-
<Heading tag="h1" class='mb-4'>Regain <Mark>control</Mark> over your days</Heading>
|
|
37
|
-
<P>Here at Flowbite we focus on markets where technology, innovation, and capital can unlock long-term value and drive economic growth.</P>
|
|
38
|
-
```
|
|
12
|
+
@component
|
|
13
|
+
[Go to docs](https://flowbite-svelte.com/)
|
|
14
|
+
## Props
|
|
15
|
+
@prop export let color: string = 'text-white dark:bg-blue-500';
|
|
16
|
+
@prop export let bgColor: string = 'bg-blue-600';
|
|
17
|
+
@prop export let markClass: string = 'px-2 rounded';
|
|
39
18
|
-->
|