flowbite-svelte 0.13.8 → 0.14.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +37 -0
- package/README.md +20 -2
- package/breadcrumbs/Breadcrumb.svelte +49 -0
- package/breadcrumbs/Breadcrumb.svelte.d.ts +20 -0
- package/cards/Card.svelte +42 -24
- package/cards/Card.svelte.d.ts +0 -1
- package/carousels/Caption.svelte +2 -1
- package/carousels/Caption.svelte.d.ts +1 -0
- package/carousels/Carousel.svelte +94 -35
- package/carousels/Carousel.svelte.d.ts +5 -0
- package/carousels/CarouselTransition.svelte +155 -0
- package/carousels/CarouselTransition.svelte.d.ts +27 -0
- package/carousels/Indicator.svelte +2 -1
- package/carousels/Indicator.svelte.d.ts +1 -0
- package/carousels/Slide.svelte +2 -1
- package/carousels/Slide.svelte.d.ts +1 -0
- package/dropdowns/DropdownDefault.svelte +33 -28
- package/dropdowns/DropdownDefault.svelte.d.ts +3 -0
- package/dropdowns/ImgDropdown.svelte +31 -0
- package/dropdowns/ImgDropdown.svelte.d.ts +24 -0
- package/footer/SitemapFooter.svelte +29 -26
- package/footer/SitemapFooter.svelte.d.ts +1 -0
- package/footer/SocialMediaFooter.svelte +2 -1
- package/footer/SocialMediaFooter.svelte.d.ts +1 -0
- package/forms/Input.svelte +24 -2
- package/forms/Input.svelte.d.ts +1 -0
- package/forms/Textarea.svelte +2 -1
- package/forms/Textarea.svelte.d.ts +1 -0
- package/index.d.ts +3 -0
- package/index.js +7 -2
- package/navbar/Navbar.svelte +52 -26
- package/package.json +18 -15
- package/paginations/TableData.svelte +1 -1
- package/tables/TableSearch.svelte.d.ts +1 -1
- package/types.d.ts +99 -95
package/types.d.ts
CHANGED
|
@@ -1,17 +1,37 @@
|
|
|
1
1
|
import type { SvelteComponent } from 'svelte';
|
|
2
|
-
export
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
2
|
+
export interface ActivityType {
|
|
3
|
+
title: HTMLElement | string;
|
|
4
|
+
date: Date | string;
|
|
5
|
+
src: string;
|
|
6
|
+
alt: string;
|
|
7
|
+
text?: HTMLElement | string;
|
|
8
|
+
}
|
|
9
|
+
export declare type AlignType = 'text-center' | 'text-left' | 'text-right';
|
|
10
|
+
export interface AuthFieldType {
|
|
11
|
+
label: string;
|
|
12
|
+
fieldtype: string;
|
|
13
|
+
required?: boolean;
|
|
14
|
+
placeholder?: string;
|
|
15
|
+
}
|
|
16
|
+
export declare type AuthFunctionType = () => Promise<void>;
|
|
17
|
+
export interface AvatarType {
|
|
18
|
+
src?: string;
|
|
19
|
+
alt?: string;
|
|
20
|
+
size?: number;
|
|
21
|
+
border?: boolean;
|
|
22
|
+
round?: boolean;
|
|
23
|
+
header?: string;
|
|
24
|
+
text?: string;
|
|
25
|
+
}
|
|
9
26
|
export interface ButtonGroupType {
|
|
10
27
|
name: string;
|
|
11
28
|
href?: string;
|
|
12
29
|
rel?: string;
|
|
13
30
|
icon?: typeof SvelteComponent;
|
|
14
31
|
}
|
|
32
|
+
export declare type ButtonType = 'button' | 'submit' | 'reset';
|
|
33
|
+
export declare type Buttontypes = 'blue' | 'blue-outline' | 'dark' | 'dark-outline' | 'light' | 'green' | 'green-outline' | 'red' | 'red-outline' | 'yellow' | 'yellow-outline' | 'purple' | 'purple-outline';
|
|
34
|
+
export declare type Buttonshadows = 'blue' | 'green' | 'cyan' | 'teal' | 'lime' | 'red' | 'pink' | 'purple';
|
|
15
35
|
export declare type CardButtonType = {
|
|
16
36
|
textSize?: Textsize;
|
|
17
37
|
name: string;
|
|
@@ -20,30 +40,32 @@ export declare type CardButtonType = {
|
|
|
20
40
|
rel?: string;
|
|
21
41
|
rounded?: boolean;
|
|
22
42
|
};
|
|
23
|
-
export
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
href: string;
|
|
30
|
-
rel?: string;
|
|
31
|
-
}
|
|
32
|
-
export interface SiteType {
|
|
33
|
-
name: string;
|
|
34
|
-
href: string;
|
|
35
|
-
img?: string;
|
|
43
|
+
export interface CheckboxType {
|
|
44
|
+
id: string;
|
|
45
|
+
label: string;
|
|
46
|
+
checked?: boolean;
|
|
47
|
+
disabled?: boolean;
|
|
48
|
+
helper?: string;
|
|
36
49
|
}
|
|
37
|
-
export
|
|
50
|
+
export declare type Colors = 'blue' | 'gray' | 'red' | 'yellow' | 'purple' | 'green' | 'indigo' | 'pink';
|
|
51
|
+
export declare type CrumbType = {
|
|
52
|
+
label: string;
|
|
38
53
|
href: string;
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
export
|
|
42
|
-
export interface TabType {
|
|
54
|
+
};
|
|
55
|
+
export declare type DropdownColorType = 'blue' | 'blue-outline' | 'dark' | 'dark-outline' | 'light' | 'green' | 'green-outline' | 'red' | 'red-outline' | 'yellow' | 'yellow-outline' | 'purple' | 'purple-outline';
|
|
56
|
+
export interface DropdownType {
|
|
43
57
|
name: string;
|
|
44
|
-
active: boolean;
|
|
45
58
|
href: string;
|
|
46
|
-
|
|
59
|
+
divider?: boolean;
|
|
60
|
+
}
|
|
61
|
+
export declare type Gradientduotones = 'purple2blue' | 'cyan2blue' | 'green2blue' | 'purple2pink' | 'pink2orange' | 'teal2lime' | 'red2yellow';
|
|
62
|
+
export interface GroupTimelineType {
|
|
63
|
+
title: string | HTMLElement;
|
|
64
|
+
src: string;
|
|
65
|
+
alt: string;
|
|
66
|
+
href?: string;
|
|
67
|
+
isPrivate?: boolean;
|
|
68
|
+
comment?: string | HTMLElement;
|
|
47
69
|
}
|
|
48
70
|
export interface IconTabType {
|
|
49
71
|
name: string;
|
|
@@ -52,19 +74,26 @@ export interface IconTabType {
|
|
|
52
74
|
rel?: string;
|
|
53
75
|
icon?: typeof SvelteComponent;
|
|
54
76
|
}
|
|
77
|
+
export declare type ImgType = {
|
|
78
|
+
src: string;
|
|
79
|
+
alt?: string;
|
|
80
|
+
};
|
|
81
|
+
export declare type InputType = 'button' | 'checkbox' | 'color' | 'date' | 'datetime-local' | 'email' | 'file' | 'hidden' | 'image' | 'month' | 'number' | 'password' | 'radio' | 'range' | 'reset' | 'search' | 'submit' | 'tel' | 'text' | 'time' | 'url' | 'week';
|
|
55
82
|
export interface InteractiveTabType {
|
|
56
83
|
name: string;
|
|
57
84
|
id: number;
|
|
58
85
|
content: string | typeof SvelteComponent;
|
|
59
86
|
}
|
|
60
|
-
export interface
|
|
61
|
-
name: string;
|
|
62
|
-
id: number;
|
|
63
|
-
}
|
|
64
|
-
export interface PillTabType {
|
|
87
|
+
export interface LinkType {
|
|
65
88
|
name: string;
|
|
66
|
-
selected: boolean;
|
|
67
89
|
href: string;
|
|
90
|
+
rel?: string;
|
|
91
|
+
}
|
|
92
|
+
export interface ListCardType {
|
|
93
|
+
img: ImgType;
|
|
94
|
+
field1: string;
|
|
95
|
+
field2?: string;
|
|
96
|
+
field3?: string;
|
|
68
97
|
}
|
|
69
98
|
export interface NavbarType {
|
|
70
99
|
name: string;
|
|
@@ -72,29 +101,26 @@ export interface NavbarType {
|
|
|
72
101
|
rel?: string;
|
|
73
102
|
child?: NavbarType[];
|
|
74
103
|
}
|
|
75
|
-
export interface
|
|
76
|
-
|
|
77
|
-
|
|
104
|
+
export interface PageType {
|
|
105
|
+
pageNum: number;
|
|
106
|
+
href: string;
|
|
78
107
|
}
|
|
79
|
-
export interface
|
|
108
|
+
export interface PillTabType {
|
|
80
109
|
name: string;
|
|
110
|
+
selected: boolean;
|
|
81
111
|
href: string;
|
|
82
|
-
divider: boolean;
|
|
83
|
-
}
|
|
84
|
-
export interface ListCardType {
|
|
85
|
-
img: ImgType;
|
|
86
|
-
field1: string;
|
|
87
|
-
field2?: string;
|
|
88
|
-
field3?: string;
|
|
89
112
|
}
|
|
90
|
-
export
|
|
91
|
-
|
|
92
|
-
export interface AuthFieldType {
|
|
113
|
+
export interface RadioType {
|
|
114
|
+
id: string;
|
|
93
115
|
label: string;
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
116
|
+
value: string;
|
|
117
|
+
checked?: boolean;
|
|
118
|
+
disabled?: boolean;
|
|
97
119
|
}
|
|
120
|
+
export declare type SelectOptionType = {
|
|
121
|
+
name: string;
|
|
122
|
+
value: string;
|
|
123
|
+
};
|
|
98
124
|
export declare type SidebarType = {
|
|
99
125
|
id: number;
|
|
100
126
|
name: string;
|
|
@@ -108,20 +134,30 @@ export declare type SidebarCtaType = {
|
|
|
108
134
|
label: string;
|
|
109
135
|
text: HTMLElement;
|
|
110
136
|
};
|
|
111
|
-
export
|
|
137
|
+
export interface SiteType {
|
|
112
138
|
name: string;
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
export interface AvatarType {
|
|
116
|
-
src?: string;
|
|
117
|
-
alt?: string;
|
|
118
|
-
size?: 6 | 8 | 12 | 16 | 24 | 48;
|
|
119
|
-
border?: boolean;
|
|
120
|
-
round?: boolean;
|
|
121
|
-
header?: string;
|
|
122
|
-
text?: string;
|
|
139
|
+
href: string;
|
|
140
|
+
img?: string;
|
|
123
141
|
}
|
|
124
|
-
export
|
|
142
|
+
export interface SocialMediaLinkType {
|
|
143
|
+
parent: string;
|
|
144
|
+
children?: LinkType[];
|
|
145
|
+
}
|
|
146
|
+
export interface SocialMediaType {
|
|
147
|
+
href: string;
|
|
148
|
+
icon: typeof SvelteComponent;
|
|
149
|
+
}
|
|
150
|
+
export interface TabHeadType {
|
|
151
|
+
name: string;
|
|
152
|
+
id: number;
|
|
153
|
+
}
|
|
154
|
+
export interface TabType {
|
|
155
|
+
name: string;
|
|
156
|
+
active: boolean;
|
|
157
|
+
href: string;
|
|
158
|
+
rel?: string;
|
|
159
|
+
}
|
|
160
|
+
export declare type Textsize = 'text-xs' | 'text-sm' | 'text-base' | 'text-lg' | 'text-xl' | 'text-2xl' | 'text-3xl' | 'text-4xl';
|
|
125
161
|
export interface TimelineItemType {
|
|
126
162
|
date: Date | string;
|
|
127
163
|
title: string;
|
|
@@ -144,25 +180,6 @@ export interface TimelineItemHorizontalType {
|
|
|
144
180
|
icon?: typeof SvelteComponent;
|
|
145
181
|
text?: HTMLElement | string;
|
|
146
182
|
}
|
|
147
|
-
export interface ActivityType {
|
|
148
|
-
title: HTMLElement | string;
|
|
149
|
-
date: Date | string;
|
|
150
|
-
src: string;
|
|
151
|
-
alt: string;
|
|
152
|
-
text?: HTMLElement | string;
|
|
153
|
-
}
|
|
154
|
-
export interface GroupTimelineType {
|
|
155
|
-
title: string | HTMLElement;
|
|
156
|
-
src: string;
|
|
157
|
-
alt: string;
|
|
158
|
-
href?: string;
|
|
159
|
-
isPrivate?: boolean;
|
|
160
|
-
comment?: string | HTMLElement;
|
|
161
|
-
}
|
|
162
|
-
export interface PageType {
|
|
163
|
-
pageNum: number;
|
|
164
|
-
href: string;
|
|
165
|
-
}
|
|
166
183
|
export interface TransitionParamTypes {
|
|
167
184
|
delay?: number;
|
|
168
185
|
duration?: number;
|
|
@@ -170,17 +187,4 @@ export interface TransitionParamTypes {
|
|
|
170
187
|
css?: (t: number, u: number) => string;
|
|
171
188
|
tick?: (t: number, u: number) => void;
|
|
172
189
|
}
|
|
173
|
-
export
|
|
174
|
-
id: string;
|
|
175
|
-
label: string;
|
|
176
|
-
checked?: boolean;
|
|
177
|
-
disabled?: boolean;
|
|
178
|
-
helper?: string;
|
|
179
|
-
}
|
|
180
|
-
export interface RadioType {
|
|
181
|
-
id: string;
|
|
182
|
-
label: string;
|
|
183
|
-
value: string;
|
|
184
|
-
checked?: boolean;
|
|
185
|
-
disabled?: boolean;
|
|
186
|
-
}
|
|
190
|
+
export declare type TransitionTypes = 'fade' | 'fly' | 'slide' | 'blur' | 'in:fly' | 'out:fly' | 'in:slide' | 'out:slide' | 'in:fade' | 'out:fade' | 'in:blur' | 'out:blur';
|