flowbite-svelte 1.14.3 → 1.14.5
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/AccordionItem.svelte +1 -1
- package/dist/alert/Alert.svelte +3 -2
- package/dist/avatar/Avatar.svelte +3 -2
- package/dist/badge/Badge.svelte +3 -2
- package/dist/banner/Banner.svelte +3 -2
- package/dist/bottom-navigation/BottomNav.svelte +3 -2
- package/dist/bottom-navigation/BottomNavHeader.svelte +1 -1
- package/dist/bottom-navigation/BottomNavHeaderItem.svelte +1 -1
- package/dist/bottom-navigation/BottomNavItem.svelte +1 -1
- package/dist/breadcrumb/Breadcrumb.svelte +1 -1
- package/dist/breadcrumb/BreadcrumbItem.svelte +1 -1
- package/dist/button-group/ButtonGroup.svelte +1 -1
- package/dist/buttons/Button.svelte +1 -1
- package/dist/buttons/GradientButton.svelte +3 -2
- package/dist/buttons/GradientButton.svelte.d.ts +1 -1
- package/dist/card/Card.svelte +1 -1
- package/dist/carousel/Carousel.svelte +2 -1
- package/dist/carousel/CarouselIndicators.svelte +2 -1
- package/dist/carousel/CarouselIndicators.svelte.d.ts +1 -1
- package/dist/carousel/Controls.svelte +2 -1
- package/dist/carousel/Controls.svelte.d.ts +1 -1
- package/dist/carousel/Thumbnails.svelte +2 -1
- package/dist/carousel/Thumbnails.svelte.d.ts +1 -1
- package/dist/darkmode/DarkMode.svelte +1 -1
- package/dist/datepicker/Datepicker.svelte +3 -1
- package/dist/datepicker/Datepicker.svelte.d.ts +2 -2
- package/dist/device-mockups/Android.svelte +1 -1
- package/dist/device-mockups/DefaultMockup.svelte +1 -1
- package/dist/device-mockups/Desktop.svelte +1 -1
- package/dist/device-mockups/Ios.svelte +2 -2
- package/dist/device-mockups/Ios.svelte.d.ts +1 -1
- package/dist/device-mockups/Laptop.svelte +1 -1
- package/dist/device-mockups/Smartwatch.svelte +1 -1
- package/dist/device-mockups/Tablet.svelte +2 -2
- package/dist/device-mockups/Tablet.svelte.d.ts +1 -1
- package/dist/dialog/Dialog.svelte +3 -1
- package/dist/dialog/Dialog.svelte.d.ts +1 -1
- package/dist/drawer/Drawer.svelte +1 -1
- package/dist/drawer/Drawer.svelte.d.ts +1 -1
- package/dist/drawer/Drawerhead.svelte +1 -1
- package/dist/dropdown/Dropdown.svelte +1 -1
- package/dist/dropdown/DropdownDivider.svelte +1 -1
- package/dist/dropdown/DropdownGroup.svelte +1 -1
- package/dist/dropdown/DropdownHeader.svelte +1 -1
- package/dist/dropdown/DropdownItem.svelte +1 -1
- package/dist/footer/Footer.svelte +1 -1
- package/dist/footer/FooterBrand.svelte +1 -1
- package/dist/footer/FooterCopyright.svelte +1 -1
- package/dist/footer/FooterIcon.svelte +1 -1
- package/dist/footer/FooterLink.svelte +1 -1
- package/dist/footer/FooterLinkGroup.svelte +1 -1
- package/dist/forms/button-toggle/ButtonToggle.svelte +1 -1
- package/dist/forms/checkbox/Checkbox.svelte +1 -1
- package/dist/forms/dropzone/Dropzone.svelte +1 -1
- package/dist/forms/fileupload/Fileupload.svelte +1 -1
- package/dist/forms/fileupload/Fileupload.svelte.d.ts +1 -1
- package/dist/forms/floating-label/FloatingLabelInput.svelte +1 -1
- package/dist/forms/helper/Helper.svelte +1 -1
- package/dist/forms/input-field/Input.svelte +2 -1
- package/dist/forms/label/Label.svelte +1 -1
- package/dist/forms/phoneinput/PhoneInput.svelte +1 -1
- package/dist/forms/radio/Radio.svelte +1 -1
- package/dist/forms/radio/RadioButton.svelte +1 -1
- package/dist/forms/range/Range.svelte +1 -1
- package/dist/forms/search/Search.svelte +1 -1
- package/dist/forms/select/MultiSelect.svelte +1 -1
- package/dist/forms/select/Select.svelte +1 -1
- package/dist/forms/tags/theme.d.ts +3 -3
- package/dist/forms/textarea/Textarea.svelte +1 -1
- package/dist/forms/timepicker/Timepicker.svelte +1 -1
- package/dist/gallery/Gallery.svelte +1 -1
- package/dist/kbd/Kbd.svelte +1 -1
- package/dist/list-group/Listgroup.svelte +1 -1
- package/dist/modal/Modal.svelte +1 -1
- package/dist/pagination/Pagination.svelte +2 -1
- package/dist/pagination/PaginationButton.svelte +1 -1
- package/dist/pagination/PaginationItem.svelte +1 -1
- package/dist/progress/Progressbar.svelte +1 -1
- package/dist/progress/Progressradial.svelte +1 -1
- package/dist/rating/AdvancedRating.svelte +1 -1
- package/dist/rating/Rating.svelte +1 -1
- package/dist/rating/Review.svelte +1 -1
- package/dist/rating/ScoreRating.svelte +1 -1
- package/dist/sidebar/Sidebar.svelte +1 -1
- package/dist/sidebar/SidebarBrand.svelte +1 -1
- package/dist/sidebar/SidebarButton.svelte +1 -1
- package/dist/sidebar/SidebarCta.svelte +1 -1
- package/dist/skeleton/CardPlaceholder.svelte +1 -1
- package/dist/skeleton/ImagePlaceholder.svelte +1 -1
- package/dist/skeleton/ListPlaceholder.svelte +1 -1
- package/dist/skeleton/Skeleton.svelte +1 -1
- package/dist/skeleton/TestimonialPlaceholder.svelte +1 -1
- package/dist/skeleton/TextPlaceholder.svelte +1 -1
- package/dist/skeleton/VideoPlaceholder.svelte +1 -1
- package/dist/skeleton/WidgetPlaceholder.svelte +1 -1
- package/dist/spinner/Spinner.svelte +1 -1
- package/dist/step-indicator/StepIndicator.svelte +1 -1
- package/dist/stepper/BreadcrumbStepper.svelte +1 -1
- package/dist/stepper/DetailedStepper.svelte +1 -1
- package/dist/stepper/ProgressStepper.svelte +1 -1
- package/dist/stepper/Stepper.svelte +1 -1
- package/dist/stepper/TimelineStepper.svelte +1 -1
- package/dist/stepper/VerticalStepper.svelte +1 -1
- package/dist/table/Table.svelte +2 -1
- package/dist/table/TableBody.svelte +1 -1
- package/dist/table/TableBodyCell.svelte +1 -1
- package/dist/table/TableBodyRow.svelte +1 -1
- package/dist/table/TableHead.svelte +2 -1
- package/dist/table/TableHeadCell.svelte +1 -1
- package/dist/table/TableSearch.svelte +1 -1
- package/dist/tabs/TabItem.svelte +1 -1
- package/dist/tabs/Tabs.svelte +1 -1
- package/dist/timeline/Activity.svelte +1 -1
- package/dist/timeline/Group.svelte +1 -1
- package/dist/timeline/GroupItem.svelte +1 -1
- package/dist/timeline/Timeline.svelte +1 -1
- package/dist/timeline/TimelineItem.svelte +1 -1
- package/dist/timeline/theme.d.ts +12 -12
- package/dist/toast/Toast.svelte +1 -1
- package/dist/toolbar/Toolbar.svelte +1 -1
- package/dist/toolbar/ToolbarButton.svelte +1 -1
- package/dist/toolbar/ToolbarGroup.svelte +1 -1
- package/dist/typography/img/EnhancedImg.svelte +1 -1
- package/dist/typography/img/Img.svelte +1 -1
- package/dist/utils/CloseButton.svelte +1 -1
- package/package.json +1 -1
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import { getTheme } from "../theme/themeUtils";
|
|
4
4
|
import clsx from "clsx";
|
|
5
5
|
import { setContext } from "svelte";
|
|
6
|
-
import { accordion } from "./";
|
|
6
|
+
import { accordion } from "./theme";
|
|
7
7
|
import { createSingleSelectionContext } from "../utils/singleselection.svelte";
|
|
8
8
|
|
|
9
9
|
let { children, flush, activeClass, inactiveClass, multiple = false, class: className, transitionType, ...restProps }: AccordionProps = $props();
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import clsx from "clsx";
|
|
6
6
|
import { getContext } from "svelte";
|
|
7
7
|
import { slide } from "svelte/transition";
|
|
8
|
-
import { accordionItem } from "
|
|
8
|
+
import { accordionItem } from "./theme";
|
|
9
9
|
|
|
10
10
|
let { children, header, arrowup, arrowdown, open = $bindable(false), activeClass, inactiveClass, transitionType = slide, transitionParams, class: className, classes, headerClass, contentClass }: AccordionItemProps = $props();
|
|
11
11
|
|
package/dist/alert/Alert.svelte
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import { fade } from "svelte/transition";
|
|
3
|
-
import { alert } from "
|
|
3
|
+
import { alert } from "./theme";
|
|
4
4
|
import clsx from "clsx";
|
|
5
|
-
import { type AlertProps, type ParamsType
|
|
5
|
+
import { type AlertProps, type ParamsType } from "..";
|
|
6
|
+
import CloseButton from "../utils/CloseButton.svelte";
|
|
6
7
|
import { getTheme } from "../theme/themeUtils";
|
|
7
8
|
import { createDismissableContext } from "../utils/dismissable";
|
|
8
9
|
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import { avatar } from "
|
|
2
|
+
import { avatar } from "./theme";
|
|
3
3
|
import clsx from "clsx";
|
|
4
|
-
import { type AvatarProps
|
|
4
|
+
import { type AvatarProps } from "..";
|
|
5
|
+
import Indicator from "../indicator/Indicator.svelte";
|
|
5
6
|
import { getTheme } from "../theme/themeUtils";
|
|
6
7
|
|
|
7
8
|
let { children, indicator, src, href, target, cornerStyle = "circular", border = false, stacked = false, dot, class: className, alt, size = "md", onclick, ...restProps }: AvatarProps = $props();
|
package/dist/badge/Badge.svelte
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import { type BadgeProps,
|
|
2
|
+
import { type BadgeProps, type ParamsType } from "..";
|
|
3
|
+
import CloseButton from "../utils/CloseButton.svelte";
|
|
3
4
|
import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
|
|
4
5
|
import clsx from "clsx";
|
|
5
6
|
import { fade } from "svelte/transition";
|
|
6
|
-
import { badge } from "
|
|
7
|
+
import { badge } from "./theme";
|
|
7
8
|
import { createDismissableContext } from "../utils/dismissable";
|
|
8
9
|
|
|
9
10
|
let { children, icon, badgeStatus = $bindable(true), color = "primary", large = false, dismissable = false, class: className, classes, border, href, target, rounded, transition = fade, params, aClass, ...restProps }: BadgeProps = $props();
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import { fade } from "svelte/transition";
|
|
3
|
-
import { banner } from "
|
|
3
|
+
import { banner } from "./theme";
|
|
4
4
|
import clsx from "clsx";
|
|
5
|
-
import { type ParamsType, type BannerProps
|
|
5
|
+
import { type ParamsType, type BannerProps } from "..";
|
|
6
|
+
import CloseButton from "../utils/CloseButton.svelte";
|
|
6
7
|
import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
|
|
7
8
|
import { createDismissableContext } from "../utils/dismissable";
|
|
8
9
|
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import { type BottomNavContextType, type BottomNavProps
|
|
2
|
+
import { type BottomNavContextType, type BottomNavProps } from "..";
|
|
3
|
+
import { cn } from "../utils";
|
|
3
4
|
import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
|
|
4
5
|
import clsx from "clsx";
|
|
5
6
|
import { setContext } from "svelte";
|
|
6
|
-
import { bottomNav } from "
|
|
7
|
+
import { bottomNav } from "./theme";
|
|
7
8
|
|
|
8
9
|
let { children, header, position = "fixed", navType = "default", class: className, classes, outerClass, innerClass, activeClass, activeUrl = "", ...restProps }: BottomNavProps = $props();
|
|
9
10
|
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
import clsx from "clsx";
|
|
5
5
|
import { getContext } from "svelte";
|
|
6
6
|
import type { HTMLAnchorAttributes, HTMLButtonAttributes } from "svelte/elements";
|
|
7
|
-
import { bottomNavItem } from "
|
|
7
|
+
import { bottomNavItem } from "./theme";
|
|
8
8
|
|
|
9
9
|
let { children, btnName, appBtnPosition = "middle", activeClass, class: className, classes, btnClass, spanClass, active: manualActive, ...restProps }: BottomNavItemProps = $props();
|
|
10
10
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import type { BreadcrumbItemProps } from "..";
|
|
3
3
|
import { getTheme } from "../theme/themeUtils";
|
|
4
4
|
import clsx from "clsx";
|
|
5
|
-
import { breadcrumbItem } from "./
|
|
5
|
+
import { breadcrumbItem } from "./theme";
|
|
6
6
|
|
|
7
7
|
let { children, icon, home = false, href, linkClass, spanClass, homeClass, class: className, classes, ...restProps }: BreadcrumbItemProps = $props();
|
|
8
8
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import clsx from "clsx";
|
|
4
4
|
import type { SizeType, ButtonProps } from "..";
|
|
5
5
|
import { getTheme } from "../theme/themeUtils";
|
|
6
|
-
import { button } from "
|
|
6
|
+
import { button } from "./theme";
|
|
7
7
|
|
|
8
8
|
const group: SizeType = getContext("group");
|
|
9
9
|
const ctxDisabled: boolean | undefined = getContext("disabled");
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import { getContext } from "svelte";
|
|
3
|
-
import { gradientButton } from "
|
|
3
|
+
import { gradientButton } from "./theme";
|
|
4
4
|
import clsx from "clsx";
|
|
5
|
-
import {
|
|
5
|
+
import type { GradientButtonProps, SizeType } from "..";
|
|
6
|
+
import Button from "./Button.svelte";
|
|
6
7
|
import { getTheme } from "../theme/themeUtils";
|
|
7
8
|
|
|
8
9
|
const group: SizeType = getContext("group");
|
package/dist/card/Card.svelte
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import type { CardProps } from "..";
|
|
3
3
|
import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
|
|
4
4
|
import clsx from "clsx";
|
|
5
|
-
import { card } from "
|
|
5
|
+
import { card } from "./theme";
|
|
6
6
|
|
|
7
7
|
let { children, color = "gray", horizontal = false, shadow = "md", reverse = false, img, size = "sm", class: className, classes, imgClass, ...restProps }: CardProps = $props();
|
|
8
8
|
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import { type CarouselProps, type CarouselState
|
|
2
|
+
import { type CarouselProps, type CarouselState } from "..";
|
|
3
|
+
import Slide from "./Slide.svelte";
|
|
3
4
|
import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
|
|
4
5
|
import clsx from "clsx";
|
|
5
6
|
import { onMount, setContext } from "svelte";
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import {
|
|
2
|
+
import type { IndicatorsProps, CarouselState } from "..";
|
|
3
|
+
import Indicator from "../indicator/Indicator.svelte";
|
|
3
4
|
import { getTheme } from "../theme/themeUtils";
|
|
4
5
|
import clsx from "clsx";
|
|
5
6
|
import { getContext } from "svelte";
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import {
|
|
2
|
+
import type { ControlsProps, CarouselState } from "..";
|
|
3
|
+
import ControlButton from "./ControlButton.svelte";
|
|
3
4
|
import { getTheme } from "../theme/themeUtils";
|
|
4
5
|
import clsx from "clsx";
|
|
5
6
|
import { getContext } from "svelte";
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import {
|
|
2
|
+
import type { ThumbnailsProps } from "..";
|
|
3
|
+
import Thumbnail from "./Thumbnail.svelte";
|
|
3
4
|
import { getTheme } from "../theme/themeUtils";
|
|
4
5
|
import clsx from "clsx";
|
|
5
6
|
import { thumbnails } from "./theme";
|
|
@@ -2,7 +2,9 @@
|
|
|
2
2
|
import { onMount } from "svelte";
|
|
3
3
|
import { fade } from "svelte/transition";
|
|
4
4
|
import clsx from "clsx";
|
|
5
|
-
import {
|
|
5
|
+
import type { DatepickerProps } from "..";
|
|
6
|
+
import Button from "../buttons/Button.svelte";
|
|
7
|
+
import ToolbarButton from "../toolbar/ToolbarButton.svelte";
|
|
6
8
|
import { datepicker } from "./theme";
|
|
7
9
|
import { parse, isValid, addDays, startOfMonth, endOfMonth, startOfWeek, endOfWeek, eachDayOfInterval, isSameDay, isWithinInterval } from "date-fns";
|
|
8
10
|
import { getTheme } from "../theme/themeUtils";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { DatepickerProps } from "..";
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
@@ -37,6 +37,6 @@ import { type DatepickerProps } from "..";
|
|
|
37
37
|
* @prop elementRef = $bindable()
|
|
38
38
|
* @prop actionSlot
|
|
39
39
|
*/
|
|
40
|
-
declare const Datepicker: import("svelte").Component<DatepickerProps, {}, "value" | "
|
|
40
|
+
declare const Datepicker: import("svelte").Component<DatepickerProps, {}, "value" | "elementRef" | "rangeFrom" | "rangeTo">;
|
|
41
41
|
type Datepicker = ReturnType<typeof Datepicker>;
|
|
42
42
|
export default Datepicker;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import type { AndroidProps } from "..";
|
|
3
3
|
import { warnThemeDeprecation } from "../theme/themeUtils";
|
|
4
4
|
import clsx from "clsx";
|
|
5
|
-
import { android } from "
|
|
5
|
+
import { android } from "./theme";
|
|
6
6
|
|
|
7
7
|
let { children, class: className, classes, divClass, div2Class, div3Class, div4Class, div5Class, div6Class, div7Class, ...restProps }: AndroidProps = $props();
|
|
8
8
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import type { DefaultMockupProps } from "..";
|
|
3
3
|
import { warnThemeDeprecation } from "../theme/themeUtils";
|
|
4
4
|
import clsx from "clsx";
|
|
5
|
-
import { defaultMockup } from "
|
|
5
|
+
import { defaultMockup } from "./theme";
|
|
6
6
|
|
|
7
7
|
let { children, class: className, classes, divClass, div2Class, div3Class, div4Class, div5Class, div6Class, ...restProps }: DefaultMockupProps = $props();
|
|
8
8
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import type { DesktopProps } from "..";
|
|
3
3
|
import { warnThemeDeprecation } from "../theme/themeUtils";
|
|
4
4
|
import clsx from "clsx";
|
|
5
|
-
import { desktop } from "
|
|
5
|
+
import { desktop } from "./theme";
|
|
6
6
|
|
|
7
7
|
let { children, class: className, classes, divClass, div2Class, div3Class, div4Class, ...restProps }: DesktopProps = $props();
|
|
8
8
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import type { LaptopProps } from "..";
|
|
3
3
|
import { warnThemeDeprecation } from "../theme/themeUtils";
|
|
4
4
|
import clsx from "clsx";
|
|
5
|
-
import { laptop } from "
|
|
5
|
+
import { laptop } from "./theme";
|
|
6
6
|
|
|
7
7
|
let { children, class: className, classes, divClass, div2Class, div3Class, div4Class, ...restProps }: LaptopProps = $props();
|
|
8
8
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import type { SmartwatchProps } from "..";
|
|
3
3
|
import { warnThemeDeprecation } from "../theme/themeUtils";
|
|
4
4
|
import clsx from "clsx";
|
|
5
|
-
import { smartwatch } from "
|
|
5
|
+
import { smartwatch } from "./theme";
|
|
6
6
|
|
|
7
7
|
let { children, class: className, classes, divClass, div2Class, div3Class, div4Class, div5Class, div6Class, ...restProps }: SmartwatchProps = $props();
|
|
8
8
|
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import {
|
|
2
|
+
import type { DialogProps, ParamsType } from "..";
|
|
3
|
+
import { trapFocus } from "../utils/actions";
|
|
4
|
+
import { dialog } from "./theme";
|
|
3
5
|
import CloseButton from "../utils/CloseButton.svelte";
|
|
4
6
|
import { createDismissableContext } from "../utils/dismissable";
|
|
5
7
|
import clsx from "clsx";
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import clsx from "clsx";
|
|
6
6
|
import { sineIn } from "svelte/easing";
|
|
7
7
|
import { fly } from "svelte/transition";
|
|
8
|
-
import { drawer } from "
|
|
8
|
+
import { drawer } from "./theme";
|
|
9
9
|
import { setContext, tick } from "svelte";
|
|
10
10
|
|
|
11
11
|
let { children, open = $bindable(false), hidden = $bindable(), modal, offset, width, dismissable = offset ? false : undefined, placement = "left", class: className, transitionParams, transition = fly, outsideclose, activateClickOutside, ...restProps }: DrawerProps = $props();
|
|
@@ -19,6 +19,6 @@ import type { DrawerProps } from "..";
|
|
|
19
19
|
* @prop activateClickOutside
|
|
20
20
|
* @prop ...restProps
|
|
21
21
|
*/
|
|
22
|
-
declare const Drawer: import("svelte").Component<DrawerProps, {}, "
|
|
22
|
+
declare const Drawer: import("svelte").Component<DrawerProps, {}, "open" | "hidden">;
|
|
23
23
|
type Drawer = ReturnType<typeof Drawer>;
|
|
24
24
|
export default Drawer;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import { getTheme } from "../theme/themeUtils";
|
|
4
4
|
import clsx from "clsx";
|
|
5
5
|
import { setContext } from "svelte";
|
|
6
|
-
import { dropdown } from "./";
|
|
6
|
+
import { dropdown } from "./theme";
|
|
7
7
|
|
|
8
8
|
let { children, simple = false, placement = "bottom", offset = 2, class: className, activeUrl = "", isOpen = $bindable(false), ...restProps }: DropdownProps = $props();
|
|
9
9
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import { getContext } from "svelte";
|
|
3
|
-
import { dropdownItem } from "
|
|
3
|
+
import { dropdownItem } from "./theme";
|
|
4
4
|
import clsx from "clsx";
|
|
5
5
|
import type { DropdownItemProps } from "..";
|
|
6
6
|
import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import { getContext } from "svelte";
|
|
3
3
|
import CheckIcon from "./CheckIcon.svelte";
|
|
4
|
-
import { buttonToggle } from "
|
|
4
|
+
import { buttonToggle } from "./theme";
|
|
5
5
|
import type { ButtonToggleVariants } from "./theme";
|
|
6
6
|
import clsx from "clsx";
|
|
7
7
|
import type { ButtonToggleProps, ButtonToggleContext } from "../..";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import type { DragEventHandler, ChangeEventHandler } from "svelte/elements";
|
|
3
|
-
import { dropzone } from "
|
|
3
|
+
import { dropzone } from "./theme";
|
|
4
4
|
import clsx from "clsx";
|
|
5
5
|
import type { DropzoneProps } from "../..";
|
|
6
6
|
import { getTheme } from "../../theme/themeUtils";
|
|
@@ -17,6 +17,6 @@ import { type FileuploadProps } from "../..";
|
|
|
17
17
|
* @prop wrapperClass
|
|
18
18
|
* @prop ...restProps
|
|
19
19
|
*/
|
|
20
|
-
declare const Fileupload: import("svelte").Component<FileuploadProps, {}, "
|
|
20
|
+
declare const Fileupload: import("svelte").Component<FileuploadProps, {}, "files" | "elementRef">;
|
|
21
21
|
type Fileupload = ReturnType<typeof Fileupload>;
|
|
22
22
|
export default Fileupload;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import { idGenerator } from "../../utils";
|
|
3
|
-
import { floatingLabelInput } from "
|
|
3
|
+
import { floatingLabelInput } from "./theme";
|
|
4
4
|
import clsx from "clsx";
|
|
5
5
|
import { type FloatingLabelInputProps, CloseButton } from "../..";
|
|
6
6
|
import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";
|
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
import { getContext } from "svelte";
|
|
3
3
|
import clsx from "clsx";
|
|
4
4
|
import { CloseButton, type SizeType, type InputProps, type InputValue } from "../..";
|
|
5
|
-
import { input
|
|
5
|
+
import { input } from "./theme";
|
|
6
|
+
import { clampSize } from "./index";
|
|
6
7
|
import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";
|
|
7
8
|
import { createDismissableContext } from "../../utils/dismissable";
|
|
8
9
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<script lang="ts" generics="T">
|
|
2
2
|
import { getContext } from "svelte";
|
|
3
|
-
import { radio } from "
|
|
3
|
+
import { radio } from "./theme";
|
|
4
4
|
import clsx from "clsx";
|
|
5
5
|
import { type RadioProps, Label } from "../..";
|
|
6
6
|
import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<script lang="ts" generics="T">
|
|
2
2
|
import clsx from "clsx";
|
|
3
3
|
import { Button, type RadioButtonProps } from "../..";
|
|
4
|
-
import { radioButton } from "
|
|
4
|
+
import { radioButton } from "./theme";
|
|
5
5
|
import { getTheme } from "../../theme/themeUtils";
|
|
6
6
|
|
|
7
7
|
let { children, group = $bindable<T>(), value = $bindable<T>(), inline, pill, outline, size, color, shadow, checkedClass, class: className, ...restProps }: RadioButtonProps<T> = $props();
|