flowbite-svelte 1.19.1 → 1.20.0
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 +1 -1
- package/dist/accordion/Accordion.svelte.d.ts +1 -1
- package/dist/accordion/AccordionItem.svelte +16 -2
- package/dist/accordion/AccordionItem.svelte.d.ts +1 -1
- package/dist/alert/Alert.svelte +15 -2
- package/dist/alert/Alert.svelte.d.ts +1 -1
- package/dist/avatar/Avatar.svelte +1 -1
- package/dist/avatar/Avatar.svelte.d.ts +1 -1
- package/dist/badge/Badge.svelte +19 -2
- package/dist/badge/Badge.svelte.d.ts +1 -1
- package/dist/banner/Banner.svelte +17 -2
- package/dist/banner/Banner.svelte.d.ts +1 -1
- package/dist/bottom-navigation/BottomNav.svelte +1 -1
- package/dist/bottom-navigation/BottomNav.svelte.d.ts +1 -1
- package/dist/bottom-navigation/BottomNavHeader.svelte +1 -1
- package/dist/bottom-navigation/BottomNavHeader.svelte.d.ts +1 -1
- package/dist/bottom-navigation/BottomNavHeaderItem.svelte +1 -1
- package/dist/bottom-navigation/BottomNavHeaderItem.svelte.d.ts +1 -1
- package/dist/bottom-navigation/BottomNavItem.svelte +8 -2
- package/dist/bottom-navigation/BottomNavItem.svelte.d.ts +1 -1
- package/dist/breadcrumb/Breadcrumb.svelte +1 -1
- package/dist/breadcrumb/Breadcrumb.svelte.d.ts +1 -1
- package/dist/breadcrumb/BreadcrumbItem.svelte +4 -2
- package/dist/breadcrumb/BreadcrumbItem.svelte.d.ts +1 -1
- package/dist/button-group/ButtonGroup.svelte +1 -1
- package/dist/button-group/ButtonGroup.svelte.d.ts +1 -1
- package/dist/buttons/Button.svelte +1 -1
- package/dist/buttons/Button.svelte.d.ts +1 -1
- package/dist/buttons/GradientButton.svelte +1 -1
- package/dist/buttons/GradientButton.svelte.d.ts +1 -1
- package/dist/card/Card.svelte +1 -1
- package/dist/card/Card.svelte.d.ts +1 -1
- package/dist/carousel/Carousel.svelte +34 -3
- package/dist/carousel/Carousel.svelte.d.ts +1 -1
- package/dist/carousel/CarouselIndicators.svelte +1 -1
- package/dist/carousel/CarouselIndicators.svelte.d.ts +1 -1
- package/dist/carousel/ControlButton.svelte +1 -1
- package/dist/carousel/ControlButton.svelte.d.ts +1 -1
- package/dist/carousel/Controls.svelte +1 -1
- package/dist/carousel/Controls.svelte.d.ts +1 -1
- package/dist/carousel/Slide.svelte +1 -1
- package/dist/carousel/Slide.svelte.d.ts +1 -1
- package/dist/carousel/Thumbnail.svelte +1 -1
- package/dist/carousel/Thumbnail.svelte.d.ts +1 -1
- package/dist/carousel/Thumbnails.svelte +1 -1
- package/dist/carousel/Thumbnails.svelte.d.ts +1 -1
- package/dist/clipboard/Clipboard.svelte +1 -1
- package/dist/clipboard/Clipboard.svelte.d.ts +1 -1
- package/dist/darkmode/DarkMode.svelte +1 -1
- package/dist/darkmode/DarkMode.svelte.d.ts +1 -1
- package/dist/datepicker/Datepicker.svelte +69 -6
- package/dist/device-mockups/Android.svelte +6 -2
- package/dist/device-mockups/Android.svelte.d.ts +1 -1
- package/dist/device-mockups/DefaultMockup.svelte +6 -2
- package/dist/device-mockups/DefaultMockup.svelte.d.ts +1 -1
- package/dist/device-mockups/Desktop.svelte +1 -1
- package/dist/device-mockups/Desktop.svelte.d.ts +1 -1
- package/dist/device-mockups/DeviceMockup.svelte +1 -1
- package/dist/device-mockups/DeviceMockup.svelte.d.ts +1 -1
- package/dist/device-mockups/Ios.svelte +6 -2
- package/dist/device-mockups/Ios.svelte.d.ts +1 -1
- package/dist/device-mockups/Laptop.svelte +6 -2
- package/dist/device-mockups/Laptop.svelte.d.ts +1 -1
- package/dist/device-mockups/Smartwatch.svelte +6 -2
- package/dist/device-mockups/Smartwatch.svelte.d.ts +1 -1
- package/dist/device-mockups/Tablet.svelte +6 -2
- package/dist/device-mockups/Tablet.svelte.d.ts +1 -1
- package/dist/dialog/Dialog.svelte +34 -3
- package/dist/dialog/Dialog.svelte.d.ts +1 -1
- package/dist/drawer/Drawer.svelte +30 -3
- package/dist/drawer/Drawer.svelte.d.ts +1 -1
- package/dist/drawer/DrawerHandle.svelte +1 -1
- package/dist/drawer/DrawerHandle.svelte.d.ts +1 -1
- package/dist/drawer/Drawerhead.svelte +1 -1
- package/dist/drawer/Drawerhead.svelte.d.ts +1 -1
- package/dist/dropdown/Dropdown.svelte +1 -1
- package/dist/dropdown/Dropdown.svelte.d.ts +1 -1
- package/dist/dropdown/DropdownDivider.svelte +1 -1
- package/dist/dropdown/DropdownDivider.svelte.d.ts +1 -1
- package/dist/dropdown/DropdownGroup.svelte +1 -1
- package/dist/dropdown/DropdownGroup.svelte.d.ts +1 -1
- package/dist/dropdown/DropdownHeader.svelte +1 -1
- package/dist/dropdown/DropdownHeader.svelte.d.ts +1 -1
- package/dist/dropdown/DropdownItem.svelte +1 -1
- package/dist/dropdown/DropdownItem.svelte.d.ts +1 -1
- package/dist/footer/Footer.svelte +1 -1
- package/dist/footer/Footer.svelte.d.ts +1 -1
- package/dist/footer/FooterBrand.svelte +1 -1
- package/dist/footer/FooterBrand.svelte.d.ts +1 -1
- package/dist/footer/FooterCopyright.svelte +1 -1
- package/dist/footer/FooterCopyright.svelte.d.ts +1 -1
- package/dist/footer/FooterIcon.svelte +1 -1
- package/dist/footer/FooterIcon.svelte.d.ts +1 -1
- package/dist/footer/FooterLink.svelte +1 -1
- package/dist/footer/FooterLink.svelte.d.ts +1 -1
- package/dist/footer/FooterLinkGroup.svelte +1 -1
- package/dist/footer/FooterLinkGroup.svelte.d.ts +1 -1
- package/dist/forms/button-toggle/ButtonToggle.svelte +10 -2
- package/dist/forms/button-toggle/ButtonToggle.svelte.d.ts +1 -1
- package/dist/forms/button-toggle/ButtonToggleGroup.svelte +14 -1
- package/dist/forms/button-toggle/CheckIcon.svelte +14 -2
- package/dist/forms/button-toggle/CheckIcon.svelte.d.ts +1 -1
- package/dist/forms/checkbox/Checkbox.svelte +18 -1
- package/dist/forms/checkbox/CheckboxButton.svelte +1 -1
- package/dist/forms/checkbox/CheckboxButton.svelte.d.ts +1 -1
- package/dist/forms/dropzone/Dropzone.svelte +1 -1
- package/dist/forms/dropzone/Dropzone.svelte.d.ts +1 -1
- package/dist/forms/fileupload/Fileupload.svelte +15 -2
- package/dist/forms/fileupload/Fileupload.svelte.d.ts +1 -1
- package/dist/forms/floating-label/FloatingLabelInput.svelte +49 -6
- package/dist/forms/floating-label/FloatingLabelInput.svelte.d.ts +1 -1
- package/dist/forms/helper/Helper.svelte +1 -1
- package/dist/forms/helper/Helper.svelte.d.ts +1 -1
- package/dist/forms/input-addon/InputAddon.svelte +13 -2
- package/dist/forms/input-addon/InputAddon.svelte.d.ts +1 -1
- package/dist/forms/input-field/Input.svelte +55 -4
- package/dist/forms/label/Label.svelte +1 -1
- package/dist/forms/label/Label.svelte.d.ts +1 -1
- package/dist/forms/phoneinput/PhoneInput.svelte +14 -2
- package/dist/forms/radio/Radio.svelte +14 -1
- package/dist/forms/range/Range.svelte +1 -1
- package/dist/forms/range/Range.svelte.d.ts +1 -1
- package/dist/forms/search/Search.svelte +17 -2
- package/dist/forms/search/Search.svelte.d.ts +1 -1
- package/dist/forms/select/MultiSelect.svelte +10 -1
- package/dist/forms/select/Select.svelte +20 -1
- package/dist/forms/tags/Tags.svelte +30 -2
- package/dist/forms/textarea/Textarea.svelte +28 -3
- package/dist/forms/textarea/Textarea.svelte.d.ts +1 -1
- package/dist/forms/textarea/theme.js +3 -1
- package/dist/forms/timepicker/Timepicker.svelte +144 -11
- package/dist/forms/timepicker/Timepicker.svelte.d.ts +1 -1
- package/dist/forms/toggle/Toggle.svelte +1 -1
- package/dist/forms/toggle/Toggle.svelte.d.ts +1 -1
- package/dist/gallery/Gallery.svelte +1 -1
- package/dist/gallery/Gallery.svelte.d.ts +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/indicator/Indicator.svelte +1 -1
- package/dist/indicator/Indicator.svelte.d.ts +1 -1
- package/dist/kanban/KanbanBoard.svelte +98 -0
- package/dist/kanban/KanbanBoard.svelte.d.ts +4 -0
- package/dist/kanban/KanbanCard.svelte +58 -0
- package/dist/kanban/KanbanCard.svelte.d.ts +16 -0
- package/dist/kanban/index.d.ts +3 -0
- package/dist/kanban/index.js +3 -0
- package/dist/kanban/theme.d.ts +108 -0
- package/dist/kanban/theme.js +43 -0
- package/dist/kbd/Kbd.svelte +1 -1
- package/dist/kbd/Kbd.svelte.d.ts +1 -1
- package/dist/list-group/Listgroup.svelte +1 -1
- package/dist/list-group/Listgroup.svelte.d.ts +1 -1
- package/dist/list-group/ListgroupItem.svelte +1 -1
- package/dist/list-group/ListgroupItem.svelte.d.ts +1 -1
- package/dist/mega-menu/MegaMenu.svelte +1 -1
- package/dist/mega-menu/MegaMenu.svelte.d.ts +1 -1
- package/dist/modal/Modal.svelte +31 -3
- package/dist/modal/Modal.svelte.d.ts +1 -1
- package/dist/navbar/Menu.svelte +1 -1
- package/dist/navbar/Menu.svelte.d.ts +1 -1
- package/dist/navbar/NavBrand.svelte +1 -1
- package/dist/navbar/NavBrand.svelte.d.ts +1 -1
- package/dist/navbar/NavContainer.svelte +1 -1
- package/dist/navbar/NavContainer.svelte.d.ts +1 -1
- package/dist/navbar/NavHamburger.svelte +1 -1
- package/dist/navbar/NavHamburger.svelte.d.ts +1 -1
- package/dist/navbar/NavLi.svelte +4 -2
- package/dist/navbar/NavLi.svelte.d.ts +1 -1
- package/dist/navbar/NavUl.svelte +15 -2
- package/dist/navbar/NavUl.svelte.d.ts +1 -1
- package/dist/navbar/Navbar.svelte +1 -1
- package/dist/navbar/Navbar.svelte.d.ts +1 -1
- package/dist/pagination/Pagination.svelte +1 -1
- package/dist/pagination/Pagination.svelte.d.ts +1 -1
- package/dist/pagination/PaginationButton.svelte +1 -1
- package/dist/pagination/PaginationButton.svelte.d.ts +1 -1
- package/dist/pagination/PaginationItem.svelte +1 -1
- package/dist/pagination/PaginationItem.svelte.d.ts +1 -1
- package/dist/pagination/PaginationNav.svelte +1 -1
- package/dist/pagination/PaginationNav.svelte.d.ts +1 -1
- package/dist/pagination/theme.js +4 -1
- package/dist/popover/Popover.svelte +14 -2
- package/dist/popover/Popover.svelte.d.ts +1 -1
- package/dist/progress/Progressbar.svelte +15 -2
- package/dist/progress/Progressbar.svelte.d.ts +1 -1
- package/dist/progress/Progressradial.svelte +29 -3
- package/dist/progress/Progressradial.svelte.d.ts +1 -1
- package/dist/rating/AdvancedRating.svelte +6 -2
- package/dist/rating/AdvancedRating.svelte.d.ts +1 -1
- package/dist/rating/CustomIcon.svelte +14 -2
- package/dist/rating/CustomIcon.svelte.d.ts +1 -1
- package/dist/rating/Heart.svelte +20 -3
- package/dist/rating/Heart.svelte.d.ts +1 -1
- package/dist/rating/Rating.svelte +1 -1
- package/dist/rating/Rating.svelte.d.ts +1 -1
- package/dist/rating/RatingComment.svelte +1 -1
- package/dist/rating/RatingComment.svelte.d.ts +1 -1
- package/dist/rating/Review.svelte +6 -2
- package/dist/rating/Review.svelte.d.ts +1 -1
- package/dist/rating/ScoreRating.svelte +1 -1
- package/dist/rating/ScoreRating.svelte.d.ts +1 -1
- package/dist/rating/Star.svelte +13 -2
- package/dist/rating/Star.svelte.d.ts +1 -1
- package/dist/rating/Thumbup.svelte +20 -3
- package/dist/rating/Thumbup.svelte.d.ts +1 -1
- package/dist/sidebar/Sidebar.svelte +31 -3
- package/dist/sidebar/Sidebar.svelte.d.ts +1 -1
- package/dist/sidebar/SidebarBrand.svelte +1 -1
- package/dist/sidebar/SidebarBrand.svelte.d.ts +1 -1
- package/dist/sidebar/SidebarButton.svelte +6 -2
- package/dist/sidebar/SidebarButton.svelte.d.ts +1 -1
- package/dist/sidebar/SidebarCta.svelte +1 -1
- package/dist/sidebar/SidebarCta.svelte.d.ts +1 -1
- package/dist/sidebar/SidebarDropdownWrapper.svelte +19 -2
- package/dist/sidebar/SidebarDropdownWrapper.svelte.d.ts +1 -1
- package/dist/sidebar/SidebarGroup.svelte +1 -1
- package/dist/sidebar/SidebarGroup.svelte.d.ts +1 -1
- package/dist/sidebar/SidebarItem.svelte +1 -1
- package/dist/sidebar/SidebarItem.svelte.d.ts +1 -1
- package/dist/skeleton/CardPlaceholder.svelte +9 -3
- package/dist/skeleton/CardPlaceholder.svelte.d.ts +1 -1
- package/dist/skeleton/ImagePlaceholder.svelte +4 -2
- package/dist/skeleton/ImagePlaceholder.svelte.d.ts +1 -1
- package/dist/skeleton/ListPlaceholder.svelte +1 -1
- package/dist/skeleton/ListPlaceholder.svelte.d.ts +1 -1
- package/dist/skeleton/Skeleton.svelte +1 -1
- package/dist/skeleton/Skeleton.svelte.d.ts +1 -1
- package/dist/skeleton/TestimonialPlaceholder.svelte +6 -2
- package/dist/skeleton/TestimonialPlaceholder.svelte.d.ts +1 -1
- package/dist/skeleton/TextPlaceholder.svelte +1 -1
- package/dist/skeleton/TextPlaceholder.svelte.d.ts +1 -1
- package/dist/skeleton/VideoPlaceholder.svelte +4 -2
- package/dist/skeleton/VideoPlaceholder.svelte.d.ts +1 -1
- package/dist/skeleton/WidgetPlaceholder.svelte +1 -1
- package/dist/skeleton/WidgetPlaceholder.svelte.d.ts +1 -1
- package/dist/speed-dial/SpeedDial.svelte +14 -2
- package/dist/speed-dial/SpeedDial.svelte.d.ts +1 -1
- package/dist/speed-dial/SpeedDialButton.svelte +13 -2
- package/dist/speed-dial/SpeedDialButton.svelte.d.ts +1 -1
- package/dist/speed-dial/SpeedDialTrigger.svelte +1 -1
- package/dist/speed-dial/SpeedDialTrigger.svelte.d.ts +1 -1
- package/dist/spinner/Spinner.svelte +9 -3
- package/dist/spinner/Spinner.svelte.d.ts +1 -1
- package/dist/step-indicator/StepIndicator.svelte +14 -2
- package/dist/step-indicator/StepIndicator.svelte.d.ts +1 -1
- package/dist/stepper/BreadcrumbStepper.svelte +1 -1
- package/dist/stepper/BreadcrumbStepper.svelte.d.ts +1 -1
- package/dist/stepper/DetailedStepper.svelte +1 -1
- package/dist/stepper/DetailedStepper.svelte.d.ts +1 -1
- package/dist/stepper/ProgressStepper.svelte +4 -2
- package/dist/stepper/ProgressStepper.svelte.d.ts +1 -1
- package/dist/stepper/Stepper.svelte +1 -1
- package/dist/stepper/Stepper.svelte.d.ts +1 -1
- package/dist/stepper/TimelineStepper.svelte +4 -2
- package/dist/stepper/TimelineStepper.svelte.d.ts +1 -1
- package/dist/stepper/VerticalStepper.svelte +1 -1
- package/dist/stepper/VerticalStepper.svelte.d.ts +1 -1
- package/dist/table/Table.svelte +1 -1
- package/dist/table/Table.svelte.d.ts +1 -1
- package/dist/table/TableBody.svelte +1 -1
- package/dist/table/TableBody.svelte.d.ts +1 -1
- package/dist/table/TableBodyCell.svelte +1 -1
- package/dist/table/TableBodyCell.svelte.d.ts +1 -1
- package/dist/table/TableBodyRow.svelte +1 -1
- package/dist/table/TableBodyRow.svelte.d.ts +1 -1
- package/dist/table/TableHead.svelte +1 -1
- package/dist/table/TableHead.svelte.d.ts +1 -1
- package/dist/table/TableHeadCell.svelte +1 -1
- package/dist/table/TableHeadCell.svelte.d.ts +1 -1
- package/dist/table/TableSearch.svelte +27 -3
- package/dist/table/TableSearch.svelte.d.ts +1 -1
- package/dist/tabs/TabItem.svelte +1 -1
- package/dist/tabs/TabItem.svelte.d.ts +1 -1
- package/dist/tabs/Tabs.svelte +1 -1
- package/dist/tabs/Tabs.svelte.d.ts +1 -1
- package/dist/theme/themeUtils.js +3 -1
- package/dist/theme/themes.d.ts +1 -0
- package/dist/theme/themes.js +1 -0
- package/dist/timeline/Activity.svelte +1 -1
- package/dist/timeline/Activity.svelte.d.ts +1 -1
- package/dist/timeline/ActivityItem.svelte +1 -1
- package/dist/timeline/ActivityItem.svelte.d.ts +1 -1
- package/dist/timeline/Group.svelte +1 -1
- package/dist/timeline/Group.svelte.d.ts +1 -1
- package/dist/timeline/GroupItem.svelte +11 -3
- package/dist/timeline/GroupItem.svelte.d.ts +1 -1
- package/dist/timeline/Timeline.svelte +1 -1
- package/dist/timeline/Timeline.svelte.d.ts +1 -1
- package/dist/timeline/TimelineItem.svelte +25 -3
- package/dist/timeline/TimelineItem.svelte.d.ts +1 -1
- package/dist/toast/Toast.svelte +17 -2
- package/dist/toast/Toast.svelte.d.ts +1 -1
- package/dist/toolbar/Toolbar.svelte +1 -1
- package/dist/toolbar/Toolbar.svelte.d.ts +1 -1
- package/dist/toolbar/ToolbarButton.svelte +1 -1
- package/dist/toolbar/ToolbarButton.svelte.d.ts +1 -1
- package/dist/toolbar/ToolbarGroup.svelte +1 -1
- package/dist/toolbar/ToolbarGroup.svelte.d.ts +1 -1
- package/dist/tooltip/Tooltip.svelte +13 -2
- package/dist/tooltip/Tooltip.svelte.d.ts +1 -1
- package/dist/types.d.ts +26 -0
- package/dist/typography/a/A.svelte +1 -1
- package/dist/typography/a/A.svelte.d.ts +1 -1
- package/dist/typography/blockquote/Blockquote.svelte +1 -1
- package/dist/typography/blockquote/Blockquote.svelte.d.ts +1 -1
- package/dist/typography/descriptionlist/DescriptionList.svelte +1 -1
- package/dist/typography/descriptionlist/DescriptionList.svelte.d.ts +1 -1
- package/dist/typography/heading/Heading.svelte +1 -1
- package/dist/typography/heading/Heading.svelte.d.ts +1 -1
- package/dist/typography/img/EnhancedImg.svelte +1 -1
- package/dist/typography/img/EnhancedImg.svelte.d.ts +1 -1
- package/dist/typography/img/Img.svelte +1 -1
- package/dist/typography/img/Img.svelte.d.ts +1 -1
- package/dist/typography/layout/Layout.svelte +1 -1
- package/dist/typography/layout/Layout.svelte.d.ts +1 -1
- package/dist/typography/list/Li.svelte +1 -1
- package/dist/typography/list/Li.svelte.d.ts +1 -1
- package/dist/typography/list/List.svelte +1 -1
- package/dist/typography/list/List.svelte.d.ts +1 -1
- package/dist/typography/mark/Mark.svelte +1 -1
- package/dist/typography/mark/Mark.svelte.d.ts +1 -1
- package/dist/typography/paragraph/P.svelte +15 -2
- package/dist/typography/paragraph/P.svelte.d.ts +1 -1
- package/dist/typography/secondary/Secondary.svelte +1 -1
- package/dist/typography/secondary/Secondary.svelte.d.ts +1 -1
- package/dist/typography/span/Span.svelte +1 -1
- package/dist/typography/span/Span.svelte.d.ts +1 -1
- package/dist/utils/Arrow.svelte +1 -1
- package/dist/utils/Arrow.svelte.d.ts +1 -1
- package/dist/utils/CloseButton.svelte +11 -3
- package/dist/utils/CloseButton.svelte.d.ts +1 -1
- package/dist/utils/Popper.svelte +39 -3
- package/dist/utils/Popper.svelte.d.ts +1 -1
- package/dist/video/Video.svelte +1 -1
- package/dist/video/Video.svelte.d.ts +1 -1
- package/dist/virtuallist/VirtualList.svelte +9 -2
- package/dist/virtuallist/VirtualList.svelte.d.ts +1 -1
- package/package.json +12 -4
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import clsx from "clsx";
|
|
3
|
+
import type { KanbanCardProps } from "../types";
|
|
4
|
+
import { kanbanCard } from "./theme";
|
|
5
|
+
import { getTheme } from "../theme/themeUtils";
|
|
6
|
+
|
|
7
|
+
let { card, isDragging = false, onDragStart, onDragEnd, classes, ...restProps }: KanbanCardProps = $props();
|
|
8
|
+
|
|
9
|
+
const theme = getTheme("kanbanCard");
|
|
10
|
+
const styles = kanbanCard();
|
|
11
|
+
</script>
|
|
12
|
+
|
|
13
|
+
<!-- svelte-ignore a11y_no_noninteractive_tabindex -->
|
|
14
|
+
<article
|
|
15
|
+
role="listitem"
|
|
16
|
+
draggable="true"
|
|
17
|
+
{...restProps}
|
|
18
|
+
ondragstart={(ev) => onDragStart?.(card, ev)}
|
|
19
|
+
ondragend={(ev) => onDragEnd?.(ev)}
|
|
20
|
+
tabindex="0"
|
|
21
|
+
aria-grabbed={isDragging}
|
|
22
|
+
aria-label={card.title}
|
|
23
|
+
class={styles.card({ isDragging, class: clsx(theme?.card, classes?.card) })}
|
|
24
|
+
>
|
|
25
|
+
<p class={styles.cardTitle({ class: clsx(theme?.cardTitle, classes?.cardTitle) })}>
|
|
26
|
+
{card.title}
|
|
27
|
+
</p>
|
|
28
|
+
|
|
29
|
+
{#if card.description}
|
|
30
|
+
<p class={styles.cardDescription({ class: clsx(theme?.cardDescription, classes?.cardDescription) })}>
|
|
31
|
+
{card.description}
|
|
32
|
+
</p>
|
|
33
|
+
{/if}
|
|
34
|
+
|
|
35
|
+
{#if card.tags?.length}
|
|
36
|
+
<div class={styles.cardTags({ class: clsx(theme?.cardTags, classes?.cardTags) })}>
|
|
37
|
+
{#each card.tags as tag, i (i)}
|
|
38
|
+
<span class={styles.cardTag({ class: clsx(theme?.cardTag, classes?.cardTag) })}>
|
|
39
|
+
{tag}
|
|
40
|
+
</span>
|
|
41
|
+
{/each}
|
|
42
|
+
</div>
|
|
43
|
+
{/if}
|
|
44
|
+
</article>
|
|
45
|
+
|
|
46
|
+
<!--
|
|
47
|
+
@component
|
|
48
|
+
[Go to docs](https://flowbite-svelte.com/)
|
|
49
|
+
## Type
|
|
50
|
+
[KanbanCardProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2082)
|
|
51
|
+
## Props
|
|
52
|
+
@prop card
|
|
53
|
+
@prop isDragging = false
|
|
54
|
+
@prop onDragStart
|
|
55
|
+
@prop onDragEnd
|
|
56
|
+
@prop classes
|
|
57
|
+
@prop ...restProps
|
|
58
|
+
-->
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { KanbanCardProps } from "../types";
|
|
2
|
+
/**
|
|
3
|
+
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
|
+
* ## Type
|
|
5
|
+
* [KanbanCardProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2082)
|
|
6
|
+
* ## Props
|
|
7
|
+
* @prop card
|
|
8
|
+
* @prop isDragging = false
|
|
9
|
+
* @prop onDragStart
|
|
10
|
+
* @prop onDragEnd
|
|
11
|
+
* @prop classes
|
|
12
|
+
* @prop ...restProps
|
|
13
|
+
*/
|
|
14
|
+
declare const KanbanCard: import("svelte").Component<KanbanCardProps, {}, "">;
|
|
15
|
+
type KanbanCard = ReturnType<typeof KanbanCard>;
|
|
16
|
+
export default KanbanCard;
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
import { type VariantProps } from "tailwind-variants";
|
|
2
|
+
import type { Classes } from "../theme/themeUtils";
|
|
3
|
+
export type KanbanBoardVariants = VariantProps<typeof kanbanBoard> & Classes<typeof kanbanBoard>;
|
|
4
|
+
export type KanbanCardVariants = VariantProps<typeof kanbanCard> & Classes<typeof kanbanCard>;
|
|
5
|
+
export declare const kanbanBoard: import("tailwind-variants").TVReturnType<{
|
|
6
|
+
isDragOver: {
|
|
7
|
+
true: {
|
|
8
|
+
column: string;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
isDragging: {
|
|
12
|
+
true: {
|
|
13
|
+
card: string;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
}, {
|
|
17
|
+
container: string;
|
|
18
|
+
column: string;
|
|
19
|
+
columnTitle: string;
|
|
20
|
+
cardList: string;
|
|
21
|
+
card: string;
|
|
22
|
+
cardTitle: string;
|
|
23
|
+
cardDescription: string;
|
|
24
|
+
cardTags: string;
|
|
25
|
+
cardTag: string;
|
|
26
|
+
addButton: string;
|
|
27
|
+
}, undefined, {
|
|
28
|
+
isDragOver: {
|
|
29
|
+
true: {
|
|
30
|
+
column: string;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
isDragging: {
|
|
34
|
+
true: {
|
|
35
|
+
card: string;
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
}, {
|
|
39
|
+
container: string;
|
|
40
|
+
column: string;
|
|
41
|
+
columnTitle: string;
|
|
42
|
+
cardList: string;
|
|
43
|
+
card: string;
|
|
44
|
+
cardTitle: string;
|
|
45
|
+
cardDescription: string;
|
|
46
|
+
cardTags: string;
|
|
47
|
+
cardTag: string;
|
|
48
|
+
addButton: string;
|
|
49
|
+
}, import("tailwind-variants").TVReturnType<{
|
|
50
|
+
isDragOver: {
|
|
51
|
+
true: {
|
|
52
|
+
column: string;
|
|
53
|
+
};
|
|
54
|
+
};
|
|
55
|
+
isDragging: {
|
|
56
|
+
true: {
|
|
57
|
+
card: string;
|
|
58
|
+
};
|
|
59
|
+
};
|
|
60
|
+
}, {
|
|
61
|
+
container: string;
|
|
62
|
+
column: string;
|
|
63
|
+
columnTitle: string;
|
|
64
|
+
cardList: string;
|
|
65
|
+
card: string;
|
|
66
|
+
cardTitle: string;
|
|
67
|
+
cardDescription: string;
|
|
68
|
+
cardTags: string;
|
|
69
|
+
cardTag: string;
|
|
70
|
+
addButton: string;
|
|
71
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
72
|
+
export declare const kanbanCard: import("tailwind-variants").TVReturnType<{
|
|
73
|
+
isDragging: {
|
|
74
|
+
true: {
|
|
75
|
+
card: string;
|
|
76
|
+
};
|
|
77
|
+
};
|
|
78
|
+
}, {
|
|
79
|
+
card: string;
|
|
80
|
+
cardTitle: string;
|
|
81
|
+
cardDescription: string;
|
|
82
|
+
cardTags: string;
|
|
83
|
+
cardTag: string;
|
|
84
|
+
}, undefined, {
|
|
85
|
+
isDragging: {
|
|
86
|
+
true: {
|
|
87
|
+
card: string;
|
|
88
|
+
};
|
|
89
|
+
};
|
|
90
|
+
}, {
|
|
91
|
+
card: string;
|
|
92
|
+
cardTitle: string;
|
|
93
|
+
cardDescription: string;
|
|
94
|
+
cardTags: string;
|
|
95
|
+
cardTag: string;
|
|
96
|
+
}, import("tailwind-variants").TVReturnType<{
|
|
97
|
+
isDragging: {
|
|
98
|
+
true: {
|
|
99
|
+
card: string;
|
|
100
|
+
};
|
|
101
|
+
};
|
|
102
|
+
}, {
|
|
103
|
+
card: string;
|
|
104
|
+
cardTitle: string;
|
|
105
|
+
cardDescription: string;
|
|
106
|
+
cardTags: string;
|
|
107
|
+
cardTag: string;
|
|
108
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { tv } from "tailwind-variants";
|
|
2
|
+
export const kanbanBoard = tv({
|
|
3
|
+
slots: {
|
|
4
|
+
container: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-3 md:gap-4 p-2 md:p-4",
|
|
5
|
+
column: "w-full rounded-xl shadow-sm p-3 md:p-4 flex flex-col bg-surface-elevated text-surface-foreground transition-colors",
|
|
6
|
+
columnTitle: "text-sm md:text-base font-semibold mb-2 md:mb-3",
|
|
7
|
+
cardList: "flex flex-col gap-2 flex-1 min-h-[60px]",
|
|
8
|
+
card: "bg-surface text-surface-foreground rounded-lg p-2.5 md:p-3 shadow-sm cursor-grab active:cursor-grabbing transition-all hover:bg-surface-hover hover:shadow-md",
|
|
9
|
+
cardTitle: "font-medium text-sm md:text-base",
|
|
10
|
+
cardDescription: "text-xs md:text-sm text-muted mt-1",
|
|
11
|
+
cardTags: "flex flex-wrap gap-1 mt-2",
|
|
12
|
+
cardTag: "text-[10px] md:text-xs bg-primary/10 text-primary px-1.5 md:px-2 py-0.5 rounded-full",
|
|
13
|
+
addButton: "mt-2 md:mt-3 w-full bg-primary text-primary-foreground rounded-lg py-1.5 text-xs md:text-sm font-medium hover:bg-primary/90 transition-colors focus:ring-2 focus:ring-primary focus:ring-offset-2"
|
|
14
|
+
},
|
|
15
|
+
variants: {
|
|
16
|
+
isDragOver: {
|
|
17
|
+
true: {
|
|
18
|
+
column: "ring-2 ring-primary"
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
isDragging: {
|
|
22
|
+
true: {
|
|
23
|
+
card: "opacity-50"
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
export const kanbanCard = tv({
|
|
29
|
+
slots: {
|
|
30
|
+
card: "bg-surface text-surface-foreground rounded-lg p-2.5 md:p-3 shadow-sm cursor-grab active:cursor-grabbing transition-all hover:bg-surface-hover hover:shadow-md",
|
|
31
|
+
cardTitle: "font-medium text-sm md:text-base",
|
|
32
|
+
cardDescription: "text-xs md:text-sm text-muted mt-1",
|
|
33
|
+
cardTags: "flex flex-wrap gap-1 mt-2",
|
|
34
|
+
cardTag: "text-[10px] md:text-xs bg-primary/10 text-primary px-1.5 md:px-2 py-0.5 rounded-full"
|
|
35
|
+
},
|
|
36
|
+
variants: {
|
|
37
|
+
isDragging: {
|
|
38
|
+
true: {
|
|
39
|
+
card: "opacity-50"
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
});
|
package/dist/kbd/Kbd.svelte
CHANGED
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
@component
|
|
20
20
|
[Go to docs](https://flowbite-svelte.com/)
|
|
21
21
|
## Type
|
|
22
|
-
[KbdProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
22
|
+
[KbdProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1009)
|
|
23
23
|
## Props
|
|
24
24
|
@prop children
|
|
25
25
|
@prop class: className
|
package/dist/kbd/Kbd.svelte.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import type { KbdProps } from "..";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [KbdProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [KbdProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1009)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop class: className
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
@component
|
|
48
48
|
[Go to docs](https://flowbite-svelte.com/)
|
|
49
49
|
## Type
|
|
50
|
-
[ListgroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
50
|
+
[ListgroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1028)
|
|
51
51
|
## Props
|
|
52
52
|
@prop children
|
|
53
53
|
@prop items
|
|
@@ -2,7 +2,7 @@ import type { ListgroupProps } from "..";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [ListgroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [ListgroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1028)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop items
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
@component
|
|
46
46
|
[Go to docs](https://flowbite-svelte.com/)
|
|
47
47
|
## Type
|
|
48
|
-
[ListgroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
48
|
+
[ListgroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1039)
|
|
49
49
|
## Props
|
|
50
50
|
@prop children
|
|
51
51
|
@prop active
|
|
@@ -2,7 +2,7 @@ import type { ListgroupItemProps } from "..";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [ListgroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [ListgroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1039)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop active
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
@component
|
|
34
34
|
[Go to docs](https://flowbite-svelte.com/)
|
|
35
35
|
## Type
|
|
36
|
-
[MegaMenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
36
|
+
[MegaMenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1050)
|
|
37
37
|
## Props
|
|
38
38
|
@prop children
|
|
39
39
|
@prop extra
|
|
@@ -2,7 +2,7 @@ import type { MegaMenuProps } from "..";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [MegaMenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [MegaMenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1050)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop extra
|
package/dist/modal/Modal.svelte
CHANGED
|
@@ -8,7 +8,27 @@
|
|
|
8
8
|
import { fade } from "svelte/transition";
|
|
9
9
|
import { modal as modalStyle } from "./theme";
|
|
10
10
|
|
|
11
|
-
let {
|
|
11
|
+
let {
|
|
12
|
+
children,
|
|
13
|
+
header,
|
|
14
|
+
footer,
|
|
15
|
+
title,
|
|
16
|
+
open = $bindable(false),
|
|
17
|
+
permanent = false,
|
|
18
|
+
dismissable = true,
|
|
19
|
+
closeBtnClass,
|
|
20
|
+
headerClass,
|
|
21
|
+
bodyClass,
|
|
22
|
+
footerClass,
|
|
23
|
+
size = "md",
|
|
24
|
+
placement,
|
|
25
|
+
class: className,
|
|
26
|
+
classes,
|
|
27
|
+
transitionParams,
|
|
28
|
+
transition = fade,
|
|
29
|
+
fullscreen = false,
|
|
30
|
+
...restProps
|
|
31
|
+
}: ModalProps = $props();
|
|
12
32
|
|
|
13
33
|
// form, header, footer, body, close
|
|
14
34
|
warnThemeDeprecation("Modal", { headerClass, bodyClass, footerClass, closeBtnClass }, { bodyClass: "body", headerClass: "header", footerClass: "footer", closeBtnClass: "close" });
|
|
@@ -22,7 +42,15 @@
|
|
|
22
42
|
const { base, header: headerCls, footer: footerCls, body } = $derived(modalStyle({ placement, size }));
|
|
23
43
|
</script>
|
|
24
44
|
|
|
25
|
-
<Dialog
|
|
45
|
+
<Dialog
|
|
46
|
+
bind:open
|
|
47
|
+
{transition}
|
|
48
|
+
dismissable={dismissable && !title && !permanent}
|
|
49
|
+
transitionParams={paramsOptions}
|
|
50
|
+
{classes}
|
|
51
|
+
{...restProps}
|
|
52
|
+
class={base({ fullscreen, class: clsx(theme?.base, className) })}
|
|
53
|
+
>
|
|
26
54
|
{#if title || header}
|
|
27
55
|
<div class={headerCls({ class: clsx(theme?.header, styling.header) })}>
|
|
28
56
|
{#if title}
|
|
@@ -49,7 +77,7 @@
|
|
|
49
77
|
@component
|
|
50
78
|
[Go to docs](https://flowbite-svelte.com/)
|
|
51
79
|
## Type
|
|
52
|
-
[ModalProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
80
|
+
[ModalProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1061)
|
|
53
81
|
## Props
|
|
54
82
|
@prop children
|
|
55
83
|
@prop header
|
|
@@ -2,7 +2,7 @@ import type { ModalProps } from "..";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [ModalProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [ModalProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1061)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop header
|
package/dist/navbar/Menu.svelte
CHANGED
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
@component
|
|
34
34
|
[Go to docs](https://flowbite-svelte.com/)
|
|
35
35
|
## Type
|
|
36
|
-
[MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
36
|
+
[MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1072)
|
|
37
37
|
## Props
|
|
38
38
|
@prop size = "24"
|
|
39
39
|
@prop color = "currentColor"
|
|
@@ -2,7 +2,7 @@ import type { MenuProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1072)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop size = "24"
|
|
8
8
|
* @prop color = "currentColor"
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
@component
|
|
18
18
|
[Go to docs](https://flowbite-svelte.com/)
|
|
19
19
|
## Type
|
|
20
|
-
[NavBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
20
|
+
[NavBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1096)
|
|
21
21
|
## Props
|
|
22
22
|
@prop children
|
|
23
23
|
@prop class: className
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
3
3
|
* ## Type
|
|
4
|
-
* [NavBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
4
|
+
* [NavBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1096)
|
|
5
5
|
* ## Props
|
|
6
6
|
* @prop children
|
|
7
7
|
* @prop class: className
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
@component
|
|
18
18
|
[Go to docs](https://flowbite-svelte.com/)
|
|
19
19
|
## Type
|
|
20
|
-
[NavContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
20
|
+
[NavContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1098)
|
|
21
21
|
## Props
|
|
22
22
|
@prop children
|
|
23
23
|
@prop fluid
|
|
@@ -2,7 +2,7 @@ import type { NavContainerProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [NavContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [NavContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1098)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop fluid
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
@component
|
|
32
32
|
[Go to docs](https://flowbite-svelte.com/)
|
|
33
33
|
## Type
|
|
34
|
-
[NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
34
|
+
[NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1102)
|
|
35
35
|
## Props
|
|
36
36
|
@prop children
|
|
37
37
|
@prop onclick
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
3
3
|
* ## Type
|
|
4
|
-
* [NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
4
|
+
* [NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1102)
|
|
5
5
|
* ## Props
|
|
6
6
|
* @prop children
|
|
7
7
|
* @prop onclick
|
package/dist/navbar/NavLi.svelte
CHANGED
|
@@ -13,7 +13,9 @@
|
|
|
13
13
|
const theme = getTheme("navbarLi");
|
|
14
14
|
|
|
15
15
|
let active = $derived(navState.activeUrl ? restProps.href === navState.activeUrl : false);
|
|
16
|
-
let liClass = $derived(
|
|
16
|
+
let liClass = $derived(
|
|
17
|
+
navbarLi({ breakpoint: navBreakpoint, hidden: navState.hidden, class: clsx(active ? (activeClass ?? navState.activeClass) : (nonActiveClass ?? navState.nonActiveClass), theme, className) })
|
|
18
|
+
);
|
|
17
19
|
|
|
18
20
|
function handleClick(event: any) {
|
|
19
21
|
// Close the mobile menu when a link is clicked
|
|
@@ -44,7 +46,7 @@
|
|
|
44
46
|
@component
|
|
45
47
|
[Go to docs](https://flowbite-svelte.com/)
|
|
46
48
|
## Type
|
|
47
|
-
[NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
49
|
+
[NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1123)
|
|
48
50
|
## Props
|
|
49
51
|
@prop children
|
|
50
52
|
@prop onclick
|
|
@@ -2,7 +2,7 @@ import type { NavLiProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1123)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop onclick
|
package/dist/navbar/NavUl.svelte
CHANGED
|
@@ -11,7 +11,20 @@
|
|
|
11
11
|
let navState = getContext<NavbarState>("navState");
|
|
12
12
|
let navBreakpoint = getContext<NavbarBreakpoint>("breakpoint");
|
|
13
13
|
|
|
14
|
-
let {
|
|
14
|
+
let {
|
|
15
|
+
children,
|
|
16
|
+
activeUrl = $bindable(),
|
|
17
|
+
ulClass,
|
|
18
|
+
slideParams,
|
|
19
|
+
transition = slide,
|
|
20
|
+
transitionParams,
|
|
21
|
+
activeClass,
|
|
22
|
+
nonActiveClass,
|
|
23
|
+
respectMotionPreference = true,
|
|
24
|
+
class: clasName,
|
|
25
|
+
classes,
|
|
26
|
+
...restProps
|
|
27
|
+
}: NavUlProps = $props();
|
|
15
28
|
|
|
16
29
|
warnThemeDeprecation("NavUl", { ulClass, activeClass, nonActiveClass }, { ulClass: "ul", activeClass: "active", nonActiveClass: "nonActive" });
|
|
17
30
|
const styling = $derived(classes ?? { ul: ulClass, active: activeClass, nonActive: nonActiveClass });
|
|
@@ -71,7 +84,7 @@
|
|
|
71
84
|
@component
|
|
72
85
|
[Go to docs](https://flowbite-svelte.com/)
|
|
73
86
|
## Type
|
|
74
|
-
[NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
87
|
+
[NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1108)
|
|
75
88
|
## Props
|
|
76
89
|
@prop children
|
|
77
90
|
@prop activeUrl = $bindable()
|
|
@@ -2,7 +2,7 @@ import type { NavUlProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1108)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop activeUrl = $bindable()
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
@component
|
|
45
45
|
[Go to docs](https://flowbite-svelte.com/)
|
|
46
46
|
## Type
|
|
47
|
-
[NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
47
|
+
[NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1088)
|
|
48
48
|
## Props
|
|
49
49
|
@prop children
|
|
50
50
|
@prop fluid
|
|
@@ -2,7 +2,7 @@ import type { NavbarProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1088)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop fluid
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
@component
|
|
56
56
|
[Go to docs](https://flowbite-svelte.com/)
|
|
57
57
|
## Type
|
|
58
|
-
[PaginationProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
58
|
+
[PaginationProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1195)
|
|
59
59
|
## Props
|
|
60
60
|
@prop pages = []
|
|
61
61
|
@prop previous
|
|
@@ -2,7 +2,7 @@ import type { PaginationProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [PaginationProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [PaginationProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1195)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop pages = []
|
|
8
8
|
* @prop previous
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
@component
|
|
64
64
|
[Go to docs](https://flowbite-svelte.com/)
|
|
65
65
|
## Type
|
|
66
|
-
[PaginationButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
66
|
+
[PaginationButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1159)
|
|
67
67
|
## Props
|
|
68
68
|
@prop children
|
|
69
69
|
@prop size
|
|
@@ -2,7 +2,7 @@ import type { PaginationButtonProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [PaginationButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [PaginationButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1159)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop size
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
@component
|
|
33
33
|
[Go to docs](https://flowbite-svelte.com/)
|
|
34
34
|
## Type
|
|
35
|
-
[PaginationItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
35
|
+
[PaginationItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1191)
|
|
36
36
|
## Props
|
|
37
37
|
@prop children
|
|
38
38
|
@prop size
|
|
@@ -2,7 +2,7 @@ import type { PaginationItemProps } from "../types";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [PaginationItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [PaginationItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1191)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop children
|
|
8
8
|
* @prop size
|
|
@@ -109,7 +109,7 @@
|
|
|
109
109
|
@component
|
|
110
110
|
[Go to docs](https://flowbite-svelte.com/)
|
|
111
111
|
## Type
|
|
112
|
-
[PaginationNavProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
112
|
+
[PaginationNavProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1165)
|
|
113
113
|
## Props
|
|
114
114
|
@prop currentPage = 1
|
|
115
115
|
@prop totalPages = 1
|
|
@@ -2,7 +2,7 @@ import type { PaginationNavProps } from "..";
|
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
5
|
-
* [PaginationNavProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#
|
|
5
|
+
* [PaginationNavProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1165)
|
|
6
6
|
* ## Props
|
|
7
7
|
* @prop currentPage = 1
|
|
8
8
|
* @prop totalPages = 1
|