flowbite-svelte 0.25.19 → 0.25.22
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 +26 -0
- package/alerts/Alert.svelte +3 -5
- package/alerts/Alert.svelte.d.ts +2 -4
- package/carousels/Carousel.svelte +39 -22
- package/carousels/Carousel.svelte.d.ts +4 -5
- package/carousels/CarouselTransition.svelte +39 -23
- package/carousels/CarouselTransition.svelte.d.ts +4 -5
- package/dropdowns/Dropdown.svelte +7 -7
- package/index.d.ts +4 -0
- package/index.js +4 -0
- package/navbar/Menu.svelte +36 -0
- package/navbar/Menu.svelte.d.ts +22 -0
- package/navbar/NavHamburger.svelte +2 -3
- package/package.json +7 -1
- package/ratings/Rating.svelte +1 -1
- package/ratings/RatingComment.svelte +4 -6
- package/ratings/Star.svelte +36 -0
- package/ratings/Star.svelte.d.ts +22 -0
- package/sidebars/SidebarDropdownWrapper.svelte +4 -7
- package/timelines/Timeline.svelte +13 -2
- package/timelines/Timeline.svelte.d.ts +2 -1
- package/timelines/TimelineItem.svelte +124 -35
- package/timelines/TimelineItem.svelte.d.ts +9 -3
- package/timelines/TimelineItemHorizontal.svelte +52 -21
- package/timelines/TimelineItemHorizontal.svelte.d.ts +6 -2
- package/timelines/TimelineItemVertical.svelte +52 -25
- package/timelines/TimelineItemVertical.svelte.d.ts +6 -2
- package/toasts/Toast.svelte +2 -1
- package/typography/Hr.svelte +9 -12
- package/typography/Hr.svelte.d.ts +1 -0
- package/utils/ChevronDown.svelte +36 -0
- package/utils/ChevronDown.svelte.d.ts +22 -0
- package/utils/ChevronLeft.svelte +36 -0
- package/utils/ChevronLeft.svelte.d.ts +22 -0
- package/utils/ChevronRight.svelte +36 -0
- package/utils/ChevronRight.svelte.d.ts +22 -0
- package/utils/ChevronUp.svelte +36 -0
- package/utils/ChevronUp.svelte.d.ts +22 -0
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
<script>export let size = '24';
|
|
2
|
+
export let color = 'currentColor';
|
|
3
|
+
export let variation = 'outline';
|
|
4
|
+
let viewBox;
|
|
5
|
+
let svgpath;
|
|
6
|
+
let svgoutline = `<path d="M4.5 15.75L12 8.25L19.5 15.75" stroke="${color}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> `;
|
|
7
|
+
let svgsolid = `<path fill-rule="evenodd" clip-rule="evenodd" d="M11.4697 7.71967C11.7626 7.42678 12.2374 7.42678 12.5303 7.71967L20.0303 15.2197C20.3232 15.5126 20.3232 15.9874 20.0303 16.2803C19.7374 16.5732 19.2626 16.5732 18.9697 16.2803L12 9.31066L5.03033 16.2803C4.73744 16.5732 4.26256 16.5732 3.96967 16.2803C3.67678 15.9874 3.67678 15.5126 3.96967 15.2197L11.4697 7.71967Z" fill="${color}"/> `;
|
|
8
|
+
$: switch (variation) {
|
|
9
|
+
case 'outline':
|
|
10
|
+
svgpath = svgoutline;
|
|
11
|
+
viewBox = '0 0 24 24';
|
|
12
|
+
break;
|
|
13
|
+
case 'solid':
|
|
14
|
+
svgpath = svgsolid;
|
|
15
|
+
viewBox = '0 0 24 24';
|
|
16
|
+
break;
|
|
17
|
+
default:
|
|
18
|
+
svgpath = svgoutline;
|
|
19
|
+
viewBox = '0 0 24 24';
|
|
20
|
+
}
|
|
21
|
+
export let ariaLabel = 'chevron up';
|
|
22
|
+
</script>
|
|
23
|
+
|
|
24
|
+
<svg
|
|
25
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
26
|
+
width={size}
|
|
27
|
+
height={size}
|
|
28
|
+
class={$$props.class}
|
|
29
|
+
{...$$restProps}
|
|
30
|
+
aria-label={ariaLabel}
|
|
31
|
+
fill="none"
|
|
32
|
+
{viewBox}
|
|
33
|
+
stroke-width="2"
|
|
34
|
+
on:click>
|
|
35
|
+
{@html svgpath}
|
|
36
|
+
</svg>
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { SvelteComponentTyped } from "svelte";
|
|
2
|
+
declare const __propDef: {
|
|
3
|
+
props: {
|
|
4
|
+
[x: string]: any;
|
|
5
|
+
size?: string;
|
|
6
|
+
color?: string;
|
|
7
|
+
variation?: 'solid' | 'outline';
|
|
8
|
+
ariaLabel?: string;
|
|
9
|
+
};
|
|
10
|
+
events: {
|
|
11
|
+
click: MouseEvent;
|
|
12
|
+
} & {
|
|
13
|
+
[evt: string]: CustomEvent<any>;
|
|
14
|
+
};
|
|
15
|
+
slots: {};
|
|
16
|
+
};
|
|
17
|
+
export declare type ChevronUpProps = typeof __propDef.props;
|
|
18
|
+
export declare type ChevronUpEvents = typeof __propDef.events;
|
|
19
|
+
export declare type ChevronUpSlots = typeof __propDef.slots;
|
|
20
|
+
export default class ChevronUp extends SvelteComponentTyped<ChevronUpProps, ChevronUpEvents, ChevronUpSlots> {
|
|
21
|
+
}
|
|
22
|
+
export {};
|