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/types.d.ts CHANGED
@@ -1,17 +1,37 @@
1
1
  import type { SvelteComponent } from 'svelte';
2
- export declare type Colors = 'blue' | 'gray' | 'red' | 'yellow' | 'purple' | 'green' | 'indigo' | 'pink';
3
- export declare type DropdownColorType = 'blue' | 'blue-outline' | 'dark' | 'dark-outline' | 'light' | 'green' | 'green-outline' | 'red' | 'red-outline' | 'yellow' | 'yellow-outline' | 'purple' | 'purple-outline';
4
- export declare type Buttontypes = 'blue' | 'blue-outline' | 'dark' | 'dark-outline' | 'light' | 'green' | 'green-outline' | 'red' | 'red-outline' | 'yellow' | 'yellow-outline' | 'purple' | 'purple-outline';
5
- export declare type Buttonshadows = 'blue' | 'green' | 'cyan' | 'teal' | 'lime' | 'red' | 'pink' | 'purple';
6
- export declare type Gradientduotones = 'purple2blue' | 'cyan2blue' | 'green2blue' | 'purple2pink' | 'pink2orange' | 'teal2lime' | 'red2yellow';
7
- export declare type Textsize = 'text-xs' | 'text-sm' | 'text-base' | 'text-lg' | 'text-xl' | 'text-2xl' | 'text-3xl' | 'text-4xl';
8
- 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';
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 declare type ImgType = {
24
- src: string;
25
- alt?: string;
26
- };
27
- export interface LinkType {
28
- name: string;
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 interface SocialMediaType {
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
- icon: typeof SvelteComponent;
40
- }
41
- export declare type AlignType = 'text-center' | 'text-left' | 'text-right';
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
- rel?: string;
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 TabHeadType {
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 SocialMediaLinkType {
76
- parent: string;
77
- children?: LinkType[];
104
+ export interface PageType {
105
+ pageNum: number;
106
+ href: string;
78
107
  }
79
- export interface DropdownType {
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 declare type AuthFunctionType = () => Promise<void>;
91
- export declare type ButtonType = 'button' | 'submit' | 'reset';
92
- export interface AuthFieldType {
113
+ export interface RadioType {
114
+ id: string;
93
115
  label: string;
94
- fieldtype: string;
95
- required?: boolean;
96
- placeholder?: string;
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 declare type SelectOptionType = {
137
+ export interface SiteType {
112
138
  name: string;
113
- value: string;
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 declare type TransitionTypes = 'fade' | 'fly' | 'slide' | 'blur';
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 interface CheckboxType {
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';