flowbite-svelte 1.14.5 → 1.15.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/datepicker/Datepicker.svelte.d.ts +1 -1
- package/dist/device-mockups/theme.d.ts +12 -12
- 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/theme.d.ts +3 -3
- package/dist/dropdown/Dropdown.svelte +3 -1
- package/dist/dropdown/Dropdown.svelte.d.ts +1 -1
- package/dist/footer/theme.d.ts +3 -3
- package/dist/forms/button-toggle/ButtonToggleGroup.svelte +2 -1
- package/dist/forms/button-toggle/ButtonToggleGroup.svelte.d.ts +1 -1
- package/dist/forms/checkbox/Checkbox.svelte +2 -1
- package/dist/forms/fileupload/Fileupload.svelte +2 -1
- package/dist/forms/fileupload/Fileupload.svelte.d.ts +2 -2
- package/dist/forms/floating-label/FloatingLabelInput.svelte +2 -1
- package/dist/forms/floating-label/FloatingLabelInput.svelte.d.ts +1 -1
- package/dist/forms/input-addon/InputAddon.svelte +2 -1
- package/dist/forms/input-addon/InputAddon.svelte.d.ts +1 -1
- package/dist/forms/input-field/Input.svelte +2 -1
- package/dist/forms/input-field/Input.svelte.d.ts +1 -1
- package/dist/forms/input-field/index.d.ts +1 -1
- package/dist/forms/radio/Radio.svelte +2 -1
- package/dist/forms/radio/Radio.svelte.d.ts +1 -1
- package/dist/forms/radio/RadioButton.svelte +2 -1
- package/dist/forms/radio/RadioButton.svelte.d.ts +1 -1
- package/dist/forms/search/Search.svelte +2 -1
- package/dist/forms/search/Search.svelte.d.ts +1 -1
- package/dist/forms/select/MultiSelect.svelte +3 -1
- package/dist/forms/select/MultiSelect.svelte.d.ts +1 -1
- package/dist/forms/select/Select.svelte +2 -1
- package/dist/forms/select/Select.svelte.d.ts +1 -1
- package/dist/forms/tags/Tags.svelte +3 -1
- package/dist/forms/tags/Tags.svelte.d.ts +1 -1
- package/dist/forms/tags/theme.d.ts +6 -6
- package/dist/forms/textarea/Textarea.svelte +2 -1
- package/dist/forms/textarea/Textarea.svelte.d.ts +1 -1
- package/dist/forms/timepicker/Timepicker.svelte +9 -1
- package/dist/forms/timepicker/Timepicker.svelte.d.ts +1 -1
- package/dist/forms/toggle/Toggle.svelte +3 -2
- package/dist/forms/toggle/Toggle.svelte.d.ts +1 -1
- package/dist/gallery/theme.d.ts +3 -3
- package/dist/indicator/Indicator.svelte +1 -1
- package/dist/list-group/Listgroup.svelte +2 -1
- package/dist/list-group/Listgroup.svelte.d.ts +1 -1
- package/dist/mega-menu/MegaMenu.svelte +2 -1
- package/dist/mega-menu/MegaMenu.svelte.d.ts +1 -1
- package/dist/modal/Modal.svelte +3 -1
- package/dist/modal/Modal.svelte.d.ts +1 -1
- package/dist/navbar/Navbar.svelte +1 -1
- package/dist/pagination/Pagination.svelte +1 -1
- package/dist/pagination/PaginationNav.svelte +2 -1
- package/dist/pagination/PaginationNav.svelte.d.ts +1 -1
- package/dist/rating/theme.d.ts +6 -6
- package/dist/sidebar/Sidebar.svelte +2 -1
- package/dist/sidebar/Sidebar.svelte.d.ts +1 -1
- package/dist/sidebar/SidebarDropdownWrapper.svelte +1 -1
- package/dist/sidebar/theme.d.ts +9 -9
- package/dist/skeleton/WidgetPlaceholder.svelte +1 -1
- package/dist/skeleton/WidgetPlaceholder.svelte.d.ts +1 -1
- package/dist/skeleton/theme.d.ts +3 -3
- package/dist/speed-dial/SpeedDial.svelte +1 -1
- package/dist/speed-dial/SpeedDialButton.svelte +2 -1
- package/dist/step-indicator/StepIndicator.svelte +1 -1
- 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 +1 -1
- 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 +1 -1
- 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 +3 -2
- package/dist/table/Table.svelte.d.ts +1 -1
- package/dist/table/TableBody.svelte +2 -1
- package/dist/table/TableHead.svelte +1 -1
- package/dist/tabs/TabItem.svelte +1 -1
- package/dist/tabs/TabItem.svelte.d.ts +1 -1
- package/dist/theme/ThemeProvider.svelte +1 -1
- package/dist/theme/ThemeProvider.svelte.d.ts +1 -1
- package/dist/timeline/ActivityItem.svelte +1 -1
- package/dist/timeline/TimelineItem.svelte +22 -8
- package/dist/timeline/TimelineItem.svelte.d.ts +5 -1
- package/dist/timeline/theme.d.ts +66 -18
- package/dist/timeline/theme.js +205 -13
- package/dist/toast/Toast.svelte +3 -4
- package/dist/toast/Toast.svelte.d.ts +1 -1
- package/dist/tooltip/Tooltip.svelte +2 -2
- package/dist/tooltip/Tooltip.svelte.d.ts +2 -2
- package/dist/types.d.ts +5 -0
- package/dist/typography/a/A.svelte +2 -2
- package/dist/typography/a/A.svelte.d.ts +1 -1
- package/dist/typography/blockquote/Blockquote.svelte +2 -2
- package/dist/typography/blockquote/Blockquote.svelte.d.ts +1 -1
- package/dist/typography/descriptionlist/DescriptionList.svelte +2 -2
- package/dist/typography/descriptionlist/DescriptionList.svelte.d.ts +1 -1
- package/dist/typography/heading/Heading.svelte +2 -2
- package/dist/typography/heading/Heading.svelte.d.ts +1 -1
- package/dist/typography/hr/Hr.svelte +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 +2 -2
- 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 +2 -2
- package/dist/typography/list/List.svelte.d.ts +1 -1
- package/dist/typography/mark/Mark.svelte +2 -2
- package/dist/typography/mark/Mark.svelte.d.ts +1 -1
- package/dist/typography/paragraph/P.svelte +2 -2
- package/dist/typography/paragraph/P.svelte.d.ts +1 -1
- package/dist/typography/secondary/Secondary.svelte +2 -2
- package/dist/typography/secondary/Secondary.svelte.d.ts +1 -1
- package/dist/typography/span/Span.svelte +2 -2
- package/dist/typography/span/Span.svelte.d.ts +1 -1
- package/dist/utils/Arrow.svelte +2 -2
- package/dist/utils/Arrow.svelte.d.ts +2 -2
- package/dist/utils/CloseButton.svelte +1 -1
- package/dist/utils/CloseButton.svelte.d.ts +1 -1
- package/dist/utils/Popper.svelte +2 -2
- package/dist/utils/Popper.svelte.d.ts +2 -2
- package/dist/video/Video.svelte +1 -1
- package/dist/video/Video.svelte.d.ts +1 -1
- package/package.json +1 -1
|
@@ -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" | "rangeFrom" | "rangeTo" | "elementRef">;
|
|
41
41
|
type Datepicker = ReturnType<typeof Datepicker>;
|
|
42
42
|
export default Datepicker;
|
|
@@ -5,8 +5,8 @@ declare const android: import("tailwind-variants").TVReturnType<{
|
|
|
5
5
|
[key: string]: {
|
|
6
6
|
[key: string]: import("tailwind-merge").ClassNameValue | {
|
|
7
7
|
base?: import("tailwind-merge").ClassNameValue;
|
|
8
|
-
slot?: import("tailwind-merge").ClassNameValue;
|
|
9
8
|
top?: import("tailwind-merge").ClassNameValue;
|
|
9
|
+
slot?: import("tailwind-merge").ClassNameValue;
|
|
10
10
|
right?: import("tailwind-merge").ClassNameValue;
|
|
11
11
|
leftTop?: import("tailwind-merge").ClassNameValue;
|
|
12
12
|
leftMid?: import("tailwind-merge").ClassNameValue;
|
|
@@ -17,8 +17,8 @@ declare const android: import("tailwind-variants").TVReturnType<{
|
|
|
17
17
|
[x: string]: {
|
|
18
18
|
[x: string]: import("tailwind-merge").ClassNameValue | {
|
|
19
19
|
base?: import("tailwind-merge").ClassNameValue;
|
|
20
|
-
slot?: import("tailwind-merge").ClassNameValue;
|
|
21
20
|
top?: import("tailwind-merge").ClassNameValue;
|
|
21
|
+
slot?: import("tailwind-merge").ClassNameValue;
|
|
22
22
|
right?: import("tailwind-merge").ClassNameValue;
|
|
23
23
|
leftTop?: import("tailwind-merge").ClassNameValue;
|
|
24
24
|
leftMid?: import("tailwind-merge").ClassNameValue;
|
|
@@ -37,8 +37,8 @@ declare const android: import("tailwind-variants").TVReturnType<{
|
|
|
37
37
|
[key: string]: {
|
|
38
38
|
[key: string]: import("tailwind-merge").ClassNameValue | {
|
|
39
39
|
base?: import("tailwind-merge").ClassNameValue;
|
|
40
|
-
slot?: import("tailwind-merge").ClassNameValue;
|
|
41
40
|
top?: import("tailwind-merge").ClassNameValue;
|
|
41
|
+
slot?: import("tailwind-merge").ClassNameValue;
|
|
42
42
|
right?: import("tailwind-merge").ClassNameValue;
|
|
43
43
|
leftTop?: import("tailwind-merge").ClassNameValue;
|
|
44
44
|
leftMid?: import("tailwind-merge").ClassNameValue;
|
|
@@ -67,8 +67,8 @@ declare const defaultMockup: import("tailwind-variants").TVReturnType<{
|
|
|
67
67
|
[key: string]: {
|
|
68
68
|
[key: string]: import("tailwind-merge").ClassNameValue | {
|
|
69
69
|
base?: import("tailwind-merge").ClassNameValue;
|
|
70
|
-
slot?: import("tailwind-merge").ClassNameValue;
|
|
71
70
|
top?: import("tailwind-merge").ClassNameValue;
|
|
71
|
+
slot?: import("tailwind-merge").ClassNameValue;
|
|
72
72
|
right?: import("tailwind-merge").ClassNameValue;
|
|
73
73
|
leftTop?: import("tailwind-merge").ClassNameValue;
|
|
74
74
|
leftBot?: import("tailwind-merge").ClassNameValue;
|
|
@@ -78,8 +78,8 @@ declare const defaultMockup: import("tailwind-variants").TVReturnType<{
|
|
|
78
78
|
[x: string]: {
|
|
79
79
|
[x: string]: import("tailwind-merge").ClassNameValue | {
|
|
80
80
|
base?: import("tailwind-merge").ClassNameValue;
|
|
81
|
-
slot?: import("tailwind-merge").ClassNameValue;
|
|
82
81
|
top?: import("tailwind-merge").ClassNameValue;
|
|
82
|
+
slot?: import("tailwind-merge").ClassNameValue;
|
|
83
83
|
right?: import("tailwind-merge").ClassNameValue;
|
|
84
84
|
leftTop?: import("tailwind-merge").ClassNameValue;
|
|
85
85
|
leftBot?: import("tailwind-merge").ClassNameValue;
|
|
@@ -96,8 +96,8 @@ declare const defaultMockup: import("tailwind-variants").TVReturnType<{
|
|
|
96
96
|
[key: string]: {
|
|
97
97
|
[key: string]: import("tailwind-merge").ClassNameValue | {
|
|
98
98
|
base?: import("tailwind-merge").ClassNameValue;
|
|
99
|
-
slot?: import("tailwind-merge").ClassNameValue;
|
|
100
99
|
top?: import("tailwind-merge").ClassNameValue;
|
|
100
|
+
slot?: import("tailwind-merge").ClassNameValue;
|
|
101
101
|
right?: import("tailwind-merge").ClassNameValue;
|
|
102
102
|
leftTop?: import("tailwind-merge").ClassNameValue;
|
|
103
103
|
leftBot?: import("tailwind-merge").ClassNameValue;
|
|
@@ -167,8 +167,8 @@ declare const ios: import("tailwind-variants").TVReturnType<{
|
|
|
167
167
|
[key: string]: {
|
|
168
168
|
[key: string]: import("tailwind-merge").ClassNameValue | {
|
|
169
169
|
base?: import("tailwind-merge").ClassNameValue;
|
|
170
|
-
slot?: import("tailwind-merge").ClassNameValue;
|
|
171
170
|
top?: import("tailwind-merge").ClassNameValue;
|
|
171
|
+
slot?: import("tailwind-merge").ClassNameValue;
|
|
172
172
|
right?: import("tailwind-merge").ClassNameValue;
|
|
173
173
|
leftTop?: import("tailwind-merge").ClassNameValue;
|
|
174
174
|
leftBot?: import("tailwind-merge").ClassNameValue;
|
|
@@ -178,8 +178,8 @@ declare const ios: import("tailwind-variants").TVReturnType<{
|
|
|
178
178
|
[x: string]: {
|
|
179
179
|
[x: string]: import("tailwind-merge").ClassNameValue | {
|
|
180
180
|
base?: import("tailwind-merge").ClassNameValue;
|
|
181
|
-
slot?: import("tailwind-merge").ClassNameValue;
|
|
182
181
|
top?: import("tailwind-merge").ClassNameValue;
|
|
182
|
+
slot?: import("tailwind-merge").ClassNameValue;
|
|
183
183
|
right?: import("tailwind-merge").ClassNameValue;
|
|
184
184
|
leftTop?: import("tailwind-merge").ClassNameValue;
|
|
185
185
|
leftBot?: import("tailwind-merge").ClassNameValue;
|
|
@@ -196,8 +196,8 @@ declare const ios: import("tailwind-variants").TVReturnType<{
|
|
|
196
196
|
[key: string]: {
|
|
197
197
|
[key: string]: import("tailwind-merge").ClassNameValue | {
|
|
198
198
|
base?: import("tailwind-merge").ClassNameValue;
|
|
199
|
-
slot?: import("tailwind-merge").ClassNameValue;
|
|
200
199
|
top?: import("tailwind-merge").ClassNameValue;
|
|
200
|
+
slot?: import("tailwind-merge").ClassNameValue;
|
|
201
201
|
right?: import("tailwind-merge").ClassNameValue;
|
|
202
202
|
leftTop?: import("tailwind-merge").ClassNameValue;
|
|
203
203
|
leftBot?: import("tailwind-merge").ClassNameValue;
|
|
@@ -267,8 +267,8 @@ declare const smartwatch: import("tailwind-variants").TVReturnType<{
|
|
|
267
267
|
[key: string]: {
|
|
268
268
|
[key: string]: import("tailwind-merge").ClassNameValue | {
|
|
269
269
|
base?: import("tailwind-merge").ClassNameValue;
|
|
270
|
-
slot?: import("tailwind-merge").ClassNameValue;
|
|
271
270
|
top?: import("tailwind-merge").ClassNameValue;
|
|
271
|
+
slot?: import("tailwind-merge").ClassNameValue;
|
|
272
272
|
bot?: import("tailwind-merge").ClassNameValue;
|
|
273
273
|
rightTop?: import("tailwind-merge").ClassNameValue;
|
|
274
274
|
rightBot?: import("tailwind-merge").ClassNameValue;
|
|
@@ -278,8 +278,8 @@ declare const smartwatch: import("tailwind-variants").TVReturnType<{
|
|
|
278
278
|
[x: string]: {
|
|
279
279
|
[x: string]: import("tailwind-merge").ClassNameValue | {
|
|
280
280
|
base?: import("tailwind-merge").ClassNameValue;
|
|
281
|
-
slot?: import("tailwind-merge").ClassNameValue;
|
|
282
281
|
top?: import("tailwind-merge").ClassNameValue;
|
|
282
|
+
slot?: import("tailwind-merge").ClassNameValue;
|
|
283
283
|
bot?: import("tailwind-merge").ClassNameValue;
|
|
284
284
|
rightTop?: import("tailwind-merge").ClassNameValue;
|
|
285
285
|
rightBot?: import("tailwind-merge").ClassNameValue;
|
|
@@ -296,8 +296,8 @@ declare const smartwatch: import("tailwind-variants").TVReturnType<{
|
|
|
296
296
|
[key: string]: {
|
|
297
297
|
[key: string]: import("tailwind-merge").ClassNameValue | {
|
|
298
298
|
base?: import("tailwind-merge").ClassNameValue;
|
|
299
|
-
slot?: import("tailwind-merge").ClassNameValue;
|
|
300
299
|
top?: import("tailwind-merge").ClassNameValue;
|
|
300
|
+
slot?: import("tailwind-merge").ClassNameValue;
|
|
301
301
|
bot?: import("tailwind-merge").ClassNameValue;
|
|
302
302
|
rightTop?: import("tailwind-merge").ClassNameValue;
|
|
303
303
|
rightBot?: import("tailwind-merge").ClassNameValue;
|
|
@@ -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, {}, "hidden" | "open">;
|
|
23
23
|
type Drawer = ReturnType<typeof Drawer>;
|
|
24
24
|
export default Drawer;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import { getTheme } from "../theme/themeUtils";
|
|
3
|
-
import type { DrawerHandleProps } from "
|
|
3
|
+
import type { DrawerHandleProps } from "..";
|
|
4
4
|
import clsx from "clsx";
|
|
5
5
|
import { drawerhandle } from "./theme";
|
|
6
6
|
import { getContext } from "svelte";
|
package/dist/drawer/theme.d.ts
CHANGED
|
@@ -63,16 +63,16 @@ export type DrawerheadVariants = VariantProps<typeof drawerhead> & Classes<typeo
|
|
|
63
63
|
export declare const drawerhead: import("tailwind-variants").TVReturnType<{
|
|
64
64
|
[key: string]: {
|
|
65
65
|
[key: string]: import("tailwind-merge").ClassNameValue | {
|
|
66
|
-
button?: import("tailwind-merge").ClassNameValue;
|
|
67
66
|
base?: import("tailwind-merge").ClassNameValue;
|
|
67
|
+
button?: import("tailwind-merge").ClassNameValue;
|
|
68
68
|
svg?: import("tailwind-merge").ClassNameValue;
|
|
69
69
|
};
|
|
70
70
|
};
|
|
71
71
|
} | {
|
|
72
72
|
[x: string]: {
|
|
73
73
|
[x: string]: import("tailwind-merge").ClassNameValue | {
|
|
74
|
-
button?: import("tailwind-merge").ClassNameValue;
|
|
75
74
|
base?: import("tailwind-merge").ClassNameValue;
|
|
75
|
+
button?: import("tailwind-merge").ClassNameValue;
|
|
76
76
|
svg?: import("tailwind-merge").ClassNameValue;
|
|
77
77
|
};
|
|
78
78
|
};
|
|
@@ -83,8 +83,8 @@ export declare const drawerhead: import("tailwind-variants").TVReturnType<{
|
|
|
83
83
|
}, undefined, {
|
|
84
84
|
[key: string]: {
|
|
85
85
|
[key: string]: import("tailwind-merge").ClassNameValue | {
|
|
86
|
-
button?: import("tailwind-merge").ClassNameValue;
|
|
87
86
|
base?: import("tailwind-merge").ClassNameValue;
|
|
87
|
+
button?: import("tailwind-merge").ClassNameValue;
|
|
88
88
|
svg?: import("tailwind-merge").ClassNameValue;
|
|
89
89
|
};
|
|
90
90
|
};
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import {
|
|
2
|
+
import type { DropdownProps } from "..";
|
|
3
|
+
import Popper from "../utils/Popper.svelte";
|
|
4
|
+
import DropdownGroup from "./DropdownGroup.svelte";
|
|
3
5
|
import { getTheme } from "../theme/themeUtils";
|
|
4
6
|
import clsx from "clsx";
|
|
5
7
|
import { setContext } from "svelte";
|
package/dist/footer/theme.d.ts
CHANGED
|
@@ -29,17 +29,17 @@ export type FooterBrandVariants = VariantProps<typeof footerBrand> & Classes<typ
|
|
|
29
29
|
export declare const footerBrand: import("tailwind-variants").TVReturnType<{
|
|
30
30
|
[key: string]: {
|
|
31
31
|
[key: string]: import("tailwind-merge").ClassNameValue | {
|
|
32
|
+
base?: import("tailwind-merge").ClassNameValue;
|
|
32
33
|
img?: import("tailwind-merge").ClassNameValue;
|
|
33
34
|
span?: import("tailwind-merge").ClassNameValue;
|
|
34
|
-
base?: import("tailwind-merge").ClassNameValue;
|
|
35
35
|
};
|
|
36
36
|
};
|
|
37
37
|
} | {
|
|
38
38
|
[x: string]: {
|
|
39
39
|
[x: string]: import("tailwind-merge").ClassNameValue | {
|
|
40
|
+
base?: import("tailwind-merge").ClassNameValue;
|
|
40
41
|
img?: import("tailwind-merge").ClassNameValue;
|
|
41
42
|
span?: import("tailwind-merge").ClassNameValue;
|
|
42
|
-
base?: import("tailwind-merge").ClassNameValue;
|
|
43
43
|
};
|
|
44
44
|
};
|
|
45
45
|
} | {}, {
|
|
@@ -49,9 +49,9 @@ export declare const footerBrand: import("tailwind-variants").TVReturnType<{
|
|
|
49
49
|
}, undefined, {
|
|
50
50
|
[key: string]: {
|
|
51
51
|
[key: string]: import("tailwind-merge").ClassNameValue | {
|
|
52
|
+
base?: import("tailwind-merge").ClassNameValue;
|
|
52
53
|
img?: import("tailwind-merge").ClassNameValue;
|
|
53
54
|
span?: import("tailwind-merge").ClassNameValue;
|
|
54
|
-
base?: import("tailwind-merge").ClassNameValue;
|
|
55
55
|
};
|
|
56
56
|
};
|
|
57
57
|
} | {}, {
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import { setContext } from "svelte";
|
|
3
3
|
import clsx from "clsx";
|
|
4
|
-
import {
|
|
4
|
+
import type { ButtonToggleGroupProps } from "../..";
|
|
5
|
+
import { buttonToggleGroup } from "./theme";
|
|
5
6
|
import { getTheme } from "../../theme/themeUtils";
|
|
6
7
|
|
|
7
8
|
let { multiSelect = false, name = "toggle-group", value = multiSelect ? [] : null, color, size = "md", roundedSize = "md", onSelect = (val: any) => {}, children, ctxIconClass, ctxBtnClass, class: className, ...restProps }: ButtonToggleGroupProps = $props();
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { ButtonToggleGroupProps } from "../..";
|
|
2
2
|
declare const ButtonToggleGroup: import("svelte").Component<ButtonToggleGroupProps, {}, "">;
|
|
3
3
|
type ButtonToggleGroup = ReturnType<typeof ButtonToggleGroup>;
|
|
4
4
|
export default ButtonToggleGroup;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import { checkbox } from "./theme";
|
|
3
3
|
import clsx from "clsx";
|
|
4
|
-
import { type CheckboxProps
|
|
4
|
+
import { type CheckboxProps } from "../..";
|
|
5
|
+
import Label from "../label/Label.svelte";
|
|
5
6
|
import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";
|
|
6
7
|
|
|
7
8
|
let { children, color = "primary", custom, inline, tinted, rounded, group = $bindable([]), choices = [], checked = $bindable(false), classes, class: className, divClass, disabled, value, labelProps = {}, ...restProps }: CheckboxProps = $props();
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import { fileupload } from "./theme";
|
|
3
3
|
import clsx from "clsx";
|
|
4
|
-
import {
|
|
4
|
+
import type { FileuploadProps } from "../..";
|
|
5
|
+
import CloseButton from "../../utils/CloseButton.svelte";
|
|
5
6
|
import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";
|
|
6
7
|
import { createDismissableContext } from "../../utils/dismissable";
|
|
7
8
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { FileuploadProps } from "../..";
|
|
2
2
|
/**
|
|
3
3
|
* [Go to docs](https://flowbite-svelte.com/)
|
|
4
4
|
* ## Type
|
|
@@ -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, {}, "elementRef" | "files">;
|
|
21
21
|
type Fileupload = ReturnType<typeof Fileupload>;
|
|
22
22
|
export default Fileupload;
|
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
import { idGenerator } from "../../utils";
|
|
3
3
|
import { floatingLabelInput } from "./theme";
|
|
4
4
|
import clsx from "clsx";
|
|
5
|
-
import {
|
|
5
|
+
import type { FloatingLabelInputProps } 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
|
|
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
import type { SizeType } from "../../types";
|
|
3
3
|
import { getContext } from "svelte";
|
|
4
4
|
import clsx from "clsx";
|
|
5
|
-
import {
|
|
5
|
+
import type { InputAddonProps } from "../..";
|
|
6
|
+
import { clampSize } from "../input-field";
|
|
6
7
|
|
|
7
8
|
let { children, class: className, size, ...restProps }: InputAddonProps = $props();
|
|
8
9
|
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import { getContext } from "svelte";
|
|
3
3
|
import clsx from "clsx";
|
|
4
|
-
import {
|
|
4
|
+
import type { SizeType, InputProps, InputValue } from "../..";
|
|
5
|
+
import CloseButton from "../../utils/CloseButton.svelte";
|
|
5
6
|
import { input } from "./theme";
|
|
6
7
|
import { clampSize } from "./index";
|
|
7
8
|
import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { InputProps, InputValue } from "../..";
|
|
2
2
|
declare const Input: import("svelte").Component<InputProps<InputValue>, {}, "value" | "elementRef">;
|
|
3
3
|
type Input = ReturnType<typeof Input>;
|
|
4
4
|
export default Input;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export { default as Input } from "./Input.svelte";
|
|
2
2
|
export { input } from "./theme";
|
|
3
3
|
import type { SizeType } from "../../types";
|
|
4
|
-
export declare function clampSize(s: SizeType): "
|
|
4
|
+
export declare function clampSize(s: SizeType): "sm" | "md" | "lg";
|
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
import { getContext } from "svelte";
|
|
3
3
|
import { radio } from "./theme";
|
|
4
4
|
import clsx from "clsx";
|
|
5
|
-
import {
|
|
5
|
+
import type { RadioProps } from "../..";
|
|
6
|
+
import Label from "../label/Label.svelte";
|
|
6
7
|
import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";
|
|
7
8
|
|
|
8
9
|
// remove inputClass in next major version
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
<script lang="ts" generics="T">
|
|
2
2
|
import clsx from "clsx";
|
|
3
|
-
import {
|
|
3
|
+
import type { RadioButtonProps } from "../..";
|
|
4
|
+
import Button from "../../buttons/Button.svelte";
|
|
4
5
|
import { radioButton } from "./theme";
|
|
5
6
|
import { getTheme } from "../../theme/themeUtils";
|
|
6
7
|
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import { search } from "./theme";
|
|
3
3
|
import clsx from "clsx";
|
|
4
|
-
import {
|
|
4
|
+
import type { SearchProps } from "../..";
|
|
5
|
+
import CloseButton from "../../utils/CloseButton.svelte";
|
|
5
6
|
import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";
|
|
6
7
|
import { createDismissableContext } from "../../utils/dismissable";
|
|
7
8
|
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
<script lang="ts" generics="T">
|
|
2
2
|
import clsx from "clsx";
|
|
3
|
-
import {
|
|
3
|
+
import type { MultiSelectProps, SelectOptionType } from "../..";
|
|
4
|
+
import Badge from "../../badge/Badge.svelte";
|
|
5
|
+
import CloseButton from "../../utils/CloseButton.svelte";
|
|
4
6
|
import { multiSelect } from "./theme";
|
|
5
7
|
import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";
|
|
6
8
|
import { onMount } from "svelte";
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
<script lang="ts" generics="T">
|
|
2
2
|
import { select as selectCls } from "./theme";
|
|
3
3
|
import clsx from "clsx";
|
|
4
|
-
import {
|
|
4
|
+
import type { SelectProps } from "../..";
|
|
5
|
+
import CloseButton from "../../utils/CloseButton.svelte";
|
|
5
6
|
import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";
|
|
6
7
|
import { createDismissableContext } from "../../utils/dismissable";
|
|
7
8
|
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import clsx from "clsx";
|
|
3
|
-
import {
|
|
3
|
+
import type { TagsProps } from "../..";
|
|
4
|
+
import P from "../../typography/paragraph/P.svelte";
|
|
5
|
+
import CloseButton from "../../utils/CloseButton.svelte";
|
|
4
6
|
import { tags } from "./theme";
|
|
5
7
|
import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";
|
|
6
8
|
import { computePosition, offset, flip, shift, autoUpdate } from "@floating-ui/dom";
|
|
@@ -4,27 +4,27 @@ export type TagsVariants = VariantProps<typeof tags> & Classes<typeof tags>;
|
|
|
4
4
|
export declare const tags: import("tailwind-variants").TVReturnType<{
|
|
5
5
|
[key: string]: {
|
|
6
6
|
[key: string]: import("tailwind-merge").ClassNameValue | {
|
|
7
|
+
base?: import("tailwind-merge").ClassNameValue;
|
|
7
8
|
input?: import("tailwind-merge").ClassNameValue;
|
|
8
9
|
span?: import("tailwind-merge").ClassNameValue;
|
|
9
|
-
base?: import("tailwind-merge").ClassNameValue;
|
|
10
10
|
close?: import("tailwind-merge").ClassNameValue;
|
|
11
|
-
error?: import("tailwind-merge").ClassNameValue;
|
|
12
11
|
tag?: import("tailwind-merge").ClassNameValue;
|
|
13
12
|
info?: import("tailwind-merge").ClassNameValue;
|
|
14
13
|
warning?: import("tailwind-merge").ClassNameValue;
|
|
14
|
+
error?: import("tailwind-merge").ClassNameValue;
|
|
15
15
|
};
|
|
16
16
|
};
|
|
17
17
|
} | {
|
|
18
18
|
[x: string]: {
|
|
19
19
|
[x: string]: import("tailwind-merge").ClassNameValue | {
|
|
20
|
+
base?: import("tailwind-merge").ClassNameValue;
|
|
20
21
|
input?: import("tailwind-merge").ClassNameValue;
|
|
21
22
|
span?: import("tailwind-merge").ClassNameValue;
|
|
22
|
-
base?: import("tailwind-merge").ClassNameValue;
|
|
23
23
|
close?: import("tailwind-merge").ClassNameValue;
|
|
24
|
-
error?: import("tailwind-merge").ClassNameValue;
|
|
25
24
|
tag?: import("tailwind-merge").ClassNameValue;
|
|
26
25
|
info?: import("tailwind-merge").ClassNameValue;
|
|
27
26
|
warning?: import("tailwind-merge").ClassNameValue;
|
|
27
|
+
error?: import("tailwind-merge").ClassNameValue;
|
|
28
28
|
};
|
|
29
29
|
};
|
|
30
30
|
} | {}, {
|
|
@@ -39,14 +39,14 @@ export declare const tags: import("tailwind-variants").TVReturnType<{
|
|
|
39
39
|
}, undefined, {
|
|
40
40
|
[key: string]: {
|
|
41
41
|
[key: string]: import("tailwind-merge").ClassNameValue | {
|
|
42
|
+
base?: import("tailwind-merge").ClassNameValue;
|
|
42
43
|
input?: import("tailwind-merge").ClassNameValue;
|
|
43
44
|
span?: import("tailwind-merge").ClassNameValue;
|
|
44
|
-
base?: import("tailwind-merge").ClassNameValue;
|
|
45
45
|
close?: import("tailwind-merge").ClassNameValue;
|
|
46
|
-
error?: import("tailwind-merge").ClassNameValue;
|
|
47
46
|
tag?: import("tailwind-merge").ClassNameValue;
|
|
48
47
|
info?: import("tailwind-merge").ClassNameValue;
|
|
49
48
|
warning?: import("tailwind-merge").ClassNameValue;
|
|
49
|
+
error?: import("tailwind-merge").ClassNameValue;
|
|
50
50
|
};
|
|
51
51
|
};
|
|
52
52
|
} | {}, {
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import { textarea } from "./theme";
|
|
3
3
|
import clsx from "clsx";
|
|
4
|
-
import {
|
|
4
|
+
import type { TextareaProps } from "../..";
|
|
5
|
+
import CloseButton from "../../utils/CloseButton.svelte";
|
|
5
6
|
import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";
|
|
6
7
|
import { createDismissableContext } from "../../utils/dismissable";
|
|
7
8
|
|
|
@@ -1,6 +1,14 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import clsx from "clsx";
|
|
3
|
-
import {
|
|
3
|
+
import type { TimepickerProps, TimePickerOption } from "../..";
|
|
4
|
+
import Input from "../input-field/Input.svelte";
|
|
5
|
+
import Select from "../select/Select.svelte";
|
|
6
|
+
import Button from "../../buttons/Button.svelte";
|
|
7
|
+
import ButtonGroup from "../../button-group/ButtonGroup.svelte";
|
|
8
|
+
import Dropdown from "../../dropdown/Dropdown.svelte";
|
|
9
|
+
import DropdownItem from "../../dropdown/DropdownItem.svelte";
|
|
10
|
+
import Label from "../label/Label.svelte";
|
|
11
|
+
import Toggle from "../toggle/Toggle.svelte";
|
|
4
12
|
import { timepicker } from "./theme";
|
|
5
13
|
import { parse, isValid, isBefore, isAfter } from "date-fns";
|
|
6
14
|
import { getTheme } from "../../theme/themeUtils";
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import { toggle } from "./
|
|
2
|
+
import { toggle } from "./theme";
|
|
3
3
|
import clsx from "clsx";
|
|
4
|
-
import {
|
|
4
|
+
import type { ToggleProps } from "../..";
|
|
5
|
+
import Label from "../label/Label.svelte";
|
|
5
6
|
import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";
|
|
6
7
|
|
|
7
8
|
let { children, size = "default", value, checked = $bindable(), disabled, color = "primary", class: className, classes, inputClass, spanClass, offLabel, ...restProps }: ToggleProps = $props();
|
package/dist/gallery/theme.d.ts
CHANGED
|
@@ -4,15 +4,15 @@ export type GalleryVariants = VariantProps<typeof gallery> & Classes<typeof gall
|
|
|
4
4
|
export declare const gallery: import("tailwind-variants").TVReturnType<{
|
|
5
5
|
[key: string]: {
|
|
6
6
|
[key: string]: import("tailwind-merge").ClassNameValue | {
|
|
7
|
-
div?: import("tailwind-merge").ClassNameValue;
|
|
8
7
|
image?: import("tailwind-merge").ClassNameValue;
|
|
8
|
+
div?: import("tailwind-merge").ClassNameValue;
|
|
9
9
|
};
|
|
10
10
|
};
|
|
11
11
|
} | {
|
|
12
12
|
[x: string]: {
|
|
13
13
|
[x: string]: import("tailwind-merge").ClassNameValue | {
|
|
14
|
-
div?: import("tailwind-merge").ClassNameValue;
|
|
15
14
|
image?: import("tailwind-merge").ClassNameValue;
|
|
15
|
+
div?: import("tailwind-merge").ClassNameValue;
|
|
16
16
|
};
|
|
17
17
|
};
|
|
18
18
|
} | {}, {
|
|
@@ -21,8 +21,8 @@ export declare const gallery: import("tailwind-variants").TVReturnType<{
|
|
|
21
21
|
}, undefined, {
|
|
22
22
|
[key: string]: {
|
|
23
23
|
[key: string]: import("tailwind-merge").ClassNameValue | {
|
|
24
|
-
div?: import("tailwind-merge").ClassNameValue;
|
|
25
24
|
image?: import("tailwind-merge").ClassNameValue;
|
|
25
|
+
div?: import("tailwind-merge").ClassNameValue;
|
|
26
26
|
};
|
|
27
27
|
};
|
|
28
28
|
} | {}, {
|
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
import { setContext } from "svelte";
|
|
3
3
|
import { listGroup } from "./theme";
|
|
4
4
|
import clsx from "clsx";
|
|
5
|
-
import {
|
|
5
|
+
import type { ListgroupProps } from "..";
|
|
6
|
+
import ListgroupItem from "./ListgroupItem.svelte";
|
|
6
7
|
import { getTheme } from "../theme/themeUtils";
|
|
7
8
|
|
|
8
9
|
let { children, items, active, onclick, horizontal, rounded, border, class: className, itemClass, iconClass, ...restProps }: ListgroupProps = $props();
|