flowbite-svelte 0.47.2 → 1.0.0-next.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{LICENSE → License} +1 -2
- package/README.md +32 -465
- package/dist/accordion/Accordion.svelte +30 -32
- package/dist/accordion/Accordion.svelte.d.ts +11 -55
- package/dist/accordion/AccordionItem.svelte +66 -82
- package/dist/accordion/AccordionItem.svelte.d.ts +15 -56
- package/dist/accordion/index.d.ts +5 -0
- package/dist/accordion/index.js +4 -0
- package/dist/accordion/theme.d.ts +160 -0
- package/dist/accordion/theme.js +55 -0
- package/dist/accordion/type.d.ts +36 -0
- package/dist/accordion/type.js +1 -0
- package/dist/alert/Alert.svelte +80 -25
- package/dist/alert/Alert.svelte.d.ts +17 -50
- package/dist/alert/index.d.ts +4 -0
- package/dist/alert/index.js +3 -0
- package/dist/alert/theme.d.ts +247 -0
- package/dist/alert/theme.js +150 -0
- package/dist/alert/type.d.ts +18 -0
- package/dist/alert/type.js +1 -0
- package/dist/avatar/Avatar.svelte +46 -41
- package/dist/avatar/Avatar.svelte.d.ts +17 -35
- package/dist/avatar/index.d.ts +4 -0
- package/dist/avatar/index.js +3 -0
- package/dist/avatar/theme.d.ts +142 -0
- package/dist/avatar/theme.js +32 -0
- package/dist/avatar/type.d.ts +16 -0
- package/dist/avatar/type.js +1 -0
- package/dist/badge/Badge.svelte +58 -76
- package/dist/badge/Badge.svelte.d.ts +20 -42
- package/dist/badge/index.d.ts +4 -0
- package/dist/badge/index.js +3 -0
- package/dist/badge/theme.d.ts +529 -0
- package/dist/badge/theme.js +251 -0
- package/dist/badge/type.d.ts +21 -0
- package/dist/badge/type.js +1 -0
- package/dist/banner/Banner.svelte +44 -50
- package/dist/banner/Banner.svelte.d.ts +16 -50
- package/dist/banner/index.d.ts +4 -0
- package/dist/banner/index.js +3 -0
- package/dist/banner/theme.d.ts +725 -0
- package/dist/banner/theme.js +68 -0
- package/dist/banner/type.d.ts +20 -0
- package/dist/banner/type.js +1 -0
- package/dist/bottom-navigation/BottomNav.svelte +37 -57
- package/dist/bottom-navigation/BottomNav.svelte.d.ts +13 -43
- package/dist/bottom-navigation/BottomNavHeader.svelte +12 -13
- package/dist/bottom-navigation/BottomNavHeader.svelte.d.ts +8 -27
- package/dist/bottom-navigation/BottomNavHeaderItem.svelte +9 -12
- package/dist/bottom-navigation/BottomNavHeaderItem.svelte.d.ts +8 -34
- package/dist/bottom-navigation/BottomNavItem.svelte +75 -56
- package/dist/bottom-navigation/BottomNavItem.svelte.d.ts +13 -49
- package/dist/bottom-navigation/index.d.ts +7 -0
- package/dist/bottom-navigation/index.js +6 -0
- package/dist/bottom-navigation/theme.d.ts +745 -0
- package/dist/bottom-navigation/theme.js +113 -0
- package/dist/bottom-navigation/type.d.ts +42 -0
- package/dist/bottom-navigation/type.js +1 -0
- package/dist/breadcrumb/Breadcrumb.svelte +23 -18
- package/dist/breadcrumb/Breadcrumb.svelte.d.ts +10 -31
- package/dist/breadcrumb/BreadcrumbItem.svelte +35 -31
- package/dist/breadcrumb/BreadcrumbItem.svelte.d.ts +13 -36
- package/dist/breadcrumb/index.d.ts +5 -0
- package/dist/breadcrumb/index.js +4 -0
- package/dist/breadcrumb/theme.d.ts +121 -0
- package/dist/breadcrumb/theme.js +51 -0
- package/dist/breadcrumb/type.d.ts +22 -0
- package/dist/breadcrumb/type.js +1 -0
- package/dist/buttongroup/ButtonGroup.svelte +22 -0
- package/dist/buttongroup/ButtonGroup.svelte.d.ts +11 -0
- package/dist/buttongroup/index.d.ts +4 -0
- package/dist/buttongroup/index.js +3 -0
- package/dist/buttongroup/theme.d.ts +44 -0
- package/dist/buttongroup/theme.js +15 -0
- package/dist/buttongroup/type.d.ts +8 -0
- package/dist/buttongroup/type.js +1 -0
- package/dist/buttons/Button.svelte +30 -122
- package/dist/buttons/Button.svelte.d.ts +16 -59
- package/dist/buttons/GradientButton.svelte +28 -63
- package/dist/buttons/GradientButton.svelte.d.ts +14 -33
- package/dist/buttons/index.d.ts +5 -0
- package/dist/buttons/index.js +4 -0
- package/dist/buttons/theme.d.ts +928 -0
- package/dist/buttons/theme.js +383 -0
- package/dist/buttons/type.d.ts +33 -0
- package/dist/buttons/type.js +1 -0
- package/dist/cards/Card.svelte +63 -45
- package/dist/cards/Card.svelte.d.ts +17 -53
- package/dist/cards/index.d.ts +4 -0
- package/dist/cards/index.js +3 -0
- package/dist/cards/theme.d.ts +1042 -0
- package/dist/cards/theme.js +195 -0
- package/dist/cards/type.d.ts +30 -0
- package/dist/cards/type.js +1 -0
- package/dist/chart/Chart.svelte +43 -0
- package/dist/chart/Chart.svelte.d.ts +11 -0
- package/dist/chart/chart.css +166 -0
- package/dist/chart/index.d.ts +3 -0
- package/dist/chart/index.js +2 -0
- package/dist/chart/type.d.ts +6 -0
- package/dist/chart/type.js +1 -0
- package/dist/darkmode/Darkmode.svelte +68 -0
- package/dist/darkmode/Darkmode.svelte.d.ts +13 -0
- package/dist/darkmode/index.d.ts +4 -0
- package/dist/darkmode/index.js +3 -0
- package/dist/darkmode/theme.d.ts +1 -0
- package/dist/darkmode/theme.js +4 -0
- package/dist/darkmode/type.d.ts +10 -0
- package/dist/darkmode/type.js +1 -0
- package/dist/device-mockups/Android.svelte +25 -36
- package/dist/device-mockups/Android.svelte.d.ts +13 -44
- package/dist/device-mockups/DefaultMockup.svelte +23 -31
- package/dist/device-mockups/DefaultMockup.svelte.d.ts +12 -40
- package/dist/device-mockups/Desktop.svelte +19 -21
- package/dist/device-mockups/Desktop.svelte.d.ts +10 -32
- package/dist/device-mockups/DeviceMockup.svelte +30 -26
- package/dist/device-mockups/DeviceMockup.svelte.d.ts +8 -20
- package/dist/device-mockups/Ios.svelte +23 -31
- package/dist/device-mockups/Ios.svelte.d.ts +12 -40
- package/dist/device-mockups/Laptop.svelte +21 -22
- package/dist/device-mockups/Laptop.svelte.d.ts +10 -32
- package/dist/device-mockups/Smartwatch.svelte +25 -31
- package/dist/device-mockups/Smartwatch.svelte.d.ts +12 -40
- package/dist/device-mockups/Tablet.svelte +23 -31
- package/dist/device-mockups/Tablet.svelte.d.ts +12 -40
- package/dist/device-mockups/index.d.ts +11 -0
- package/dist/device-mockups/index.js +10 -0
- package/dist/device-mockups/theme.d.ts +516 -0
- package/dist/device-mockups/theme.js +76 -0
- package/dist/device-mockups/type.d.ts +61 -0
- package/dist/device-mockups/type.js +1 -0
- package/dist/drawer/Drawer.svelte +38 -68
- package/dist/drawer/Drawer.svelte.d.ts +19 -54
- package/dist/drawer/Drawerhead.svelte +34 -0
- package/dist/drawer/Drawerhead.svelte.d.ts +13 -0
- package/dist/drawer/index.d.ts +5 -0
- package/dist/drawer/index.js +4 -0
- package/dist/drawer/theme.d.ts +336 -0
- package/dist/drawer/theme.js +39 -0
- package/dist/drawer/type.d.ts +27 -0
- package/dist/drawer/type.js +1 -0
- package/dist/dropdown/Dropdown.svelte +32 -62
- package/dist/dropdown/Dropdown.svelte.d.ts +13 -84
- package/dist/dropdown/DropdownDivider.svelte +8 -5
- package/dist/dropdown/DropdownDivider.svelte.d.ts +6 -19
- package/dist/dropdown/DropdownFooter.svelte +18 -0
- package/dist/dropdown/DropdownFooter.svelte.d.ts +10 -0
- package/dist/dropdown/DropdownHeader.svelte +10 -12
- package/dist/dropdown/DropdownHeader.svelte.d.ts +7 -23
- package/dist/dropdown/DropdownLi.svelte +40 -0
- package/dist/dropdown/DropdownLi.svelte.d.ts +13 -0
- package/dist/dropdown/DropdownUl.svelte +19 -0
- package/dist/dropdown/DropdownUl.svelte.d.ts +10 -0
- package/dist/dropdown/index.d.ts +9 -0
- package/dist/dropdown/index.js +8 -0
- package/dist/dropdown/theme.d.ts +94 -0
- package/dist/dropdown/theme.js +25 -0
- package/dist/dropdown/type.d.ts +36 -0
- package/dist/dropdown/type.js +1 -0
- package/dist/footer/Footer.svelte +12 -7
- package/dist/footer/Footer.svelte.d.ts +8 -21
- package/dist/footer/FooterBrand.svelte +26 -32
- package/dist/footer/FooterBrand.svelte.d.ts +13 -41
- package/dist/footer/FooterCopyright.svelte +18 -25
- package/dist/footer/FooterCopyright.svelte.d.ts +11 -35
- package/dist/footer/FooterIcon.svelte +14 -13
- package/dist/footer/FooterIcon.svelte.d.ts +9 -27
- package/dist/footer/FooterLi.svelte +22 -0
- package/dist/footer/FooterLi.svelte.d.ts +12 -0
- package/dist/footer/FooterUl.svelte +18 -0
- package/dist/footer/FooterUl.svelte.d.ts +10 -0
- package/dist/footer/index.d.ts +9 -0
- package/dist/footer/index.js +8 -0
- package/dist/footer/theme.d.ts +211 -0
- package/dist/footer/theme.js +40 -0
- package/dist/footer/type.d.ts +43 -0
- package/dist/footer/type.js +1 -0
- package/dist/forms/checkbox/Checkbox.svelte +46 -0
- package/dist/forms/checkbox/Checkbox.svelte.d.ts +21 -0
- package/dist/forms/checkbox/index.d.ts +4 -0
- package/dist/forms/checkbox/index.js +3 -0
- package/dist/forms/checkbox/theme.d.ts +619 -0
- package/dist/forms/checkbox/theme.js +91 -0
- package/dist/forms/checkbox/type.d.ts +23 -0
- package/dist/forms/checkbox/type.js +1 -0
- package/dist/forms/checkbox-button/CheckboxButton.svelte +66 -0
- package/dist/forms/checkbox-button/CheckboxButton.svelte.d.ts +19 -0
- package/dist/forms/checkbox-button/index.d.ts +3 -0
- package/dist/forms/checkbox-button/index.js +2 -0
- package/dist/forms/checkbox-button/theme.d.ts +0 -0
- package/dist/forms/checkbox-button/theme.js +1 -0
- package/dist/forms/checkbox-button/type.d.ts +16 -0
- package/dist/forms/checkbox-button/type.js +1 -0
- package/dist/forms/dropzone/Dropzone.svelte +66 -0
- package/dist/forms/dropzone/Dropzone.svelte.d.ts +16 -0
- package/dist/forms/dropzone/index.d.ts +4 -0
- package/dist/forms/dropzone/index.js +3 -0
- package/dist/forms/dropzone/theme.d.ts +1 -0
- package/dist/forms/dropzone/theme.js +4 -0
- package/dist/forms/dropzone/type.d.ts +7 -0
- package/dist/forms/dropzone/type.js +1 -0
- package/dist/forms/fileupload/Fileupload.svelte +36 -0
- package/dist/forms/fileupload/Fileupload.svelte.d.ts +12 -0
- package/dist/forms/fileupload/index.d.ts +4 -0
- package/dist/forms/fileupload/index.js +3 -0
- package/dist/forms/fileupload/theme.d.ts +97 -0
- package/dist/forms/fileupload/theme.js +15 -0
- package/dist/forms/fileupload/type.d.ts +9 -0
- package/dist/forms/fileupload/type.js +1 -0
- package/dist/forms/floating-label-input/FloatingLabelInput.svelte +32 -0
- package/dist/forms/floating-label-input/FloatingLabelInput.svelte.d.ts +18 -0
- package/dist/forms/floating-label-input/index.d.ts +4 -0
- package/dist/forms/floating-label-input/index.js +3 -0
- package/dist/forms/floating-label-input/theme.d.ts +769 -0
- package/dist/forms/floating-label-input/theme.js +179 -0
- package/dist/forms/floating-label-input/type.d.ts +16 -0
- package/dist/forms/floating-label-input/type.js +2 -0
- package/dist/forms/helper/Helper.svelte +20 -0
- package/dist/forms/helper/Helper.svelte.d.ts +11 -0
- package/dist/forms/helper/index.d.ts +4 -0
- package/dist/forms/helper/index.js +3 -0
- package/dist/forms/helper/theme.d.ts +169 -0
- package/dist/forms/helper/theme.js +29 -0
- package/dist/forms/helper/type.d.ts +9 -0
- package/dist/forms/helper/type.js +2 -0
- package/dist/forms/input/Input.svelte +60 -0
- package/dist/forms/input/Input.svelte.d.ts +9 -0
- package/dist/forms/input/index.d.ts +6 -0
- package/dist/forms/input/index.js +6 -0
- package/dist/forms/input/theme.d.ts +632 -0
- package/dist/forms/input/theme.js +94 -0
- package/dist/forms/input/type.d.ts +20 -0
- package/dist/forms/input/type.js +1 -0
- package/dist/forms/input-addon/InputAddon.svelte +47 -0
- package/dist/forms/input-addon/InputAddon.svelte.d.ts +11 -0
- package/dist/forms/input-addon/index.d.ts +3 -0
- package/dist/forms/input-addon/index.js +2 -0
- package/dist/forms/input-addon/type.d.ts +8 -0
- package/dist/forms/input-addon/type.js +1 -0
- package/dist/forms/label/Label.svelte +25 -0
- package/dist/forms/label/Label.svelte.d.ts +12 -0
- package/dist/forms/label/index.d.ts +4 -0
- package/dist/forms/label/index.js +3 -0
- package/dist/forms/label/theme.d.ts +169 -0
- package/dist/forms/label/theme.js +29 -0
- package/dist/forms/label/type.d.ts +11 -0
- package/dist/forms/label/type.js +2 -0
- package/dist/forms/radio/Radio.svelte +21 -0
- package/dist/forms/radio/Radio.svelte.d.ts +23 -0
- package/dist/forms/radio/index.d.ts +4 -0
- package/dist/forms/radio/index.js +3 -0
- package/dist/forms/radio/theme.d.ts +507 -0
- package/dist/forms/radio/theme.js +75 -0
- package/dist/forms/radio/type.d.ts +14 -0
- package/dist/forms/radio/type.js +1 -0
- package/dist/forms/radio-button/RadioButton.svelte +20 -0
- package/dist/forms/radio-button/RadioButton.svelte.d.ts +23 -0
- package/dist/forms/radio-button/index.d.ts +4 -0
- package/dist/forms/radio-button/index.js +3 -0
- package/dist/forms/radio-button/theme.d.ts +36 -0
- package/dist/forms/radio-button/theme.js +10 -0
- package/dist/forms/radio-button/type.d.ts +15 -0
- package/dist/forms/radio-button/type.js +1 -0
- package/dist/forms/range/Range.svelte +20 -0
- package/dist/forms/range/Range.svelte.d.ts +13 -0
- package/dist/forms/range/index.d.ts +4 -0
- package/dist/forms/range/index.js +3 -0
- package/dist/forms/range/theme.d.ts +148 -0
- package/dist/forms/range/theme.js +74 -0
- package/dist/forms/range/type.d.ts +12 -0
- package/dist/forms/range/type.js +1 -0
- package/dist/forms/search/Search.svelte +28 -0
- package/dist/forms/search/Search.svelte.d.ts +23 -0
- package/dist/forms/search/index.d.ts +4 -0
- package/dist/forms/search/index.js +3 -0
- package/dist/forms/search/theme.d.ts +124 -0
- package/dist/forms/search/theme.js +32 -0
- package/dist/forms/search/type.d.ts +10 -0
- package/dist/forms/search/type.js +1 -0
- package/dist/forms/select/Select.svelte +30 -0
- package/dist/forms/select/Select.svelte.d.ts +23 -0
- package/dist/forms/select/index.d.ts +4 -0
- package/dist/forms/select/index.js +3 -0
- package/dist/forms/select/theme.d.ts +71 -0
- package/dist/forms/select/theme.js +19 -0
- package/dist/forms/select/type.d.ts +24 -0
- package/dist/forms/select/type.js +1 -0
- package/dist/forms/textarea/Textarea.svelte +49 -0
- package/dist/forms/textarea/Textarea.svelte.d.ts +18 -0
- package/dist/forms/textarea/index.d.ts +4 -0
- package/dist/forms/textarea/index.js +3 -0
- package/dist/forms/textarea/theme.d.ts +215 -0
- package/dist/forms/textarea/theme.js +37 -0
- package/dist/forms/textarea/type.d.ts +14 -0
- package/dist/forms/textarea/type.js +1 -0
- package/dist/forms/toggle/Toggle.svelte +36 -0
- package/dist/forms/toggle/Toggle.svelte.d.ts +19 -0
- package/dist/forms/toggle/index.d.ts +4 -0
- package/dist/forms/toggle/index.js +3 -0
- package/dist/forms/toggle/theme.d.ts +594 -0
- package/dist/forms/toggle/theme.js +94 -0
- package/dist/forms/toggle/type.d.ts +18 -0
- package/dist/forms/toggle/type.js +1 -0
- package/dist/gallery/Gallery.svelte +26 -15
- package/dist/gallery/Gallery.svelte.d.ts +9 -26
- package/dist/gallery/index.d.ts +4 -0
- package/dist/gallery/index.js +3 -0
- package/dist/gallery/theme.d.ts +46 -0
- package/dist/gallery/theme.js +8 -0
- package/dist/gallery/type.d.ts +13 -0
- package/dist/gallery/type.js +1 -0
- package/dist/index.d.ts +70 -137
- package/dist/index.js +73 -229
- package/dist/indicator/Indicator.svelte +38 -0
- package/dist/indicator/Indicator.svelte.d.ts +16 -0
- package/dist/indicator/index.d.ts +4 -0
- package/dist/indicator/index.js +3 -0
- package/dist/indicator/theme.d.ts +960 -0
- package/dist/indicator/theme.js +123 -0
- package/dist/indicator/type.d.ts +16 -0
- package/dist/indicator/type.js +1 -0
- package/dist/kbd/Kbd.svelte +11 -6
- package/dist/kbd/Kbd.svelte.d.ts +7 -21
- package/dist/kbd/index.d.ts +4 -0
- package/dist/kbd/index.js +3 -0
- package/dist/kbd/theme.d.ts +1 -0
- package/dist/kbd/theme.js +4 -0
- package/dist/kbd/type.d.ts +7 -0
- package/dist/kbd/type.js +1 -0
- package/dist/list-group/Listgroup.svelte +32 -27
- package/dist/list-group/Listgroup.svelte.d.ts +14 -44
- package/dist/list-group/ListgroupItem.svelte +63 -40
- package/dist/list-group/ListgroupItem.svelte.d.ts +21 -54
- package/dist/list-group/index.d.ts +5 -0
- package/dist/list-group/index.js +4 -0
- package/dist/list-group/theme.d.ts +135 -0
- package/dist/list-group/theme.js +50 -0
- package/dist/list-group/type.d.ts +45 -0
- package/dist/list-group/type.js +1 -0
- package/dist/mega-menu/MegaMenu.svelte +34 -28
- package/dist/mega-menu/MegaMenu.svelte.d.ts +11 -62
- package/dist/mega-menu/index.d.ts +4 -0
- package/dist/mega-menu/index.js +3 -0
- package/dist/mega-menu/theme.d.ts +30 -0
- package/dist/mega-menu/theme.js +12 -0
- package/dist/mega-menu/type.d.ts +18 -0
- package/dist/mega-menu/type.js +1 -0
- package/dist/modal/Modal.svelte +85 -139
- package/dist/modal/Modal.svelte.d.ts +29 -74
- package/dist/modal/index.d.ts +4 -0
- package/dist/modal/index.js +3 -0
- package/dist/modal/theme.d.ts +486 -0
- package/dist/modal/theme.js +48 -0
- package/dist/modal/type.d.ts +31 -0
- package/dist/modal/type.js +1 -0
- package/dist/nav/NavBrand.svelte +32 -0
- package/dist/nav/NavBrand.svelte.d.ts +13 -0
- package/dist/nav/NavHamburger.svelte +31 -0
- package/dist/nav/NavHamburger.svelte.d.ts +10 -0
- package/dist/nav/NavLi.svelte +44 -0
- package/dist/nav/NavLi.svelte.d.ts +13 -0
- package/dist/nav/NavUl.svelte +32 -0
- package/dist/nav/NavUl.svelte.d.ts +11 -0
- package/dist/nav/Navbar.svelte +91 -0
- package/dist/nav/Navbar.svelte.d.ts +25 -0
- package/dist/nav/index.d.ts +8 -0
- package/dist/nav/index.js +7 -0
- package/dist/nav/theme.d.ts +626 -0
- package/dist/nav/theme.js +154 -0
- package/dist/nav/type.d.ts +45 -0
- package/dist/nav/type.js +1 -0
- package/dist/pagination/Pagination.svelte +46 -41
- package/dist/pagination/Pagination.svelte.d.ts +13 -48
- package/dist/pagination/PaginationItem.svelte +28 -29
- package/dist/pagination/PaginationItem.svelte.d.ts +10 -40
- package/dist/pagination/index.d.ts +5 -0
- package/dist/pagination/index.js +4 -0
- package/dist/pagination/theme.d.ts +184 -0
- package/dist/pagination/theme.js +52 -0
- package/dist/pagination/type.d.ts +36 -0
- package/dist/pagination/type.js +1 -0
- package/dist/popover/Popover.svelte +239 -17
- package/dist/popover/Popover.svelte.d.ts +16 -50
- package/dist/popover/index.d.ts +10 -0
- package/dist/popover/index.js +112 -0
- package/dist/popover/theme.d.ts +898 -0
- package/dist/popover/theme.js +785 -0
- package/dist/popover/type.d.ts +31 -0
- package/dist/popover/type.js +1 -0
- package/dist/progress/Progressbar.svelte +43 -51
- package/dist/progress/Progressbar.svelte.d.ts +19 -44
- package/dist/progress/index.d.ts +4 -0
- package/dist/progress/index.js +3 -0
- package/dist/progress/theme.d.ts +603 -0
- package/dist/progress/theme.js +113 -0
- package/dist/progress/type.d.ts +20 -0
- package/dist/progress/type.js +1 -0
- package/dist/rating/AdvancedRating.svelte +25 -40
- package/dist/rating/AdvancedRating.svelte.d.ts +14 -46
- package/dist/rating/CustomIcon.svelte +41 -0
- package/dist/rating/CustomIcon.svelte.d.ts +18 -0
- package/dist/rating/Heart.svelte +19 -18
- package/dist/rating/Heart.svelte.d.ts +14 -33
- package/dist/rating/Rating.svelte +36 -40
- package/dist/rating/Rating.svelte.d.ts +14 -39
- package/dist/rating/RatingComment.svelte +29 -21
- package/dist/rating/RatingComment.svelte.d.ts +10 -41
- package/dist/rating/Review.svelte +82 -74
- package/dist/rating/Review.svelte.d.ts +18 -45
- package/dist/rating/ScoreRating.svelte +55 -54
- package/dist/rating/ScoreRating.svelte.d.ts +8 -48
- package/dist/rating/Star.svelte +23 -22
- package/dist/rating/Star.svelte.d.ts +14 -33
- package/dist/rating/Thumbup.svelte +19 -18
- package/dist/rating/Thumbup.svelte.d.ts +14 -33
- package/dist/rating/index.d.ts +12 -0
- package/dist/rating/index.js +11 -0
- package/dist/rating/theme.d.ts +284 -0
- package/dist/rating/theme.js +39 -0
- package/dist/rating/type.d.ts +109 -0
- package/dist/rating/type.js +1 -0
- package/dist/sidebar/Sidebar.svelte +88 -25
- package/dist/sidebar/Sidebar.svelte.d.ts +22 -33
- package/dist/sidebar/SidebarBrand.svelte +19 -13
- package/dist/sidebar/SidebarBrand.svelte.d.ts +10 -26
- package/dist/sidebar/SidebarButton.svelte +21 -0
- package/dist/sidebar/SidebarButton.svelte.d.ts +10 -0
- package/dist/sidebar/SidebarCta.svelte +17 -16
- package/dist/sidebar/SidebarCta.svelte.d.ts +11 -28
- package/dist/sidebar/SidebarDropdownWrapper.svelte +75 -43
- package/dist/sidebar/SidebarDropdownWrapper.svelte.d.ts +19 -39
- package/dist/sidebar/SidebarGroup.svelte +11 -13
- package/dist/sidebar/SidebarGroup.svelte.d.ts +9 -25
- package/dist/sidebar/SidebarItem.svelte +44 -31
- package/dist/sidebar/SidebarItem.svelte.d.ts +15 -45
- package/dist/sidebar/index.d.ts +10 -0
- package/dist/sidebar/index.js +9 -0
- package/dist/sidebar/theme.d.ts +517 -0
- package/dist/sidebar/theme.js +66 -0
- package/dist/sidebar/type.d.ts +85 -0
- package/dist/sidebar/type.js +1 -0
- package/dist/skeleton/CardPlaceholder.svelte +22 -29
- package/dist/skeleton/CardPlaceholder.svelte.d.ts +7 -20
- package/dist/skeleton/ImagePlaceholder.svelte +28 -24
- package/dist/skeleton/ImagePlaceholder.svelte.d.ts +8 -22
- package/dist/skeleton/ListPlaceholder.svelte +23 -39
- package/dist/skeleton/ListPlaceholder.svelte.d.ts +9 -18
- package/dist/skeleton/Skeleton.svelte +15 -22
- package/dist/skeleton/Skeleton.svelte.d.ts +7 -20
- package/dist/skeleton/TestimonialPlaceholder.svelte +16 -12
- package/dist/skeleton/TestimonialPlaceholder.svelte.d.ts +6 -18
- package/dist/skeleton/TextPlaceholder.svelte +37 -39
- package/dist/skeleton/TextPlaceholder.svelte.d.ts +7 -20
- package/dist/skeleton/VideoPlaceholder.svelte +10 -16
- package/dist/skeleton/VideoPlaceholder.svelte.d.ts +7 -20
- package/dist/skeleton/WidgetPlaceholder.svelte +19 -15
- package/dist/skeleton/WidgetPlaceholder.svelte.d.ts +6 -18
- package/dist/skeleton/index.d.ts +11 -0
- package/dist/skeleton/index.js +10 -0
- package/dist/skeleton/theme.d.ts +1142 -0
- package/dist/skeleton/theme.js +180 -0
- package/dist/skeleton/type.d.ts +35 -0
- package/dist/skeleton/type.js +1 -0
- package/dist/spinner/Spinner.svelte +13 -32
- package/dist/spinner/Spinner.svelte.d.ts +10 -29
- package/dist/spinner/index.d.ts +4 -0
- package/dist/spinner/index.js +3 -0
- package/dist/spinner/theme.d.ts +225 -0
- package/dist/spinner/theme.js +42 -0
- package/dist/spinner/type.d.ts +10 -0
- package/dist/spinner/type.js +1 -0
- package/dist/table/Table.svelte +56 -87
- package/dist/table/Table.svelte.d.ts +16 -57
- package/dist/table/TableBody.svelte +28 -15
- package/dist/table/TableBody.svelte.d.ts +8 -24
- package/dist/table/TableBodyCell.svelte +20 -16
- package/dist/table/TableBodyCell.svelte.d.ts +9 -21
- package/dist/table/TableBodyRow.svelte +25 -36
- package/dist/table/TableBodyRow.svelte.d.ts +11 -25
- package/dist/table/TableHead.svelte +47 -29
- package/dist/table/TableHead.svelte.d.ts +13 -23
- package/dist/table/TableHeadCell.svelte +12 -39
- package/dist/table/TableHeadCell.svelte.d.ts +7 -38
- package/dist/table/TableSearch.svelte +60 -54
- package/dist/table/TableSearch.svelte.d.ts +22 -50
- package/dist/table/index.d.ts +10 -0
- package/dist/table/index.js +9 -0
- package/dist/table/theme.d.ts +966 -0
- package/dist/table/theme.js +376 -0
- package/dist/table/type.d.ts +86 -0
- package/dist/table/type.js +1 -0
- package/dist/tabs/TabItem.svelte +60 -41
- package/dist/tabs/TabItem.svelte.d.ts +14 -43
- package/dist/tabs/Tabs.svelte +40 -50
- package/dist/tabs/Tabs.svelte.d.ts +10 -40
- package/dist/tabs/index.d.ts +5 -0
- package/dist/tabs/index.js +4 -0
- package/dist/tabs/theme.d.ts +270 -0
- package/dist/tabs/theme.js +84 -0
- package/dist/tabs/type.d.ts +30 -0
- package/dist/tabs/type.js +2 -0
- package/dist/theme/Theme.svelte +292 -0
- package/dist/theme/Theme.svelte.d.ts +13 -0
- package/dist/timeline/Activity.svelte +10 -7
- package/dist/timeline/Activity.svelte.d.ts +7 -21
- package/dist/timeline/ActivityItem.svelte +28 -56
- package/dist/timeline/ActivityItem.svelte.d.ts +14 -51
- package/dist/timeline/Group.svelte +15 -23
- package/dist/timeline/Group.svelte.d.ts +10 -33
- package/dist/timeline/GroupItem.svelte +24 -43
- package/dist/timeline/GroupItem.svelte.d.ts +11 -41
- package/dist/timeline/Timeline.svelte +14 -15
- package/dist/timeline/Timeline.svelte.d.ts +8 -21
- package/dist/timeline/TimelineItem.svelte +64 -55
- package/dist/timeline/TimelineItem.svelte.d.ts +15 -33
- package/dist/timeline/index.d.ts +9 -0
- package/dist/timeline/index.js +8 -0
- package/dist/timeline/theme.d.ts +523 -0
- package/dist/timeline/theme.js +92 -0
- package/dist/timeline/type.d.ts +64 -0
- package/dist/timeline/type.js +1 -0
- package/dist/toast/Toast.svelte +30 -73
- package/dist/toast/Toast.svelte.d.ts +17 -44
- package/dist/toast/index.d.ts +4 -0
- package/dist/toast/index.js +3 -0
- package/dist/toast/theme.d.ts +723 -0
- package/dist/toast/theme.js +100 -0
- package/dist/toast/type.d.ts +20 -0
- package/dist/toast/type.js +1 -0
- package/dist/toolbar/Toolbar.svelte +37 -21
- package/dist/toolbar/Toolbar.svelte.d.ts +10 -35
- package/dist/toolbar/ToolbarButton.svelte +51 -45
- package/dist/toolbar/ToolbarButton.svelte.d.ts +13 -39
- package/dist/toolbar/ToolbarGroup.svelte +19 -9
- package/dist/toolbar/ToolbarGroup.svelte.d.ts +10 -21
- package/dist/toolbar/index.d.ts +6 -0
- package/dist/toolbar/index.js +5 -0
- package/dist/toolbar/theme.d.ts +432 -0
- package/dist/toolbar/theme.js +104 -0
- package/dist/toolbar/type.d.ts +31 -0
- package/dist/toolbar/type.js +1 -0
- package/dist/tooltip/Tooltip.svelte +171 -23
- package/dist/tooltip/Tooltip.svelte.d.ts +16 -49
- package/dist/tooltip/index.d.ts +4 -0
- package/dist/tooltip/index.js +3 -0
- package/dist/tooltip/theme.d.ts +536 -0
- package/dist/tooltip/theme.js +55 -0
- package/dist/tooltip/type.d.ts +17 -0
- package/dist/tooltip/type.js +1 -0
- package/dist/types.d.ts +36 -90
- package/dist/types.js +1 -1
- package/dist/typography/anchor/A.svelte +19 -0
- package/dist/typography/anchor/A.svelte.d.ts +11 -0
- package/dist/typography/anchor/index.d.ts +4 -0
- package/dist/typography/anchor/index.js +3 -0
- package/dist/typography/anchor/theme.d.ts +162 -0
- package/dist/typography/anchor/theme.js +29 -0
- package/dist/typography/anchor/type.d.ts +9 -0
- package/dist/typography/anchor/type.js +1 -0
- package/dist/typography/blockquote/Blockquote.svelte +33 -0
- package/dist/typography/blockquote/Blockquote.svelte.d.ts +15 -0
- package/dist/typography/blockquote/index.d.ts +4 -0
- package/dist/typography/blockquote/index.js +3 -0
- package/dist/typography/blockquote/theme.d.ts +232 -0
- package/dist/typography/blockquote/theme.js +45 -0
- package/dist/typography/blockquote/type.d.ts +13 -0
- package/dist/typography/blockquote/type.js +1 -0
- package/dist/typography/descriptionlist/DescriptionList.svelte +25 -0
- package/dist/typography/descriptionlist/DescriptionList.svelte.d.ts +11 -0
- package/dist/typography/descriptionlist/index.d.ts +4 -0
- package/dist/typography/descriptionlist/index.js +3 -0
- package/dist/typography/descriptionlist/theme.d.ts +36 -0
- package/dist/typography/descriptionlist/theme.js +12 -0
- package/dist/typography/descriptionlist/type.d.ts +7 -0
- package/dist/typography/descriptionlist/type.js +1 -0
- package/dist/typography/heading/Heading.svelte +20 -0
- package/dist/typography/heading/Heading.svelte.d.ts +11 -0
- package/dist/typography/heading/index.d.ts +4 -0
- package/dist/typography/heading/index.js +3 -0
- package/dist/typography/heading/theme.d.ts +64 -0
- package/dist/typography/heading/theme.js +17 -0
- package/dist/typography/heading/type.d.ts +9 -0
- package/dist/typography/heading/type.js +1 -0
- package/dist/typography/hr/Hr.svelte +28 -0
- package/dist/typography/hr/Hr.svelte.d.ts +12 -0
- package/dist/typography/hr/index.d.ts +4 -0
- package/dist/typography/hr/index.js +3 -0
- package/dist/typography/hr/theme.d.ts +62 -0
- package/dist/typography/hr/theme.js +19 -0
- package/dist/typography/hr/type.d.ts +11 -0
- package/dist/typography/hr/type.js +1 -0
- package/dist/typography/img/EnhancedImg.svelte +43 -0
- package/dist/typography/img/EnhancedImg.svelte.d.ts +18 -0
- package/dist/typography/img/Img.svelte +44 -0
- package/dist/typography/img/Img.svelte.d.ts +18 -0
- package/dist/typography/img/ImgEnhanced.svelte +45 -0
- package/dist/typography/img/ImgEnhanced.svelte.d.ts +19 -0
- package/dist/typography/img/index.d.ts +6 -0
- package/dist/typography/img/index.js +5 -0
- package/dist/typography/img/theme.d.ts +881 -0
- package/dist/typography/img/theme.js +67 -0
- package/dist/typography/img/type.d.ts +39 -0
- package/dist/typography/img/type.js +1 -0
- package/dist/typography/layout/Layout.svelte +19 -0
- package/dist/typography/layout/Layout.svelte.d.ts +10 -0
- package/dist/typography/layout/index.d.ts +4 -0
- package/dist/typography/layout/index.js +3 -0
- package/dist/typography/layout/theme.d.ts +1 -0
- package/dist/typography/layout/theme.js +4 -0
- package/dist/typography/layout/type.d.ts +6 -0
- package/dist/typography/layout/type.js +1 -0
- package/dist/typography/list/Li.svelte +24 -0
- package/dist/typography/list/Li.svelte.d.ts +11 -0
- package/dist/typography/list/List.svelte +32 -0
- package/dist/typography/list/List.svelte.d.ts +14 -0
- package/dist/typography/list/index.d.ts +5 -0
- package/dist/typography/list/index.js +4 -0
- package/dist/typography/list/theme.d.ts +71 -0
- package/dist/typography/list/theme.js +19 -0
- package/dist/typography/list/type.d.ts +17 -0
- package/dist/typography/list/type.js +1 -0
- package/dist/typography/mark/Mark.svelte +18 -0
- package/dist/typography/mark/Mark.svelte.d.ts +10 -0
- package/dist/typography/mark/index.d.ts +4 -0
- package/dist/typography/mark/index.js +3 -0
- package/dist/typography/mark/theme.d.ts +1 -0
- package/dist/typography/mark/theme.js +4 -0
- package/dist/typography/mark/type.d.ts +8 -0
- package/dist/typography/mark/type.js +1 -0
- package/dist/typography/paragraph/P.svelte +28 -0
- package/dist/typography/paragraph/P.svelte.d.ts +19 -0
- package/dist/typography/paragraph/index.d.ts +4 -0
- package/dist/typography/paragraph/index.js +3 -0
- package/dist/typography/paragraph/theme.d.ts +519 -0
- package/dist/typography/paragraph/theme.js +79 -0
- package/dist/typography/paragraph/type.d.ts +21 -0
- package/dist/typography/paragraph/type.js +1 -0
- package/dist/typography/secondary/Secondary.svelte +18 -0
- package/dist/typography/secondary/Secondary.svelte.d.ts +10 -0
- package/dist/typography/secondary/index.d.ts +4 -0
- package/dist/typography/secondary/index.js +3 -0
- package/dist/typography/secondary/theme.d.ts +1 -0
- package/dist/typography/secondary/theme.js +4 -0
- package/dist/typography/secondary/type.d.ts +8 -0
- package/dist/typography/secondary/type.js +1 -0
- package/dist/typography/span/Span.svelte +43 -0
- package/dist/typography/span/Span.svelte.d.ts +19 -0
- package/dist/typography/span/index.d.ts +4 -0
- package/dist/typography/span/index.js +3 -0
- package/dist/typography/span/theme.d.ts +568 -0
- package/dist/typography/span/theme.js +88 -0
- package/dist/typography/span/type.d.ts +21 -0
- package/dist/typography/span/type.js +1 -0
- package/dist/uiHelpers.svelte.d.ts +11 -0
- package/dist/uiHelpers.svelte.js +57 -0
- package/dist/utils/CloseButton.svelte +29 -10
- package/dist/utils/CloseButton.svelte.d.ts +12 -21
- package/dist/utils/focusTrap.d.ts +1 -1
- package/dist/utils/focusTrap.js +3 -3
- package/dist/utils/index.d.ts +225 -0
- package/dist/utils/index.js +69 -0
- package/dist/video/Video.svelte +16 -15
- package/dist/video/Video.svelte.d.ts +12 -29
- package/dist/video/index.d.ts +3 -0
- package/dist/video/index.js +2 -0
- package/dist/video/type.d.ts +12 -0
- package/dist/video/type.js +1 -0
- package/package.json +189 -296
- package/dist/button-group/ButtonGroup.svelte +0 -18
- package/dist/button-group/ButtonGroup.svelte.d.ts +0 -27
- package/dist/carousel/Carousel.svelte +0 -155
- package/dist/carousel/Carousel.svelte.d.ts +0 -60
- package/dist/carousel/CarouselSlide.d.ts +0 -5
- package/dist/carousel/CarouselSlide.js +0 -7
- package/dist/carousel/ControlButton.svelte +0 -31
- package/dist/carousel/ControlButton.svelte.d.ts +0 -28
- package/dist/carousel/Controls.svelte +0 -37
- package/dist/carousel/Controls.svelte.d.ts +0 -22
- package/dist/carousel/Indicators.svelte +0 -26
- package/dist/carousel/Indicators.svelte.d.ts +0 -31
- package/dist/carousel/Slide.svelte +0 -40
- package/dist/carousel/Slide.svelte.d.ts +0 -26
- package/dist/carousel/Thumbnail.svelte +0 -18
- package/dist/carousel/Thumbnail.svelte.d.ts +0 -28
- package/dist/carousel/Thumbnails.svelte +0 -44
- package/dist/carousel/Thumbnails.svelte.d.ts +0 -39
- package/dist/charts/Chart.svelte +0 -35
- package/dist/charts/Chart.svelte.d.ts +0 -23
- package/dist/darkmode/DarkMode.svelte +0 -58
- package/dist/darkmode/DarkMode.svelte.d.ts +0 -29
- package/dist/datepicker/Datepicker.svelte +0 -295
- package/dist/datepicker/Datepicker.svelte.d.ts +0 -58
- package/dist/dropdown/DropdownItem.svelte +0 -35
- package/dist/dropdown/DropdownItem.svelte.d.ts +0 -38
- package/dist/footer/FooterLink.svelte +0 -28
- package/dist/footer/FooterLink.svelte.d.ts +0 -34
- package/dist/footer/FooterLinkGroup.svelte +0 -14
- package/dist/footer/FooterLinkGroup.svelte.d.ts +0 -24
- package/dist/forms/Checkbox.svelte +0 -44
- package/dist/forms/Checkbox.svelte.d.ts +0 -58
- package/dist/forms/CheckboxButton.svelte +0 -78
- package/dist/forms/CheckboxButton.svelte.d.ts +0 -73
- package/dist/forms/Dropzone.svelte +0 -32
- package/dist/forms/Dropzone.svelte.d.ts +0 -40
- package/dist/forms/Fileupload.svelte +0 -17
- package/dist/forms/Fileupload.svelte.d.ts +0 -45
- package/dist/forms/FloatingLabelInput.svelte +0 -88
- package/dist/forms/FloatingLabelInput.svelte.d.ts +0 -54
- package/dist/forms/Helper.svelte +0 -22
- package/dist/forms/Helper.svelte.d.ts +0 -26
- package/dist/forms/Input.svelte +0 -88
- package/dist/forms/Input.svelte.d.ts +0 -63
- package/dist/forms/InputAddon.svelte +0 -34
- package/dist/forms/InputAddon.svelte.d.ts +0 -24
- package/dist/forms/Label.svelte +0 -33
- package/dist/forms/Label.svelte.d.ts +0 -28
- package/dist/forms/MultiSelect.svelte +0 -156
- package/dist/forms/MultiSelect.svelte.d.ts +0 -42
- package/dist/forms/NumberInput.svelte +0 -14
- package/dist/forms/NumberInput.svelte.d.ts +0 -45
- package/dist/forms/Radio.svelte +0 -48
- package/dist/forms/Radio.svelte.d.ts +0 -51
- package/dist/forms/RadioButton.svelte +0 -48
- package/dist/forms/RadioButton.svelte.d.ts +0 -51
- package/dist/forms/Range.svelte +0 -21
- package/dist/forms/Range.svelte.d.ts +0 -30
- package/dist/forms/Search.svelte +0 -40
- package/dist/forms/Search.svelte.d.ts +0 -51
- package/dist/forms/Select.svelte +0 -43
- package/dist/forms/Select.svelte.d.ts +0 -41
- package/dist/forms/Textarea.svelte +0 -47
- package/dist/forms/Textarea.svelte.d.ts +0 -50
- package/dist/forms/Toggle.svelte +0 -49
- package/dist/forms/Toggle.svelte.d.ts +0 -51
- package/dist/indicators/Indicator.svelte +0 -72
- package/dist/indicators/Indicator.svelte.d.ts +0 -35
- package/dist/kbd/ArrowKeyDown.svelte +0 -14
- package/dist/kbd/ArrowKeyDown.svelte.d.ts +0 -22
- package/dist/kbd/ArrowKeyLeft.svelte +0 -14
- package/dist/kbd/ArrowKeyLeft.svelte.d.ts +0 -22
- package/dist/kbd/ArrowKeyRight.svelte +0 -14
- package/dist/kbd/ArrowKeyRight.svelte.d.ts +0 -22
- package/dist/kbd/ArrowKeyUp.svelte +0 -14
- package/dist/kbd/ArrowKeyUp.svelte.d.ts +0 -22
- package/dist/marquee/Marquee.svelte +0 -46
- package/dist/marquee/Marquee.svelte.d.ts +0 -28
- package/dist/navbar/Menu.svelte +0 -36
- package/dist/navbar/Menu.svelte.d.ts +0 -30
- package/dist/navbar/NavBrand.svelte +0 -14
- package/dist/navbar/NavBrand.svelte.d.ts +0 -24
- package/dist/navbar/NavContainer.svelte +0 -14
- package/dist/navbar/NavContainer.svelte.d.ts +0 -24
- package/dist/navbar/NavHamburger.svelte +0 -25
- package/dist/navbar/NavHamburger.svelte.d.ts +0 -37
- package/dist/navbar/NavLi.svelte +0 -29
- package/dist/navbar/NavLi.svelte.d.ts +0 -39
- package/dist/navbar/NavUl.svelte +0 -58
- package/dist/navbar/NavUl.svelte.d.ts +0 -44
- package/dist/navbar/Navbar.svelte +0 -28
- package/dist/navbar/Navbar.svelte.d.ts +0 -43
- package/dist/sidebar/SidebarDropdownItem.svelte +0 -24
- package/dist/sidebar/SidebarDropdownItem.svelte.d.ts +0 -40
- package/dist/sidebar/SidebarWrapper.svelte +0 -14
- package/dist/sidebar/SidebarWrapper.svelte.d.ts +0 -24
- package/dist/speed-dial/SpeedDial.svelte +0 -70
- package/dist/speed-dial/SpeedDial.svelte.d.ts +0 -72
- package/dist/speed-dial/SpeedDialButton.svelte +0 -43
- package/dist/speed-dial/SpeedDialButton.svelte.d.ts +0 -59
- package/dist/steps/StepIndicator.svelte +0 -72
- package/dist/steps/StepIndicator.svelte.d.ts +0 -36
- package/dist/typography/A.svelte +0 -23
- package/dist/typography/A.svelte.d.ts +0 -35
- package/dist/typography/Blockquote.svelte +0 -48
- package/dist/typography/Blockquote.svelte.d.ts +0 -39
- package/dist/typography/DescriptionList.svelte +0 -19
- package/dist/typography/DescriptionList.svelte.d.ts +0 -28
- package/dist/typography/Heading.svelte +0 -26
- package/dist/typography/Heading.svelte.d.ts +0 -28
- package/dist/typography/Hr.svelte +0 -40
- package/dist/typography/Hr.svelte.d.ts +0 -40
- package/dist/typography/Img.svelte +0 -37
- package/dist/typography/Img.svelte.d.ts +0 -40
- package/dist/typography/Layout.svelte +0 -19
- package/dist/typography/Layout.svelte.d.ts +0 -28
- package/dist/typography/Li.svelte +0 -17
- package/dist/typography/Li.svelte.d.ts +0 -26
- package/dist/typography/List.svelte +0 -28
- package/dist/typography/List.svelte.d.ts +0 -36
- package/dist/typography/Mark.svelte +0 -18
- package/dist/typography/Mark.svelte.d.ts +0 -28
- package/dist/typography/P.svelte +0 -89
- package/dist/typography/P.svelte.d.ts +0 -47
- package/dist/typography/Secondary.svelte +0 -16
- package/dist/typography/Secondary.svelte.d.ts +0 -26
- package/dist/typography/Span.svelte +0 -32
- package/dist/typography/Span.svelte.d.ts +0 -40
- package/dist/utils/Frame.svelte +0 -116
- package/dist/utils/Frame.svelte.d.ts +0 -77
- package/dist/utils/Popper.svelte +0 -177
- package/dist/utils/Popper.svelte.d.ts +0 -59
- package/dist/utils/TransitionFrame.svelte +0 -22
- package/dist/utils/TransitionFrame.svelte.d.ts +0 -43
- package/dist/utils/Wrapper.svelte +0 -20
- package/dist/utils/Wrapper.svelte.d.ts +0 -29
- package/dist/utils/backdrop.d.ts +0 -6
- package/dist/utils/backdrop.js +0 -82
- package/dist/utils/clickOutside.d.ts +0 -3
- package/dist/utils/clickOutside.js +0 -15
- package/dist/utils/generateId.d.ts +0 -1
- package/dist/utils/generateId.js +0 -5
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import { SvelteComponentTyped } from "svelte";
|
|
2
|
-
import NavContainer from './NavContainer.svelte';
|
|
3
|
-
declare const __propDef: {
|
|
4
|
-
props: import("svelte/elements").HTMLAnchorAttributes & {
|
|
5
|
-
tag?: string;
|
|
6
|
-
color?: import("../utils/Frame.svelte").FrameColor;
|
|
7
|
-
rounded?: boolean;
|
|
8
|
-
border?: boolean;
|
|
9
|
-
shadow?: boolean;
|
|
10
|
-
node?: HTMLElement | undefined;
|
|
11
|
-
use?: import("svelte/action").Action<HTMLElement, any>;
|
|
12
|
-
options?: object;
|
|
13
|
-
class?: string;
|
|
14
|
-
role?: string;
|
|
15
|
-
open?: boolean;
|
|
16
|
-
transition?: (node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig;
|
|
17
|
-
params?: any;
|
|
18
|
-
} & {
|
|
19
|
-
fluid?: boolean;
|
|
20
|
-
};
|
|
21
|
-
events: {
|
|
22
|
-
[evt: string]: CustomEvent<any>;
|
|
23
|
-
};
|
|
24
|
-
slots: {
|
|
25
|
-
default: {
|
|
26
|
-
hidden: boolean;
|
|
27
|
-
toggle: () => void;
|
|
28
|
-
NavContainer: typeof NavContainer;
|
|
29
|
-
};
|
|
30
|
-
};
|
|
31
|
-
};
|
|
32
|
-
export type NavbarProps = typeof __propDef.props;
|
|
33
|
-
export type NavbarEvents = typeof __propDef.events;
|
|
34
|
-
export type NavbarSlots = typeof __propDef.slots;
|
|
35
|
-
/**
|
|
36
|
-
* [Go to docs](https://flowbite-svelte.com/)
|
|
37
|
-
* ## Props
|
|
38
|
-
* @prop export let fluid: $$Props['fluid'] = false;
|
|
39
|
-
* @prop export let navContainerClass: string= '';
|
|
40
|
-
*/
|
|
41
|
-
export default class Navbar extends SvelteComponentTyped<NavbarProps, NavbarEvents, NavbarSlots> {
|
|
42
|
-
}
|
|
43
|
-
export {};
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
<script>import { twMerge } from "tailwind-merge";
|
|
2
|
-
export let aClass = "flex items-center p-2 ps-11 w-full text-base font-normal text-gray-900 rounded-lg transition duration-75 group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700";
|
|
3
|
-
export let href = "";
|
|
4
|
-
export let label = "";
|
|
5
|
-
export let activeClass = "flex items-center p-2 ps-11 text-base font-normal text-gray-900 bg-gray-200 dark:bg-gray-700 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700";
|
|
6
|
-
export let active = false;
|
|
7
|
-
</script>
|
|
8
|
-
|
|
9
|
-
<li>
|
|
10
|
-
<a {...$$restProps} {href} on:blur on:click on:focus on:keydown on:keypress on:keyup on:mouseenter on:mouseleave on:mouseover class={twMerge(active ? activeClass : aClass, $$props.class)}>
|
|
11
|
-
{label}
|
|
12
|
-
</a>
|
|
13
|
-
</li>
|
|
14
|
-
|
|
15
|
-
<!--
|
|
16
|
-
@component
|
|
17
|
-
[Go to docs](https://flowbite-svelte.com/)
|
|
18
|
-
## Props
|
|
19
|
-
@prop export let aClass: $$Props['aClass'] = 'flex items-center p-2 ps-11 w-full text-base font-normal text-gray-900 rounded-lg transition duration-75 group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700';
|
|
20
|
-
@prop export let href: $$Props['href'] = '';
|
|
21
|
-
@prop export let label: $$Props['label'] = '';
|
|
22
|
-
@prop export let activeClass: $$Props['activeClass'] = 'flex items-center p-2 ps-11 text-base font-normal text-gray-900 bg-gray-200 dark:bg-gray-700 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700';
|
|
23
|
-
@prop export let active: $$Props['active'] = false;
|
|
24
|
-
-->
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { SvelteComponentTyped } from "svelte";
|
|
2
|
-
import type { HTMLAnchorAttributes } from 'svelte/elements';
|
|
3
|
-
declare const __propDef: {
|
|
4
|
-
props: HTMLAnchorAttributes & {
|
|
5
|
-
aClass?: string;
|
|
6
|
-
href?: string;
|
|
7
|
-
label?: string;
|
|
8
|
-
activeClass?: string;
|
|
9
|
-
active?: boolean;
|
|
10
|
-
};
|
|
11
|
-
events: {
|
|
12
|
-
blur: FocusEvent;
|
|
13
|
-
click: MouseEvent;
|
|
14
|
-
focus: FocusEvent;
|
|
15
|
-
keydown: KeyboardEvent;
|
|
16
|
-
keypress: KeyboardEvent;
|
|
17
|
-
keyup: KeyboardEvent;
|
|
18
|
-
mouseenter: MouseEvent;
|
|
19
|
-
mouseleave: MouseEvent;
|
|
20
|
-
mouseover: MouseEvent;
|
|
21
|
-
} & {
|
|
22
|
-
[evt: string]: CustomEvent<any>;
|
|
23
|
-
};
|
|
24
|
-
slots: {};
|
|
25
|
-
};
|
|
26
|
-
export type SidebarDropdownItemProps = typeof __propDef.props;
|
|
27
|
-
export type SidebarDropdownItemEvents = typeof __propDef.events;
|
|
28
|
-
export type SidebarDropdownItemSlots = typeof __propDef.slots;
|
|
29
|
-
/**
|
|
30
|
-
* [Go to docs](https://flowbite-svelte.com/)
|
|
31
|
-
* ## Props
|
|
32
|
-
* @prop export let aClass: $$Props['aClass'] = 'flex items-center p-2 ps-11 w-full text-base font-normal text-gray-900 rounded-lg transition duration-75 group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700';
|
|
33
|
-
* @prop export let href: $$Props['href'] = '';
|
|
34
|
-
* @prop export let label: $$Props['label'] = '';
|
|
35
|
-
* @prop export let activeClass: $$Props['activeClass'] = 'flex items-center p-2 ps-11 text-base font-normal text-gray-900 bg-gray-200 dark:bg-gray-700 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700';
|
|
36
|
-
* @prop export let active: $$Props['active'] = false;
|
|
37
|
-
*/
|
|
38
|
-
export default class SidebarDropdownItem extends SvelteComponentTyped<SidebarDropdownItemProps, SidebarDropdownItemEvents, SidebarDropdownItemSlots> {
|
|
39
|
-
}
|
|
40
|
-
export {};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
<script>import { twMerge } from "tailwind-merge";
|
|
2
|
-
export let divClass = "overflow-y-auto py-4 px-3 bg-gray-50 rounded dark:bg-gray-800";
|
|
3
|
-
</script>
|
|
4
|
-
|
|
5
|
-
<div {...$$restProps} class={twMerge(divClass, $$props.class)}>
|
|
6
|
-
<slot />
|
|
7
|
-
</div>
|
|
8
|
-
|
|
9
|
-
<!--
|
|
10
|
-
@component
|
|
11
|
-
[Go to docs](https://flowbite-svelte.com/)
|
|
12
|
-
## Props
|
|
13
|
-
@prop export let divClass: $$Props['divClass'] = 'overflow-y-auto py-4 px-3 bg-gray-50 rounded dark:bg-gray-800';
|
|
14
|
-
-->
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { SvelteComponentTyped } from "svelte";
|
|
2
|
-
import type { HTMLAttributes } from 'svelte/elements';
|
|
3
|
-
declare const __propDef: {
|
|
4
|
-
props: HTMLAttributes<HTMLDivElement> & {
|
|
5
|
-
divClass?: string;
|
|
6
|
-
};
|
|
7
|
-
events: {
|
|
8
|
-
[evt: string]: CustomEvent<any>;
|
|
9
|
-
};
|
|
10
|
-
slots: {
|
|
11
|
-
default: {};
|
|
12
|
-
};
|
|
13
|
-
};
|
|
14
|
-
export type SidebarWrapperProps = typeof __propDef.props;
|
|
15
|
-
export type SidebarWrapperEvents = typeof __propDef.events;
|
|
16
|
-
export type SidebarWrapperSlots = typeof __propDef.slots;
|
|
17
|
-
/**
|
|
18
|
-
* [Go to docs](https://flowbite-svelte.com/)
|
|
19
|
-
* ## Props
|
|
20
|
-
* @prop export let divClass: $$Props['divClass'] = 'overflow-y-auto py-4 px-3 bg-gray-50 rounded dark:bg-gray-800';
|
|
21
|
-
*/
|
|
22
|
-
export default class SidebarWrapper extends SvelteComponentTyped<SidebarWrapperProps, SidebarWrapperEvents, SidebarWrapperSlots> {
|
|
23
|
-
}
|
|
24
|
-
export {};
|
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
<script context="module"></script>
|
|
2
|
-
|
|
3
|
-
<script>import { twMerge } from "tailwind-merge";
|
|
4
|
-
import Button from "../buttons/Button.svelte";
|
|
5
|
-
import Popper from "../utils/Popper.svelte";
|
|
6
|
-
import { setContext } from "svelte";
|
|
7
|
-
import generateId from "../utils/generateId";
|
|
8
|
-
import GradientButton from "../buttons/GradientButton.svelte";
|
|
9
|
-
export let defaultClass = "fixed end-6 bottom-6";
|
|
10
|
-
export let popperDefaultClass = "flex items-center mb-4 gap-2";
|
|
11
|
-
export let placement = "top";
|
|
12
|
-
export let pill = true;
|
|
13
|
-
export let tooltip = "left";
|
|
14
|
-
export let trigger = "hover";
|
|
15
|
-
export let textOutside = false;
|
|
16
|
-
export let id = generateId();
|
|
17
|
-
export let name = "Open actions menu";
|
|
18
|
-
export let gradient = false;
|
|
19
|
-
export let open = false;
|
|
20
|
-
setContext("speed-dial", { pill, tooltip, textOutside });
|
|
21
|
-
let divClass;
|
|
22
|
-
$: divClass = twMerge(defaultClass, "group", $$props.class);
|
|
23
|
-
let poperClass;
|
|
24
|
-
$: poperClass = twMerge(popperDefaultClass, ["top", "bottom"].includes(placement.split("-")[0]) && "flex-col");
|
|
25
|
-
$: console.log(typeof $$restProps, Object.keys($$restProps));
|
|
26
|
-
</script>
|
|
27
|
-
|
|
28
|
-
<div class={divClass}>
|
|
29
|
-
<slot name="button">
|
|
30
|
-
{#if gradient}
|
|
31
|
-
<GradientButton {pill} {name} aria-controls={id} aria-expanded={open} {...$$restProps} class="!p-3">
|
|
32
|
-
<slot name="icon">
|
|
33
|
-
<svg aria-hidden="true" class="w-8 h-8 transition-transform group-hover:rotate-45" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
34
|
-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6" />
|
|
35
|
-
</svg>
|
|
36
|
-
</slot>
|
|
37
|
-
<span class="sr-only">{name}</span>
|
|
38
|
-
</GradientButton>
|
|
39
|
-
{:else}
|
|
40
|
-
<Button {pill} {name} aria-controls={id} aria-expanded={open} {...$$restProps} class="!p-3">
|
|
41
|
-
<slot name="icon">
|
|
42
|
-
<svg aria-hidden="true" class="w-8 h-8 transition-transform group-hover:rotate-45" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
43
|
-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6" />
|
|
44
|
-
</svg>
|
|
45
|
-
</slot>
|
|
46
|
-
<span class="sr-only">{name}</span>
|
|
47
|
-
</Button>
|
|
48
|
-
{/if}
|
|
49
|
-
</slot>
|
|
50
|
-
<Popper {id} {trigger} arrow={false} color="none" activeContent {placement} class={poperClass} bind:open>
|
|
51
|
-
<slot />
|
|
52
|
-
</Popper>
|
|
53
|
-
</div>
|
|
54
|
-
|
|
55
|
-
<!--
|
|
56
|
-
@component
|
|
57
|
-
[Go to docs](https://flowbite-svelte.com/)
|
|
58
|
-
## Props
|
|
59
|
-
@prop export let defaultClass: $$Props['defaultClass'] = 'fixed end-6 bottom-6';
|
|
60
|
-
@prop export let popperDefaultClass: $$Props['popperDefaultClass'] = 'flex items-center mb-4 gap-2';
|
|
61
|
-
@prop export let placement: NonNullable<$$Props['placement']> = 'top';
|
|
62
|
-
@prop export let pill: NonNullable<$$Props['pill']> = true;
|
|
63
|
-
@prop export let tooltip: NonNullable<$$Props['tooltip']> = 'left';
|
|
64
|
-
@prop export let trigger: $$Props['trigger'] = 'hover';
|
|
65
|
-
@prop export let textOutside: NonNullable<$$Props['textOutside']> = false;
|
|
66
|
-
@prop export let id: $$Props['id'] = generateId();
|
|
67
|
-
@prop export let name: $$Props['name'] = 'Open actions menu';
|
|
68
|
-
@prop export let gradient: $$Props['gradient'] = false;
|
|
69
|
-
@prop export let open: $$Props['open'] = false;
|
|
70
|
-
-->
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
import { SvelteComponentTyped } from "svelte";
|
|
2
|
-
import type { Placement } from '@floating-ui/dom';
|
|
3
|
-
export interface SpeedCtxType {
|
|
4
|
-
pill: boolean;
|
|
5
|
-
tooltip: Placement | 'none';
|
|
6
|
-
textOutside: boolean;
|
|
7
|
-
}
|
|
8
|
-
declare const __propDef: {
|
|
9
|
-
props: (({
|
|
10
|
-
pill?: boolean;
|
|
11
|
-
outline?: boolean;
|
|
12
|
-
size?: "xs" | "sm" | "md" | "lg" | "xl";
|
|
13
|
-
color?: "red" | "yellow" | "green" | "purple" | "blue" | "light" | "dark" | "primary" | "none" | "alternative";
|
|
14
|
-
shadow?: boolean;
|
|
15
|
-
tag?: "a" | "button";
|
|
16
|
-
checked?: boolean;
|
|
17
|
-
} & Omit<import("svelte/elements").HTMLAnchorAttributes, "type"> & {
|
|
18
|
-
href?: string | undefined;
|
|
19
|
-
}) | ({
|
|
20
|
-
pill?: boolean;
|
|
21
|
-
outline?: boolean;
|
|
22
|
-
size?: "xs" | "sm" | "md" | "lg" | "xl";
|
|
23
|
-
color?: "red" | "yellow" | "green" | "purple" | "blue" | "light" | "dark" | "primary" | "none" | "alternative";
|
|
24
|
-
shadow?: boolean;
|
|
25
|
-
tag?: "a" | "button";
|
|
26
|
-
checked?: boolean;
|
|
27
|
-
} & import("svelte/elements").HTMLButtonAttributes & {
|
|
28
|
-
disabled?: import("svelte/elements").HTMLButtonAttributes["disabled"];
|
|
29
|
-
type?: import("svelte/elements").HTMLButtonAttributes["type"];
|
|
30
|
-
})) & {
|
|
31
|
-
defaultClass?: string;
|
|
32
|
-
popperDefaultClass?: string;
|
|
33
|
-
placement?: Placement;
|
|
34
|
-
pill?: boolean;
|
|
35
|
-
tooltip?: Placement | "none";
|
|
36
|
-
trigger?: "hover" | "click" | "focus";
|
|
37
|
-
textOutside?: boolean;
|
|
38
|
-
id?: string;
|
|
39
|
-
name?: string;
|
|
40
|
-
gradient?: boolean;
|
|
41
|
-
open?: boolean;
|
|
42
|
-
};
|
|
43
|
-
events: {
|
|
44
|
-
[evt: string]: CustomEvent<any>;
|
|
45
|
-
};
|
|
46
|
-
slots: {
|
|
47
|
-
button: {};
|
|
48
|
-
icon: {};
|
|
49
|
-
default: {};
|
|
50
|
-
};
|
|
51
|
-
};
|
|
52
|
-
export type SpeedDialProps = typeof __propDef.props;
|
|
53
|
-
export type SpeedDialEvents = typeof __propDef.events;
|
|
54
|
-
export type SpeedDialSlots = typeof __propDef.slots;
|
|
55
|
-
/**
|
|
56
|
-
* [Go to docs](https://flowbite-svelte.com/)
|
|
57
|
-
* ## Props
|
|
58
|
-
* @prop export let defaultClass: $$Props['defaultClass'] = 'fixed end-6 bottom-6';
|
|
59
|
-
* @prop export let popperDefaultClass: $$Props['popperDefaultClass'] = 'flex items-center mb-4 gap-2';
|
|
60
|
-
* @prop export let placement: NonNullable<$$Props['placement']> = 'top';
|
|
61
|
-
* @prop export let pill: NonNullable<$$Props['pill']> = true;
|
|
62
|
-
* @prop export let tooltip: NonNullable<$$Props['tooltip']> = 'left';
|
|
63
|
-
* @prop export let trigger: $$Props['trigger'] = 'hover';
|
|
64
|
-
* @prop export let textOutside: NonNullable<$$Props['textOutside']> = false;
|
|
65
|
-
* @prop export let id: $$Props['id'] = generateId();
|
|
66
|
-
* @prop export let name: $$Props['name'] = 'Open actions menu';
|
|
67
|
-
* @prop export let gradient: $$Props['gradient'] = false;
|
|
68
|
-
* @prop export let open: $$Props['open'] = false;
|
|
69
|
-
*/
|
|
70
|
-
export default class SpeedDial extends SvelteComponentTyped<SpeedDialProps, SpeedDialEvents, SpeedDialSlots> {
|
|
71
|
-
}
|
|
72
|
-
export {};
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
<script>import Button from "../buttons/Button.svelte";
|
|
2
|
-
import Tooltip from "../tooltip/Tooltip.svelte";
|
|
3
|
-
import { twMerge } from "tailwind-merge";
|
|
4
|
-
import { getContext } from "svelte";
|
|
5
|
-
const context = getContext("speed-dial");
|
|
6
|
-
export let btnDefaultClass = "w-[52px] h-[52px] shadow-sm !p-2";
|
|
7
|
-
export let name = "";
|
|
8
|
-
export let tooltip = context.tooltip;
|
|
9
|
-
export let pill = context.pill;
|
|
10
|
-
export let textOutside = context.textOutside;
|
|
11
|
-
export let textOutsideClass = "block absolute -start-14 top-1/2 mb-px text-sm font-medium -translate-y-1/2";
|
|
12
|
-
export let textDefaultClass = "block mb-px text-xs font-medium";
|
|
13
|
-
let btnClass;
|
|
14
|
-
$: btnClass = twMerge(btnDefaultClass, tooltip === "none" && "flex-col", textOutside && "relative", $$props.class);
|
|
15
|
-
</script>
|
|
16
|
-
|
|
17
|
-
<Button {pill} outline color="light" {...$$restProps} class={btnClass} on:click>
|
|
18
|
-
<slot />
|
|
19
|
-
{#if tooltip !== 'none'}
|
|
20
|
-
<span class="sr-only">{name}</span>
|
|
21
|
-
{:else if textOutside}
|
|
22
|
-
<span class={textOutsideClass}>{name}</span>
|
|
23
|
-
{:else}
|
|
24
|
-
<span class={textDefaultClass}>{name}</span>
|
|
25
|
-
{/if}
|
|
26
|
-
</Button>
|
|
27
|
-
|
|
28
|
-
{#if tooltip !== 'none'}
|
|
29
|
-
<Tooltip placement={tooltip} style="dark">{name}</Tooltip>
|
|
30
|
-
{/if}
|
|
31
|
-
|
|
32
|
-
<!--
|
|
33
|
-
@component
|
|
34
|
-
[Go to docs](https://flowbite-svelte.com/)
|
|
35
|
-
## Props
|
|
36
|
-
@prop export let btnDefaultClass: $$Props['defaultClass'] = 'w-[52px] h-[52px] shadow-sm !p-2';
|
|
37
|
-
@prop export let name: $$Props['name'] = '';
|
|
38
|
-
@prop export let tooltip: $$Props['tooltip'] = context.tooltip;
|
|
39
|
-
@prop export let pill: $$Props['pill'] = context.pill;
|
|
40
|
-
@prop export let textOutside: $$Props['textOutside'] = context.textOutside;
|
|
41
|
-
@prop export let textOutsideClass: $$Props['textOutsideClass'] = 'block absolute -start-14 top-1/2 mb-px text-sm font-medium -translate-y-1/2';
|
|
42
|
-
@prop export let textDefaultClass: $$Props['textDefaultClass'] = 'block mb-px text-xs font-medium';
|
|
43
|
-
-->
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import { SvelteComponentTyped } from "svelte";
|
|
2
|
-
import type { Placement } from '@floating-ui/dom';
|
|
3
|
-
declare const __propDef: {
|
|
4
|
-
props: (({
|
|
5
|
-
pill?: boolean;
|
|
6
|
-
outline?: boolean;
|
|
7
|
-
size?: "xs" | "sm" | "md" | "lg" | "xl";
|
|
8
|
-
color?: "red" | "yellow" | "green" | "purple" | "blue" | "light" | "dark" | "primary" | "none" | "alternative";
|
|
9
|
-
shadow?: boolean;
|
|
10
|
-
tag?: "a" | "button";
|
|
11
|
-
checked?: boolean;
|
|
12
|
-
} & Omit<import("svelte/elements").HTMLAnchorAttributes, "type"> & {
|
|
13
|
-
href?: string | undefined;
|
|
14
|
-
}) | ({
|
|
15
|
-
pill?: boolean;
|
|
16
|
-
outline?: boolean;
|
|
17
|
-
size?: "xs" | "sm" | "md" | "lg" | "xl";
|
|
18
|
-
color?: "red" | "yellow" | "green" | "purple" | "blue" | "light" | "dark" | "primary" | "none" | "alternative";
|
|
19
|
-
shadow?: boolean;
|
|
20
|
-
tag?: "a" | "button";
|
|
21
|
-
checked?: boolean;
|
|
22
|
-
} & import("svelte/elements").HTMLButtonAttributes & {
|
|
23
|
-
disabled?: import("svelte/elements").HTMLButtonAttributes["disabled"];
|
|
24
|
-
type?: import("svelte/elements").HTMLButtonAttributes["type"];
|
|
25
|
-
})) & {
|
|
26
|
-
defaultClass?: string;
|
|
27
|
-
name?: string;
|
|
28
|
-
tooltip?: Placement | "none";
|
|
29
|
-
pill?: boolean;
|
|
30
|
-
textOutside?: boolean;
|
|
31
|
-
textOutsideClass?: string;
|
|
32
|
-
textDefaultClass?: string;
|
|
33
|
-
};
|
|
34
|
-
events: {
|
|
35
|
-
click: MouseEvent;
|
|
36
|
-
} & {
|
|
37
|
-
[evt: string]: CustomEvent<any>;
|
|
38
|
-
};
|
|
39
|
-
slots: {
|
|
40
|
-
default: {};
|
|
41
|
-
};
|
|
42
|
-
};
|
|
43
|
-
export type SpeedDialButtonProps = typeof __propDef.props;
|
|
44
|
-
export type SpeedDialButtonEvents = typeof __propDef.events;
|
|
45
|
-
export type SpeedDialButtonSlots = typeof __propDef.slots;
|
|
46
|
-
/**
|
|
47
|
-
* [Go to docs](https://flowbite-svelte.com/)
|
|
48
|
-
* ## Props
|
|
49
|
-
* @prop export let btnDefaultClass: $$Props['defaultClass'] = 'w-[52px] h-[52px] shadow-sm !p-2';
|
|
50
|
-
* @prop export let name: $$Props['name'] = '';
|
|
51
|
-
* @prop export let tooltip: $$Props['tooltip'] = context.tooltip;
|
|
52
|
-
* @prop export let pill: $$Props['pill'] = context.pill;
|
|
53
|
-
* @prop export let textOutside: $$Props['textOutside'] = context.textOutside;
|
|
54
|
-
* @prop export let textOutsideClass: $$Props['textOutsideClass'] = 'block absolute -start-14 top-1/2 mb-px text-sm font-medium -translate-y-1/2';
|
|
55
|
-
* @prop export let textDefaultClass: $$Props['textDefaultClass'] = 'block mb-px text-xs font-medium';
|
|
56
|
-
*/
|
|
57
|
-
export default class SpeedDialButton extends SvelteComponentTyped<SpeedDialButtonProps, SpeedDialButtonEvents, SpeedDialButtonSlots> {
|
|
58
|
-
}
|
|
59
|
-
export {};
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
<script>import { twMerge, twJoin } from "tailwind-merge";
|
|
2
|
-
export let steps = ["Step 1", "Step 2", "Step 3", "Step 4", "Step 5"];
|
|
3
|
-
export let currentStep = 1;
|
|
4
|
-
export let size = "h-2.5";
|
|
5
|
-
export let color = "primary";
|
|
6
|
-
export let glow = false;
|
|
7
|
-
export let hideLabel = false;
|
|
8
|
-
export let completedCustom = "";
|
|
9
|
-
export let currentCustom = "";
|
|
10
|
-
const completedStepColors = {
|
|
11
|
-
primary: "bg-primary-500 dark:bg-primary-900",
|
|
12
|
-
secondary: "bg-secondary-500 dark:bg-secondary-900",
|
|
13
|
-
gray: "bg-gray-400 dark:bg-gray-500",
|
|
14
|
-
red: "bg-red-600 dark:bg-red-900",
|
|
15
|
-
yellow: "bg-yellow-400 dark:bg-yellow-600",
|
|
16
|
-
green: "bg-green-500 dark:bg-green-900",
|
|
17
|
-
indigo: "bg-indigo-500 dark:bg-indigo-900",
|
|
18
|
-
purple: "bg-purple-500 dark:bg-purple-900",
|
|
19
|
-
pink: "bg-pink-500 dark:bg-pink-900",
|
|
20
|
-
blue: "bg-blue-500 dark:bg-blue-900",
|
|
21
|
-
custom: completedCustom
|
|
22
|
-
};
|
|
23
|
-
const currentStepColors = {
|
|
24
|
-
primary: "bg-primary-800 dark:bg-primary-400",
|
|
25
|
-
secondary: "bg-secondary-800 dark:bg-secondary-400",
|
|
26
|
-
gray: "bg-gray-700 dark:bg-gray-200",
|
|
27
|
-
red: "bg-red-900 dark:bg-red-500",
|
|
28
|
-
yellow: "bg-yellow-600 dark:bg-yellow-400",
|
|
29
|
-
green: "bg-green-800 dark:bg-green-400",
|
|
30
|
-
indigo: "bg-indigo-800 dark:bg-indigo-400",
|
|
31
|
-
purple: "bg-purple-800 dark:bg-purple-400",
|
|
32
|
-
pink: "bg-pink-800 dark:bg-pink-400",
|
|
33
|
-
blue: "bg-blue-800 dark:bg-blue-400",
|
|
34
|
-
custom: currentCustom
|
|
35
|
-
};
|
|
36
|
-
</script>
|
|
37
|
-
|
|
38
|
-
<div {...$$restProps} class={twMerge('space-y-2 dark:text-white', $$props.class)}>
|
|
39
|
-
{#if !hideLabel}
|
|
40
|
-
<h3 class="text-base font-semibold">{steps[currentStep - 1]}</h3>
|
|
41
|
-
{/if}
|
|
42
|
-
<div class={twJoin('flex justify-between gap-2 w-full', size)}>
|
|
43
|
-
{#each steps as step, i}
|
|
44
|
-
{#if i === currentStep - 1}
|
|
45
|
-
<div class="relative w-full h-full">
|
|
46
|
-
<div class={twJoin('relative w-full h-full rounded-sm', currentStepColors[color])}></div>
|
|
47
|
-
{#if glow}
|
|
48
|
-
<div class={twJoin('absolute -inset-1 rounded-sm blur opacity-30 dark:opacity-25', currentStepColors[color])}></div>
|
|
49
|
-
{/if}
|
|
50
|
-
</div>
|
|
51
|
-
{:else if i < currentStep - 1}
|
|
52
|
-
<div class={twJoin('w-full h-full rounded-sm', completedStepColors[color])}></div>
|
|
53
|
-
{:else}
|
|
54
|
-
<div class="w-full h-full rounded-sm bg-gray-200 dark:bg-gray-700"></div>
|
|
55
|
-
{/if}
|
|
56
|
-
{/each}
|
|
57
|
-
</div>
|
|
58
|
-
</div>
|
|
59
|
-
|
|
60
|
-
<!--
|
|
61
|
-
@component
|
|
62
|
-
[Go to docs](https://flowbite-svelte.com/)
|
|
63
|
-
## Props
|
|
64
|
-
@prop export let steps: $$Props['steps'] = ['Step 1', 'Step 2', 'Step 3', 'Step 4', 'Step 5'];
|
|
65
|
-
@prop export let currentStep: $$Props['currentStep'] = 1;
|
|
66
|
-
@prop export let size: $$Props['size'] = 'h-2.5';
|
|
67
|
-
@prop export let color: $$Props['color'] = 'primary';
|
|
68
|
-
@prop export let glow: $$Props['glow'] = false;
|
|
69
|
-
@prop export let hideLabel: $$Props['hideLabel'] = false;
|
|
70
|
-
@prop export let completedCustom: $$Props['completedCustom'] = '';
|
|
71
|
-
@prop export let currentCustom: $$Props['currentCustom'] = '';
|
|
72
|
-
-->
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { SvelteComponentTyped } from "svelte";
|
|
2
|
-
import type { HTMLAttributes } from 'svelte/elements';
|
|
3
|
-
declare const __propDef: {
|
|
4
|
-
props: HTMLAttributes<HTMLElement> & {
|
|
5
|
-
steps: string[];
|
|
6
|
-
currentStep: number;
|
|
7
|
-
size: string;
|
|
8
|
-
color: "primary" | "secondary" | "gray" | "red" | "yellow" | "green" | "indigo" | "purple" | "pink" | "blue" | "custom";
|
|
9
|
-
glow: boolean;
|
|
10
|
-
hideLabel: boolean;
|
|
11
|
-
completedCustom: string;
|
|
12
|
-
currentCustom: string;
|
|
13
|
-
};
|
|
14
|
-
events: {
|
|
15
|
-
[evt: string]: CustomEvent<any>;
|
|
16
|
-
};
|
|
17
|
-
slots: {};
|
|
18
|
-
};
|
|
19
|
-
export type StepIndicatorProps = typeof __propDef.props;
|
|
20
|
-
export type StepIndicatorEvents = typeof __propDef.events;
|
|
21
|
-
export type StepIndicatorSlots = typeof __propDef.slots;
|
|
22
|
-
/**
|
|
23
|
-
* [Go to docs](https://flowbite-svelte.com/)
|
|
24
|
-
* ## Props
|
|
25
|
-
* @prop export let steps: $$Props['steps'] = ['Step 1', 'Step 2', 'Step 3', 'Step 4', 'Step 5'];
|
|
26
|
-
* @prop export let currentStep: $$Props['currentStep'] = 1;
|
|
27
|
-
* @prop export let size: $$Props['size'] = 'h-2.5';
|
|
28
|
-
* @prop export let color: $$Props['color'] = 'primary';
|
|
29
|
-
* @prop export let glow: $$Props['glow'] = false;
|
|
30
|
-
* @prop export let hideLabel: $$Props['hideLabel'] = false;
|
|
31
|
-
* @prop export let completedCustom: $$Props['completedCustom'] = '';
|
|
32
|
-
* @prop export let currentCustom: $$Props['currentCustom'] = '';
|
|
33
|
-
*/
|
|
34
|
-
export default class StepIndicator extends SvelteComponentTyped<StepIndicatorProps, StepIndicatorEvents, StepIndicatorSlots> {
|
|
35
|
-
}
|
|
36
|
-
export {};
|
package/dist/typography/A.svelte
DELETED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
<script>import { twMerge } from "tailwind-merge";
|
|
2
|
-
export let action = () => {
|
|
3
|
-
};
|
|
4
|
-
export let params = {};
|
|
5
|
-
export let href = "#";
|
|
6
|
-
export let color = "text-primary-600 dark:text-primary-500";
|
|
7
|
-
export let aClass = "inline-flex items-center hover:underline";
|
|
8
|
-
</script>
|
|
9
|
-
|
|
10
|
-
<a {...$$restProps} {href} use:action={params} class={twMerge(aClass, color, $$props.class)} on:click>
|
|
11
|
-
<slot />
|
|
12
|
-
</a>
|
|
13
|
-
|
|
14
|
-
<!--
|
|
15
|
-
@component
|
|
16
|
-
[Go to docs](https://flowbite-svelte.com/)
|
|
17
|
-
## Props
|
|
18
|
-
@prop export let action: NonNullable<$$Props['action']> = () => {};
|
|
19
|
-
@prop export let params: $$Props['params'] = {};
|
|
20
|
-
@prop export let href: $$Props['href'] = '#';
|
|
21
|
-
@prop export let color: $$Props['color'] = 'text-primary-600 dark:text-primary-500';
|
|
22
|
-
@prop export let aClass: $$Props['aClass'] = 'inline-flex items-center hover:underline';
|
|
23
|
-
-->
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { SvelteComponentTyped } from "svelte";
|
|
2
|
-
import type { HTMLAnchorAttributes } from 'svelte/elements';
|
|
3
|
-
import type { Action } from 'svelte/action';
|
|
4
|
-
declare const __propDef: {
|
|
5
|
-
props: HTMLAnchorAttributes & {
|
|
6
|
-
action?: Action<HTMLElement, any>;
|
|
7
|
-
params?: any;
|
|
8
|
-
href?: string;
|
|
9
|
-
color?: string;
|
|
10
|
-
aClass?: string;
|
|
11
|
-
};
|
|
12
|
-
events: {
|
|
13
|
-
click: MouseEvent;
|
|
14
|
-
} & {
|
|
15
|
-
[evt: string]: CustomEvent<any>;
|
|
16
|
-
};
|
|
17
|
-
slots: {
|
|
18
|
-
default: {};
|
|
19
|
-
};
|
|
20
|
-
};
|
|
21
|
-
export type AProps = typeof __propDef.props;
|
|
22
|
-
export type AEvents = typeof __propDef.events;
|
|
23
|
-
export type ASlots = typeof __propDef.slots;
|
|
24
|
-
/**
|
|
25
|
-
* [Go to docs](https://flowbite-svelte.com/)
|
|
26
|
-
* ## Props
|
|
27
|
-
* @prop export let action: NonNullable<$$Props['action']> = () => {};
|
|
28
|
-
* @prop export let params: $$Props['params'] = {};
|
|
29
|
-
* @prop export let href: $$Props['href'] = '#';
|
|
30
|
-
* @prop export let color: $$Props['color'] = 'text-primary-600 dark:text-primary-500';
|
|
31
|
-
* @prop export let aClass: $$Props['aClass'] = 'inline-flex items-center hover:underline';
|
|
32
|
-
*/
|
|
33
|
-
export default class A extends SvelteComponentTyped<AProps, AEvents, ASlots> {
|
|
34
|
-
}
|
|
35
|
-
export {};
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
<script>import { twMerge } from "tailwind-merge";
|
|
2
|
-
export let border = false;
|
|
3
|
-
export let italic = true;
|
|
4
|
-
export let borderClass = "border-s-4 border-gray-300 dark:border-gray-500";
|
|
5
|
-
export let bgClass = "bg-gray-50 dark:bg-gray-800";
|
|
6
|
-
export let bg = false;
|
|
7
|
-
export let baseClass = "font-semibold text-gray-900 dark:text-white";
|
|
8
|
-
export let alignment = "left";
|
|
9
|
-
export let size = "lg";
|
|
10
|
-
let alignmentClasses = {
|
|
11
|
-
left: "text-left",
|
|
12
|
-
center: "text-center",
|
|
13
|
-
right: "text-right"
|
|
14
|
-
};
|
|
15
|
-
const sizes = {
|
|
16
|
-
xs: "text-xs",
|
|
17
|
-
sm: "text-sm",
|
|
18
|
-
base: "text-base",
|
|
19
|
-
lg: "text-lg",
|
|
20
|
-
xl: "text-xl",
|
|
21
|
-
"2xl": "text-2xl",
|
|
22
|
-
"3xl": "text-3xl",
|
|
23
|
-
"4xl": "text-4xl",
|
|
24
|
-
"5xl": "text-5xl",
|
|
25
|
-
"6xl": "text-6xl",
|
|
26
|
-
"7xl": "text-7xl",
|
|
27
|
-
"8xl": "text-8xl",
|
|
28
|
-
"9xl": "text-9xl"
|
|
29
|
-
};
|
|
30
|
-
</script>
|
|
31
|
-
|
|
32
|
-
<blockquote {...$$restProps} class={twMerge(baseClass, alignmentClasses[alignment], sizes[size], bg && bgClass, border && borderClass, italic && 'italic', $$props.class)}>
|
|
33
|
-
<slot />
|
|
34
|
-
</blockquote>
|
|
35
|
-
|
|
36
|
-
<!--
|
|
37
|
-
@component
|
|
38
|
-
[Go to docs](https://flowbite-svelte.com/)
|
|
39
|
-
## Props
|
|
40
|
-
@prop export let border: $$Props['border'] = false;
|
|
41
|
-
@prop export let italic: $$Props['italic'] = true;
|
|
42
|
-
@prop export let borderClass: $$Props['borderClass'] = 'border-s-4 border-gray-300 dark:border-gray-500';
|
|
43
|
-
@prop export let bgClass: $$Props['bgClass'] = 'bg-gray-50 dark:bg-gray-800';
|
|
44
|
-
@prop export let bg: $$Props['bg'] = false;
|
|
45
|
-
@prop export let baseClass: $$Props['baseClass'] = 'font-semibold text-gray-900 dark:text-white';
|
|
46
|
-
@prop export let alignment: NonNullable<$$Props['alignment']> = 'left';
|
|
47
|
-
@prop export let size: NonNullable<$$Props['size']> = 'lg';
|
|
48
|
-
-->
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { SvelteComponentTyped } from "svelte";
|
|
2
|
-
import type { HTMLBlockquoteAttributes } from 'svelte/elements';
|
|
3
|
-
import type { BlockQuoteType } from '../types';
|
|
4
|
-
declare const __propDef: {
|
|
5
|
-
props: HTMLBlockquoteAttributes & {
|
|
6
|
-
border?: boolean;
|
|
7
|
-
italic?: boolean;
|
|
8
|
-
borderClass?: string;
|
|
9
|
-
bgClass?: string;
|
|
10
|
-
bg?: boolean;
|
|
11
|
-
baseClass?: string;
|
|
12
|
-
alignment?: "left" | "center" | "right";
|
|
13
|
-
size?: BlockQuoteType;
|
|
14
|
-
};
|
|
15
|
-
events: {
|
|
16
|
-
[evt: string]: CustomEvent<any>;
|
|
17
|
-
};
|
|
18
|
-
slots: {
|
|
19
|
-
default: {};
|
|
20
|
-
};
|
|
21
|
-
};
|
|
22
|
-
export type BlockquoteProps = typeof __propDef.props;
|
|
23
|
-
export type BlockquoteEvents = typeof __propDef.events;
|
|
24
|
-
export type BlockquoteSlots = typeof __propDef.slots;
|
|
25
|
-
/**
|
|
26
|
-
* [Go to docs](https://flowbite-svelte.com/)
|
|
27
|
-
* ## Props
|
|
28
|
-
* @prop export let border: $$Props['border'] = false;
|
|
29
|
-
* @prop export let italic: $$Props['italic'] = true;
|
|
30
|
-
* @prop export let borderClass: $$Props['borderClass'] = 'border-s-4 border-gray-300 dark:border-gray-500';
|
|
31
|
-
* @prop export let bgClass: $$Props['bgClass'] = 'bg-gray-50 dark:bg-gray-800';
|
|
32
|
-
* @prop export let bg: $$Props['bg'] = false;
|
|
33
|
-
* @prop export let baseClass: $$Props['baseClass'] = 'font-semibold text-gray-900 dark:text-white';
|
|
34
|
-
* @prop export let alignment: NonNullable<$$Props['alignment']> = 'left';
|
|
35
|
-
* @prop export let size: NonNullable<$$Props['size']> = 'lg';
|
|
36
|
-
*/
|
|
37
|
-
export default class Blockquote extends SvelteComponentTyped<BlockquoteProps, BlockquoteEvents, BlockquoteSlots> {
|
|
38
|
-
}
|
|
39
|
-
export {};
|