flowbite-svelte 1.0.0-next.8 → 1.0.0-next.9
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/mega-menu/MegaMenu.svelte +1 -1
- package/dist/popover/Popover.svelte +4 -4
- package/dist/popover/Popover.svelte.d.ts +1 -1
- package/dist/popover/theme.d.ts +0 -117
- package/dist/popover/theme.js +5 -693
- package/dist/progress/Progressbar.svelte +4 -4
- package/dist/progress/Progressbar.svelte.d.ts +1 -1
- package/dist/progress/type.d.ts +1 -1
- package/dist/theme/index.d.ts +30 -150
- package/dist/tooltip/Tooltip.svelte +5 -7
- package/dist/tooltip/Tooltip.svelte.d.ts +1 -1
- package/dist/tooltip/theme.d.ts +30 -34
- package/dist/tooltip/theme.js +28 -46
- package/dist/utils/Arrow.svelte +9 -4
- package/dist/utils/Arrow.svelte.d.ts +0 -1
- package/dist/utils/Popper.svelte +16 -15
- package/dist/utils/Popper.svelte.d.ts +2 -2
- package/package.json +1 -1
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
let ulCls = $derived(ul({ class: ulClass }));
|
|
18
18
|
</script>
|
|
19
19
|
|
|
20
|
-
<Popper color={full ? "default" : "dropdown"}
|
|
20
|
+
<Popper color={full ? "default" : "dropdown"} arrow={false} trigger="click" placement="bottom" yOnly={full} {...restProps} class={wrapperClass}>
|
|
21
21
|
<div class={div()}>
|
|
22
22
|
<ul class={ulCls}>
|
|
23
23
|
{#each items as item, index}
|
|
@@ -4,12 +4,12 @@
|
|
|
4
4
|
import { popover } from "./theme";
|
|
5
5
|
import type { PopoverProps } from "./type";
|
|
6
6
|
|
|
7
|
-
let { title: titleSlot, color = "default", trigger = "
|
|
7
|
+
let { title: titleSlot, color = "default", trigger = "hover", defaultClass, arrow = true, children, placement = "top", class: className, ...restProps }: PopoverProps = $props();
|
|
8
8
|
|
|
9
|
-
let { base, title, h3, arrowBase, content } = $derived(popover({ color
|
|
9
|
+
let { base, title, h3, arrowBase, content } = $derived(popover({ color }));
|
|
10
10
|
</script>
|
|
11
11
|
|
|
12
|
-
<Popper {...restProps} {placement}
|
|
12
|
+
<Popper {...restProps} {placement} {trigger} {arrow} class={base({ class: clsx(className) })}>
|
|
13
13
|
{#if typeof titleSlot === "string"}
|
|
14
14
|
<div class={title()}>
|
|
15
15
|
<h3 class={h3()}>{titleSlot}</h3>
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
## Props
|
|
29
29
|
@props: title: any;
|
|
30
30
|
@props:color: any = "default";
|
|
31
|
-
@props:trigger: any = "
|
|
31
|
+
@props:trigger: any = "hover";
|
|
32
32
|
@props:defaultClass: any;
|
|
33
33
|
@props:arrow: any = true;
|
|
34
34
|
@props:children: any;
|
|
@@ -4,7 +4,7 @@ import type { PopoverProps } from "./type";
|
|
|
4
4
|
* ## Props
|
|
5
5
|
* @props: title: any;
|
|
6
6
|
* @props:color: any = "default";
|
|
7
|
-
* @props:trigger: any = "
|
|
7
|
+
* @props:trigger: any = "hover";
|
|
8
8
|
* @props:defaultClass: any;
|
|
9
9
|
* @props:arrow: any = true;
|
|
10
10
|
* @props:children: any;
|
package/dist/popover/theme.d.ts
CHANGED
|
@@ -3,129 +3,90 @@ export type PopoverVariants = VariantProps<typeof popover>;
|
|
|
3
3
|
export declare const popover: import("tailwind-variants").TVReturnType<{
|
|
4
4
|
color: {
|
|
5
5
|
default: {
|
|
6
|
-
base: string;
|
|
7
6
|
title: string;
|
|
8
7
|
h3: string;
|
|
9
8
|
};
|
|
10
9
|
primary: {
|
|
11
|
-
base: string;
|
|
12
10
|
title: string;
|
|
13
11
|
h3: string;
|
|
14
12
|
};
|
|
15
13
|
secondary: {
|
|
16
|
-
base: string;
|
|
17
14
|
title: string;
|
|
18
15
|
h3: string;
|
|
19
16
|
};
|
|
20
17
|
gray: {
|
|
21
|
-
base: string;
|
|
22
18
|
title: string;
|
|
23
19
|
h3: string;
|
|
24
20
|
};
|
|
25
21
|
red: {
|
|
26
|
-
base: string;
|
|
27
22
|
title: string;
|
|
28
23
|
h3: string;
|
|
29
24
|
};
|
|
30
25
|
orange: {
|
|
31
|
-
base: string;
|
|
32
26
|
title: string;
|
|
33
27
|
h3: string;
|
|
34
28
|
};
|
|
35
29
|
amber: {
|
|
36
|
-
base: string;
|
|
37
30
|
title: string;
|
|
38
31
|
h3: string;
|
|
39
32
|
};
|
|
40
33
|
yellow: {
|
|
41
|
-
base: string;
|
|
42
34
|
title: string;
|
|
43
35
|
h3: string;
|
|
44
36
|
};
|
|
45
37
|
lime: {
|
|
46
|
-
base: string;
|
|
47
38
|
title: string;
|
|
48
39
|
h3: string;
|
|
49
40
|
};
|
|
50
41
|
green: {
|
|
51
|
-
base: string;
|
|
52
42
|
title: string;
|
|
53
43
|
h3: string;
|
|
54
44
|
};
|
|
55
45
|
emerald: {
|
|
56
|
-
base: string;
|
|
57
46
|
title: string;
|
|
58
47
|
h3: string;
|
|
59
48
|
};
|
|
60
49
|
teal: {
|
|
61
|
-
base: string;
|
|
62
50
|
title: string;
|
|
63
51
|
h3: string;
|
|
64
52
|
};
|
|
65
53
|
cyan: {
|
|
66
|
-
base: string;
|
|
67
54
|
title: string;
|
|
68
55
|
h3: string;
|
|
69
56
|
};
|
|
70
57
|
sky: {
|
|
71
|
-
base: string;
|
|
72
58
|
title: string;
|
|
73
59
|
h3: string;
|
|
74
60
|
};
|
|
75
61
|
blue: {
|
|
76
|
-
base: string;
|
|
77
62
|
title: string;
|
|
78
63
|
h3: string;
|
|
79
64
|
};
|
|
80
65
|
indigo: {
|
|
81
|
-
base: string;
|
|
82
66
|
title: string;
|
|
83
67
|
h3: string;
|
|
84
68
|
};
|
|
85
69
|
violet: {
|
|
86
|
-
base: string;
|
|
87
70
|
title: string;
|
|
88
71
|
h3: string;
|
|
89
72
|
};
|
|
90
73
|
purple: {
|
|
91
|
-
base: string;
|
|
92
74
|
title: string;
|
|
93
75
|
h3: string;
|
|
94
76
|
};
|
|
95
77
|
fuchsia: {
|
|
96
|
-
base: string;
|
|
97
78
|
title: string;
|
|
98
79
|
h3: string;
|
|
99
80
|
};
|
|
100
81
|
pink: {
|
|
101
|
-
base: string;
|
|
102
82
|
title: string;
|
|
103
83
|
h3: string;
|
|
104
84
|
};
|
|
105
85
|
rose: {
|
|
106
|
-
base: string;
|
|
107
86
|
title: string;
|
|
108
87
|
h3: string;
|
|
109
88
|
};
|
|
110
89
|
};
|
|
111
|
-
arrow: {
|
|
112
|
-
true: string;
|
|
113
|
-
false: string;
|
|
114
|
-
};
|
|
115
|
-
placement: {
|
|
116
|
-
top: string;
|
|
117
|
-
bottom: string;
|
|
118
|
-
left: string;
|
|
119
|
-
right: string;
|
|
120
|
-
"right-start": string;
|
|
121
|
-
"right-end": string;
|
|
122
|
-
"left-start": string;
|
|
123
|
-
"left-end": string;
|
|
124
|
-
"top-start": string;
|
|
125
|
-
"top-end": string;
|
|
126
|
-
"bottom-start": string;
|
|
127
|
-
"bottom-end": string;
|
|
128
|
-
};
|
|
129
90
|
}, {
|
|
130
91
|
base: string;
|
|
131
92
|
content: string;
|
|
@@ -135,129 +96,90 @@ export declare const popover: import("tailwind-variants").TVReturnType<{
|
|
|
135
96
|
}, undefined, {
|
|
136
97
|
color: {
|
|
137
98
|
default: {
|
|
138
|
-
base: string;
|
|
139
99
|
title: string;
|
|
140
100
|
h3: string;
|
|
141
101
|
};
|
|
142
102
|
primary: {
|
|
143
|
-
base: string;
|
|
144
103
|
title: string;
|
|
145
104
|
h3: string;
|
|
146
105
|
};
|
|
147
106
|
secondary: {
|
|
148
|
-
base: string;
|
|
149
107
|
title: string;
|
|
150
108
|
h3: string;
|
|
151
109
|
};
|
|
152
110
|
gray: {
|
|
153
|
-
base: string;
|
|
154
111
|
title: string;
|
|
155
112
|
h3: string;
|
|
156
113
|
};
|
|
157
114
|
red: {
|
|
158
|
-
base: string;
|
|
159
115
|
title: string;
|
|
160
116
|
h3: string;
|
|
161
117
|
};
|
|
162
118
|
orange: {
|
|
163
|
-
base: string;
|
|
164
119
|
title: string;
|
|
165
120
|
h3: string;
|
|
166
121
|
};
|
|
167
122
|
amber: {
|
|
168
|
-
base: string;
|
|
169
123
|
title: string;
|
|
170
124
|
h3: string;
|
|
171
125
|
};
|
|
172
126
|
yellow: {
|
|
173
|
-
base: string;
|
|
174
127
|
title: string;
|
|
175
128
|
h3: string;
|
|
176
129
|
};
|
|
177
130
|
lime: {
|
|
178
|
-
base: string;
|
|
179
131
|
title: string;
|
|
180
132
|
h3: string;
|
|
181
133
|
};
|
|
182
134
|
green: {
|
|
183
|
-
base: string;
|
|
184
135
|
title: string;
|
|
185
136
|
h3: string;
|
|
186
137
|
};
|
|
187
138
|
emerald: {
|
|
188
|
-
base: string;
|
|
189
139
|
title: string;
|
|
190
140
|
h3: string;
|
|
191
141
|
};
|
|
192
142
|
teal: {
|
|
193
|
-
base: string;
|
|
194
143
|
title: string;
|
|
195
144
|
h3: string;
|
|
196
145
|
};
|
|
197
146
|
cyan: {
|
|
198
|
-
base: string;
|
|
199
147
|
title: string;
|
|
200
148
|
h3: string;
|
|
201
149
|
};
|
|
202
150
|
sky: {
|
|
203
|
-
base: string;
|
|
204
151
|
title: string;
|
|
205
152
|
h3: string;
|
|
206
153
|
};
|
|
207
154
|
blue: {
|
|
208
|
-
base: string;
|
|
209
155
|
title: string;
|
|
210
156
|
h3: string;
|
|
211
157
|
};
|
|
212
158
|
indigo: {
|
|
213
|
-
base: string;
|
|
214
159
|
title: string;
|
|
215
160
|
h3: string;
|
|
216
161
|
};
|
|
217
162
|
violet: {
|
|
218
|
-
base: string;
|
|
219
163
|
title: string;
|
|
220
164
|
h3: string;
|
|
221
165
|
};
|
|
222
166
|
purple: {
|
|
223
|
-
base: string;
|
|
224
167
|
title: string;
|
|
225
168
|
h3: string;
|
|
226
169
|
};
|
|
227
170
|
fuchsia: {
|
|
228
|
-
base: string;
|
|
229
171
|
title: string;
|
|
230
172
|
h3: string;
|
|
231
173
|
};
|
|
232
174
|
pink: {
|
|
233
|
-
base: string;
|
|
234
175
|
title: string;
|
|
235
176
|
h3: string;
|
|
236
177
|
};
|
|
237
178
|
rose: {
|
|
238
|
-
base: string;
|
|
239
179
|
title: string;
|
|
240
180
|
h3: string;
|
|
241
181
|
};
|
|
242
182
|
};
|
|
243
|
-
arrow: {
|
|
244
|
-
true: string;
|
|
245
|
-
false: string;
|
|
246
|
-
};
|
|
247
|
-
placement: {
|
|
248
|
-
top: string;
|
|
249
|
-
bottom: string;
|
|
250
|
-
left: string;
|
|
251
|
-
right: string;
|
|
252
|
-
"right-start": string;
|
|
253
|
-
"right-end": string;
|
|
254
|
-
"left-start": string;
|
|
255
|
-
"left-end": string;
|
|
256
|
-
"top-start": string;
|
|
257
|
-
"top-end": string;
|
|
258
|
-
"bottom-start": string;
|
|
259
|
-
"bottom-end": string;
|
|
260
|
-
};
|
|
261
183
|
}, {
|
|
262
184
|
base: string;
|
|
263
185
|
content: string;
|
|
@@ -267,129 +189,90 @@ export declare const popover: import("tailwind-variants").TVReturnType<{
|
|
|
267
189
|
}, import("tailwind-variants").TVReturnType<{
|
|
268
190
|
color: {
|
|
269
191
|
default: {
|
|
270
|
-
base: string;
|
|
271
192
|
title: string;
|
|
272
193
|
h3: string;
|
|
273
194
|
};
|
|
274
195
|
primary: {
|
|
275
|
-
base: string;
|
|
276
196
|
title: string;
|
|
277
197
|
h3: string;
|
|
278
198
|
};
|
|
279
199
|
secondary: {
|
|
280
|
-
base: string;
|
|
281
200
|
title: string;
|
|
282
201
|
h3: string;
|
|
283
202
|
};
|
|
284
203
|
gray: {
|
|
285
|
-
base: string;
|
|
286
204
|
title: string;
|
|
287
205
|
h3: string;
|
|
288
206
|
};
|
|
289
207
|
red: {
|
|
290
|
-
base: string;
|
|
291
208
|
title: string;
|
|
292
209
|
h3: string;
|
|
293
210
|
};
|
|
294
211
|
orange: {
|
|
295
|
-
base: string;
|
|
296
212
|
title: string;
|
|
297
213
|
h3: string;
|
|
298
214
|
};
|
|
299
215
|
amber: {
|
|
300
|
-
base: string;
|
|
301
216
|
title: string;
|
|
302
217
|
h3: string;
|
|
303
218
|
};
|
|
304
219
|
yellow: {
|
|
305
|
-
base: string;
|
|
306
220
|
title: string;
|
|
307
221
|
h3: string;
|
|
308
222
|
};
|
|
309
223
|
lime: {
|
|
310
|
-
base: string;
|
|
311
224
|
title: string;
|
|
312
225
|
h3: string;
|
|
313
226
|
};
|
|
314
227
|
green: {
|
|
315
|
-
base: string;
|
|
316
228
|
title: string;
|
|
317
229
|
h3: string;
|
|
318
230
|
};
|
|
319
231
|
emerald: {
|
|
320
|
-
base: string;
|
|
321
232
|
title: string;
|
|
322
233
|
h3: string;
|
|
323
234
|
};
|
|
324
235
|
teal: {
|
|
325
|
-
base: string;
|
|
326
236
|
title: string;
|
|
327
237
|
h3: string;
|
|
328
238
|
};
|
|
329
239
|
cyan: {
|
|
330
|
-
base: string;
|
|
331
240
|
title: string;
|
|
332
241
|
h3: string;
|
|
333
242
|
};
|
|
334
243
|
sky: {
|
|
335
|
-
base: string;
|
|
336
244
|
title: string;
|
|
337
245
|
h3: string;
|
|
338
246
|
};
|
|
339
247
|
blue: {
|
|
340
|
-
base: string;
|
|
341
248
|
title: string;
|
|
342
249
|
h3: string;
|
|
343
250
|
};
|
|
344
251
|
indigo: {
|
|
345
|
-
base: string;
|
|
346
252
|
title: string;
|
|
347
253
|
h3: string;
|
|
348
254
|
};
|
|
349
255
|
violet: {
|
|
350
|
-
base: string;
|
|
351
256
|
title: string;
|
|
352
257
|
h3: string;
|
|
353
258
|
};
|
|
354
259
|
purple: {
|
|
355
|
-
base: string;
|
|
356
260
|
title: string;
|
|
357
261
|
h3: string;
|
|
358
262
|
};
|
|
359
263
|
fuchsia: {
|
|
360
|
-
base: string;
|
|
361
264
|
title: string;
|
|
362
265
|
h3: string;
|
|
363
266
|
};
|
|
364
267
|
pink: {
|
|
365
|
-
base: string;
|
|
366
268
|
title: string;
|
|
367
269
|
h3: string;
|
|
368
270
|
};
|
|
369
271
|
rose: {
|
|
370
|
-
base: string;
|
|
371
272
|
title: string;
|
|
372
273
|
h3: string;
|
|
373
274
|
};
|
|
374
275
|
};
|
|
375
|
-
arrow: {
|
|
376
|
-
true: string;
|
|
377
|
-
false: string;
|
|
378
|
-
};
|
|
379
|
-
placement: {
|
|
380
|
-
top: string;
|
|
381
|
-
bottom: string;
|
|
382
|
-
left: string;
|
|
383
|
-
right: string;
|
|
384
|
-
"right-start": string;
|
|
385
|
-
"right-end": string;
|
|
386
|
-
"left-start": string;
|
|
387
|
-
"left-end": string;
|
|
388
|
-
"top-start": string;
|
|
389
|
-
"top-end": string;
|
|
390
|
-
"bottom-start": string;
|
|
391
|
-
"bottom-end": string;
|
|
392
|
-
};
|
|
393
276
|
}, {
|
|
394
277
|
base: string;
|
|
395
278
|
content: string;
|