flowbite-svelte 0.41.2 → 0.43.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/README.md +1 -5
- package/dist/accordion/Accordion.svelte.d.ts.map +1 -1
- package/dist/accordion/AccordionItem.svelte +11 -5
- package/dist/accordion/AccordionItem.svelte.d.ts.map +1 -1
- package/dist/alerts/Alert.svelte +1 -12
- package/dist/avatar/Avatar.svelte +1 -5
- package/dist/avatar/Avatar.svelte.d.ts.map +1 -1
- package/dist/avatar/Placeholder.svelte.d.ts.map +1 -1
- package/dist/badges/Badge.svelte +1 -6
- package/dist/badges/Badge.svelte.d.ts.map +1 -1
- package/dist/banner/Banner.svelte +1 -12
- package/dist/bottom-nav/BottomNav.svelte.d.ts.map +1 -1
- package/dist/bottom-nav/BottomNavHeader.svelte.d.ts.map +1 -1
- package/dist/bottom-nav/BottomNavHeaderItem.svelte.d.ts.map +1 -1
- package/dist/bottom-nav/BottomNavItem.svelte +1 -12
- package/dist/bottom-nav/BottomNavItem.svelte.d.ts.map +1 -1
- package/dist/breadcrumbs/Breadcrumb.svelte.d.ts.map +1 -1
- package/dist/breadcrumbs/BreadcrumbItem.svelte +6 -12
- package/dist/breadcrumbs/BreadcrumbItem.svelte.d.ts.map +1 -1
- package/dist/buttons/Button.svelte +2 -24
- package/dist/buttons/Button.svelte.d.ts.map +1 -1
- package/dist/buttons/GradientButton.svelte +4 -17
- package/dist/buttons/GradientButton.svelte.d.ts.map +1 -1
- package/dist/cards/Card.svelte +1 -13
- package/dist/cards/Card.svelte.d.ts.map +1 -1
- package/dist/carousels/Carousel.svelte +35 -44
- package/dist/carousels/Carousel.svelte.d.ts +5 -1
- package/dist/carousels/Carousel.svelte.d.ts.map +1 -1
- package/dist/carousels/CarouselTransition.svelte +37 -45
- package/dist/carousels/CarouselTransition.svelte.d.ts +8 -1
- package/dist/carousels/CarouselTransition.svelte.d.ts.map +1 -1
- package/dist/carousels/Slide.svelte +4 -1
- package/dist/carousels/Slide.svelte.d.ts +1 -0
- package/dist/carousels/Slide.svelte.d.ts.map +1 -1
- package/dist/carousels/Thumbnail.svelte +2 -1
- package/dist/carousels/Thumbnail.svelte.d.ts +1 -0
- package/dist/carousels/Thumbnail.svelte.d.ts.map +1 -1
- package/dist/darkmode/DarkMode.svelte +1 -6
- package/dist/darkmode/DarkMode.svelte.d.ts.map +1 -1
- package/dist/datepicker/Calender.svelte +3 -10
- package/dist/datepicker/Calender.svelte.d.ts.map +1 -1
- package/dist/datepicker/Datepicker.svelte +2 -21
- package/dist/datepicker/Datepicker.svelte.d.ts.map +1 -1
- package/dist/device-mockup/DeviceMockup.svelte +3 -16
- package/dist/device-mockup/DeviceMockup.svelte.d.ts.map +1 -1
- package/dist/drawer/Drawer.svelte +1 -9
- package/dist/drawer/Drawer.svelte.d.ts.map +1 -1
- package/dist/dropdowns/Dropdown.svelte +3 -2
- package/dist/dropdowns/Dropdown.svelte.d.ts +3 -2
- package/dist/dropdowns/Dropdown.svelte.d.ts.map +1 -1
- package/dist/dropdowns/DropdownItem.svelte +1 -15
- package/dist/footer/Footer.svelte +1 -2
- package/dist/footer/Footer.svelte.d.ts.map +1 -1
- package/dist/forms/Checkbox.svelte +2 -22
- package/dist/forms/Checkbox.svelte.d.ts.map +1 -1
- package/dist/forms/Dropzone.svelte +3 -10
- package/dist/forms/Dropzone.svelte.d.ts.map +1 -1
- package/dist/forms/Fileupload.svelte +1 -16
- package/dist/forms/FloatingLabelInput.svelte +1 -8
- package/dist/forms/FloatingLabelInput.svelte.d.ts.map +1 -1
- package/dist/forms/Input.svelte +1 -12
- package/dist/forms/Input.svelte.d.ts.map +1 -1
- package/dist/forms/InputAddon.svelte.d.ts.map +1 -1
- package/dist/forms/MultiSelect.svelte +7 -19
- package/dist/forms/MultiSelect.svelte.d.ts.map +1 -1
- package/dist/forms/NumberInput.svelte +1 -17
- package/dist/forms/Radio.svelte +2 -17
- package/dist/forms/Radio.svelte.d.ts.map +1 -1
- package/dist/forms/Range.svelte +1 -10
- package/dist/forms/Range.svelte.d.ts.map +1 -1
- package/dist/forms/Search.svelte +4 -30
- package/dist/forms/Select.svelte.d.ts.map +1 -1
- package/dist/forms/Textarea.svelte +1 -17
- package/dist/forms/Textarea.svelte.d.ts.map +1 -1
- package/dist/forms/Toggle.svelte +1 -1
- package/dist/forms/Toggle.svelte.d.ts.map +1 -1
- package/dist/forms/VoiceSearch.svelte +12 -23
- package/dist/forms/VoiceSearch.svelte.d.ts.map +1 -1
- package/dist/index.d.ts +0 -8
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +0 -8
- package/dist/indicators/Indicator.svelte.d.ts.map +1 -1
- package/dist/kbd/ArrowKeyDown.svelte +3 -9
- package/dist/kbd/ArrowKeyDown.svelte.d.ts.map +1 -1
- package/dist/kbd/ArrowKeyLeft.svelte +3 -9
- package/dist/kbd/ArrowKeyLeft.svelte.d.ts.map +1 -1
- package/dist/kbd/ArrowKeyRight.svelte +3 -9
- package/dist/kbd/ArrowKeyRight.svelte.d.ts.map +1 -1
- package/dist/kbd/ArrowKeyUp.svelte +3 -9
- package/dist/kbd/ArrowKeyUp.svelte.d.ts.map +1 -1
- package/dist/kbd/Kbd.svelte.d.ts.map +1 -1
- package/dist/list-group/ListgroupItem.svelte +1 -14
- package/dist/list-group/ListgroupItem.svelte.d.ts.map +1 -1
- package/dist/megamenu/MegaMenu.svelte +6 -17
- package/dist/megamenu/MegaMenu.svelte.d.ts +4 -3
- package/dist/megamenu/MegaMenu.svelte.d.ts.map +1 -1
- package/dist/modals/Modal.svelte +4 -24
- package/dist/modals/Modal.svelte.d.ts.map +1 -1
- package/dist/navbar/Menu.svelte +1 -13
- package/dist/navbar/NavLi.svelte +1 -16
- package/dist/navbar/NavLi.svelte.d.ts.map +1 -1
- package/dist/navbar/NavUl.svelte.d.ts.map +1 -1
- package/dist/navbar/SidebarMenu.svelte +1 -13
- package/dist/paginations/Pagination.svelte +3 -16
- package/dist/paginations/PaginationItem.svelte +1 -15
- package/dist/paginations/PaginationItem.svelte.d.ts.map +1 -1
- package/dist/popover/Popover.svelte +2 -10
- package/dist/progressbars/Progressbar.svelte.d.ts.map +1 -1
- package/dist/ratings/Heart.svelte +2 -18
- package/dist/ratings/RatingComment.svelte +4 -6
- package/dist/ratings/RatingComment.svelte.d.ts.map +1 -1
- package/dist/ratings/ScoreRating.svelte.d.ts.map +1 -1
- package/dist/ratings/Star.svelte +1 -9
- package/dist/ratings/Thumbup.svelte +2 -18
- package/dist/sidebars/SidebarCta.svelte.d.ts.map +1 -1
- package/dist/sidebars/SidebarDropdownItem.svelte +3 -13
- package/dist/sidebars/SidebarDropdownWrapper.svelte +7 -11
- package/dist/sidebars/SidebarDropdownWrapper.svelte.d.ts.map +1 -1
- package/dist/sidebars/SidebarItem.svelte +1 -13
- package/dist/sidebars/SidebarItem.svelte.d.ts.map +1 -1
- package/dist/skeleton/CardPlaceholder.svelte +6 -20
- package/dist/skeleton/CardPlaceholder.svelte.d.ts.map +1 -1
- package/dist/skeleton/ImagePlaceholder.svelte +4 -12
- package/dist/skeleton/ImagePlaceholder.svelte.d.ts.map +1 -1
- package/dist/skeleton/ListPlaceholder.svelte.d.ts.map +1 -1
- package/dist/skeleton/TestimonialPlaceholder.svelte +3 -10
- package/dist/skeleton/TestimonialPlaceholder.svelte.d.ts.map +1 -1
- package/dist/skeleton/VideoPlaceholder.svelte +3 -10
- package/dist/skeleton/VideoPlaceholder.svelte.d.ts.map +1 -1
- package/dist/skeleton/WidgetPlaceholder.svelte.d.ts.map +1 -1
- package/dist/speed-dial/SpeedDial.svelte +6 -24
- package/dist/speed-dial/SpeedDial.svelte.d.ts.map +1 -1
- package/dist/speed-dial/SpeedDialButton.svelte.d.ts.map +1 -1
- package/dist/spinners/Spinner.svelte +3 -18
- package/dist/spinners/Spinner.svelte.d.ts.map +1 -1
- package/dist/steps/StepIndicator.svelte +1 -5
- package/dist/steps/StepIndicator.svelte.d.ts.map +1 -1
- package/dist/tables/TableBodyCell.svelte +2 -9
- package/dist/tables/TableBodyCell.svelte.d.ts.map +1 -1
- package/dist/tables/TableBodyRow.svelte +1 -7
- package/dist/tables/TableBodyRow.svelte.d.ts.map +1 -1
- package/dist/tables/TableHead.svelte +2 -12
- package/dist/tables/TableHead.svelte.d.ts.map +1 -1
- package/dist/tables/TableHeadCell.svelte +1 -11
- package/dist/tables/TableSearch.svelte +4 -15
- package/dist/tables/TableSearch.svelte.d.ts.map +1 -1
- package/dist/tabs/TabItem.svelte +1 -16
- package/dist/tabs/TabItem.svelte.d.ts.map +1 -1
- package/dist/tabs/Tabs.svelte.d.ts.map +1 -1
- package/dist/timeline/ActivityItem.svelte.d.ts.map +1 -1
- package/dist/timeline/Group.svelte.d.ts.map +1 -1
- package/dist/timeline/GroupItem.svelte +7 -19
- package/dist/timeline/GroupItem.svelte.d.ts.map +1 -1
- package/dist/timeline/TimelineItem.svelte +10 -33
- package/dist/timeline/TimelineItem.svelte.d.ts.map +1 -1
- package/dist/timeline/TimelineItemHorizontal.svelte +9 -17
- package/dist/timeline/TimelineItemHorizontal.svelte.d.ts.map +1 -1
- package/dist/timeline/TimelineItemVertical.svelte +3 -11
- package/dist/toasts/Toast.svelte.d.ts.map +1 -1
- package/dist/toolbar/ToolbarButton.svelte +1 -2
- package/dist/toolbar/ToolbarButton.svelte.d.ts.map +1 -1
- package/dist/types.d.ts +2 -1
- package/dist/types.d.ts.map +1 -1
- package/dist/typography/Blockquote.svelte +1 -11
- package/dist/typography/Blockquote.svelte.d.ts.map +1 -1
- package/dist/typography/Heading.svelte +1 -4
- package/dist/typography/Hr.svelte +5 -5
- package/dist/typography/Hr.svelte.d.ts.map +1 -1
- package/dist/typography/Img.svelte +1 -6
- package/dist/typography/List.svelte.d.ts.map +1 -1
- package/dist/typography/P.svelte.d.ts.map +1 -1
- package/dist/typography/Span.svelte.d.ts.map +1 -1
- package/dist/utils/CloseButton.svelte +1 -4
- package/dist/utils/Frame.svelte +1 -13
- package/dist/utils/Frame.svelte.d.ts.map +1 -1
- package/dist/utils/backdrop.js +1 -8
- package/package.json +2 -33
- package/dist/utils/Chevron.svelte +0 -33
- package/dist/utils/Chevron.svelte.d.ts +0 -26
- package/dist/utils/Chevron.svelte.d.ts.map +0 -1
- package/dist/utils/ChevronDown.svelte +0 -49
- package/dist/utils/ChevronDown.svelte.d.ts +0 -33
- package/dist/utils/ChevronDown.svelte.d.ts.map +0 -1
- package/dist/utils/ChevronLeft.svelte +0 -49
- package/dist/utils/ChevronLeft.svelte.d.ts +0 -33
- package/dist/utils/ChevronLeft.svelte.d.ts.map +0 -1
- package/dist/utils/ChevronRight.svelte +0 -48
- package/dist/utils/ChevronRight.svelte.d.ts +0 -32
- package/dist/utils/ChevronRight.svelte.d.ts.map +0 -1
- package/dist/utils/ChevronUp.svelte +0 -49
- package/dist/utils/ChevronUp.svelte.d.ts +0 -33
- package/dist/utils/ChevronUp.svelte.d.ts.map +0 -1
- package/dist/utils/InformationCircle.svelte +0 -49
- package/dist/utils/InformationCircle.svelte.d.ts +0 -33
- package/dist/utils/InformationCircle.svelte.d.ts.map +0 -1
- package/dist/utils/MenuButton.svelte +0 -31
- package/dist/utils/MenuButton.svelte.d.ts +0 -28
- package/dist/utils/MenuButton.svelte.d.ts.map +0 -1
- package/dist/utils/UserCircle.svelte +0 -49
- package/dist/utils/UserCircle.svelte.d.ts +0 -33
- package/dist/utils/UserCircle.svelte.d.ts.map +0 -1
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
<script>export let size = '24';
|
|
2
|
-
export let color = 'currentColor';
|
|
3
|
-
export let variation = 'outline';
|
|
4
|
-
export let ariaLabel = 'information circle';
|
|
5
|
-
export let role = 'img';
|
|
6
|
-
let viewBox;
|
|
7
|
-
let svgpath;
|
|
8
|
-
let svgoutline = `<path d="M11.25 11.25L11.2915 11.2293C11.8646 10.9427 12.5099 11.4603 12.3545 12.082L11.6455 14.918C11.4901 15.5397 12.1354 16.0573 12.7085 15.7707L12.75 15.75M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12ZM12 8.25H12.0075V8.2575H12V8.25Z" stroke="${color}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> `;
|
|
9
|
-
let svgsolid = `<path fill-rule="evenodd" clip-rule="evenodd" d="M2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12ZM10.9562 10.5584C12.1025 9.98533 13.3931 11.0206 13.0823 12.2639L12.3733 15.0999L12.4148 15.0792C12.7852 14.894 13.2357 15.0441 13.421 15.4146C13.6062 15.7851 13.4561 16.2356 13.0856 16.4208L13.0441 16.4416C11.8979 17.0147 10.6072 15.9794 10.9181 14.7361L11.6271 11.9001L11.5856 11.9208C11.2151 12.1061 10.7646 11.9559 10.5793 11.5854C10.3941 11.2149 10.5443 10.7644 10.9148 10.5792L10.9562 10.5584ZM12 9C12.4142 9 12.75 8.66421 12.75 8.25C12.75 7.83579 12.4142 7.5 12 7.5C11.5858 7.5 11.25 7.83579 11.25 8.25C11.25 8.66421 11.5858 9 12 9Z" fill="${color}"/> `;
|
|
10
|
-
$: switch (variation) {
|
|
11
|
-
case 'outline':
|
|
12
|
-
svgpath = svgoutline;
|
|
13
|
-
viewBox = '0 0 24 24';
|
|
14
|
-
break;
|
|
15
|
-
case 'solid':
|
|
16
|
-
svgpath = svgsolid;
|
|
17
|
-
viewBox = '0 0 24 24';
|
|
18
|
-
break;
|
|
19
|
-
default:
|
|
20
|
-
svgpath = svgoutline;
|
|
21
|
-
viewBox = '0 0 24 24';
|
|
22
|
-
}
|
|
23
|
-
</script>
|
|
24
|
-
|
|
25
|
-
<svg
|
|
26
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
27
|
-
width={size}
|
|
28
|
-
height={size}
|
|
29
|
-
class={$$props.class}
|
|
30
|
-
{...$$restProps}
|
|
31
|
-
aria-label={ariaLabel}
|
|
32
|
-
fill="none"
|
|
33
|
-
{viewBox}
|
|
34
|
-
{role}
|
|
35
|
-
stroke-width="2"
|
|
36
|
-
on:click>
|
|
37
|
-
{@html svgpath}
|
|
38
|
-
</svg>
|
|
39
|
-
|
|
40
|
-
<!--
|
|
41
|
-
@component
|
|
42
|
-
## Props
|
|
43
|
-
@prop size = '24';
|
|
44
|
-
@prop color = 'currentColor';
|
|
45
|
-
@prop variation: 'solid' | 'outline' = 'outline';
|
|
46
|
-
@prop ariaLabel = 'information circle';
|
|
47
|
-
## Event
|
|
48
|
-
- on:click
|
|
49
|
-
-->
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { SvelteComponentTyped } from "svelte";
|
|
2
|
-
declare const __propDef: {
|
|
3
|
-
props: {
|
|
4
|
-
[x: string]: any;
|
|
5
|
-
size?: string | undefined;
|
|
6
|
-
color?: string | undefined;
|
|
7
|
-
variation?: "solid" | "outline" | undefined;
|
|
8
|
-
ariaLabel?: string | undefined;
|
|
9
|
-
role?: string | undefined;
|
|
10
|
-
};
|
|
11
|
-
events: {
|
|
12
|
-
click: MouseEvent;
|
|
13
|
-
} & {
|
|
14
|
-
[evt: string]: CustomEvent<any>;
|
|
15
|
-
};
|
|
16
|
-
slots: {};
|
|
17
|
-
};
|
|
18
|
-
export type InformationCircleProps = typeof __propDef.props;
|
|
19
|
-
export type InformationCircleEvents = typeof __propDef.events;
|
|
20
|
-
export type InformationCircleSlots = typeof __propDef.slots;
|
|
21
|
-
/**
|
|
22
|
-
* ## Props
|
|
23
|
-
* @prop size = '24';
|
|
24
|
-
* @prop color = 'currentColor';
|
|
25
|
-
* @prop variation: 'solid' | 'outline' = 'outline';
|
|
26
|
-
* @prop ariaLabel = 'information circle';
|
|
27
|
-
* ## Event
|
|
28
|
-
* - on:click
|
|
29
|
-
*/
|
|
30
|
-
export default class InformationCircle extends SvelteComponentTyped<InformationCircleProps, InformationCircleEvents, InformationCircleSlots> {
|
|
31
|
-
}
|
|
32
|
-
export {};
|
|
33
|
-
//# sourceMappingURL=InformationCircle.svelte.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"InformationCircle.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/InformationCircle.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAmCD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,sBAAsB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC5D,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC9D,MAAM,MAAM,sBAAsB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE5D;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,oBAAoB,CAAC,sBAAsB,EAAE,uBAAuB,EAAE,sBAAsB,CAAC;CAC3I"}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
<script>import { twMerge } from 'tailwind-merge';
|
|
2
|
-
import ToolbarButton from '../toolbar/ToolbarButton.svelte';
|
|
3
|
-
export let name = undefined;
|
|
4
|
-
export let vertical = false;
|
|
5
|
-
</script>
|
|
6
|
-
|
|
7
|
-
<ToolbarButton on:click {name} {...$$restProps} class={twMerge($$props.class)} let:svgSize>
|
|
8
|
-
<svg
|
|
9
|
-
class={svgSize}
|
|
10
|
-
aria-hidden="true"
|
|
11
|
-
fill="currentColor"
|
|
12
|
-
viewBox="0 0 20 20"
|
|
13
|
-
xmlns="http://www.w3.org/2000/svg">
|
|
14
|
-
{#if vertical}
|
|
15
|
-
<path
|
|
16
|
-
d="M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" />
|
|
17
|
-
{:else}
|
|
18
|
-
<path
|
|
19
|
-
d="M6 10a2 2 0 11-4 0 2 2 0 014 0zM12 10a2 2 0 11-4 0 2 2 0 014 0zM16 12a2 2 0 100-4 2 2 0 000 4z" />
|
|
20
|
-
{/if}
|
|
21
|
-
</svg>
|
|
22
|
-
</ToolbarButton>
|
|
23
|
-
|
|
24
|
-
<!--
|
|
25
|
-
@component
|
|
26
|
-
## Props
|
|
27
|
-
@prop name: string | undefined = undefined;
|
|
28
|
-
@prop vertical: boolean = false;
|
|
29
|
-
## Event
|
|
30
|
-
- on:click
|
|
31
|
-
-->
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { SvelteComponentTyped } from "svelte";
|
|
2
|
-
declare const __propDef: {
|
|
3
|
-
props: {
|
|
4
|
-
[x: string]: any;
|
|
5
|
-
name?: string | undefined;
|
|
6
|
-
vertical?: boolean | undefined;
|
|
7
|
-
};
|
|
8
|
-
events: {
|
|
9
|
-
click: MouseEvent;
|
|
10
|
-
} & {
|
|
11
|
-
[evt: string]: CustomEvent<any>;
|
|
12
|
-
};
|
|
13
|
-
slots: {};
|
|
14
|
-
};
|
|
15
|
-
export type MenuButtonProps = typeof __propDef.props;
|
|
16
|
-
export type MenuButtonEvents = typeof __propDef.events;
|
|
17
|
-
export type MenuButtonSlots = typeof __propDef.slots;
|
|
18
|
-
/**
|
|
19
|
-
* ## Props
|
|
20
|
-
* @prop name: string | undefined = undefined;
|
|
21
|
-
* @prop vertical: boolean = false;
|
|
22
|
-
* ## Event
|
|
23
|
-
* - on:click
|
|
24
|
-
*/
|
|
25
|
-
export default class MenuButton extends SvelteComponentTyped<MenuButtonProps, MenuButtonEvents, MenuButtonSlots> {
|
|
26
|
-
}
|
|
27
|
-
export {};
|
|
28
|
-
//# sourceMappingURL=MenuButton.svelte.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MenuButton.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/MenuButton.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA0BD,QAAA,MAAM,SAAS;;;eAD8C,MAAM,GAAG,SAAS;;;;;;;;;CACD,CAAC;AAC/E,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACrD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACvD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAErD;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,oBAAoB,CAAC,eAAe,EAAE,gBAAgB,EAAE,eAAe,CAAC;CAC/G"}
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
<script>export let size = '24';
|
|
2
|
-
export let color = 'currentColor';
|
|
3
|
-
export let variation = 'outline';
|
|
4
|
-
export let ariaLabel = 'user circle';
|
|
5
|
-
export let role = 'img';
|
|
6
|
-
let viewBox;
|
|
7
|
-
let svgpath;
|
|
8
|
-
let svgoutline = `<path d="M17.9815 18.7248C16.6121 16.9175 14.4424 15.75 12 15.75C9.55761 15.75 7.38789 16.9175 6.01846 18.7248M17.9815 18.7248C19.8335 17.0763 21 14.6744 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 14.6744 4.1665 17.0763 6.01846 18.7248M17.9815 18.7248C16.3915 20.1401 14.2962 21 12 21C9.70383 21 7.60851 20.1401 6.01846 18.7248M15 9.75C15 11.4069 13.6569 12.75 12 12.75C10.3431 12.75 9 11.4069 9 9.75C9 8.09315 10.3431 6.75 12 6.75C13.6569 6.75 15 8.09315 15 9.75Z" stroke="${color}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> `;
|
|
9
|
-
let svgsolid = `<path fill-rule="evenodd" clip-rule="evenodd" d="M18.6854 19.0971C20.5721 17.3191 21.75 14.7971 21.75 12C21.75 6.61522 17.3848 2.25 12 2.25C6.61522 2.25 2.25 6.61522 2.25 12C2.25 14.7971 3.42785 17.3191 5.31463 19.0971C7.06012 20.7419 9.41234 21.75 12 21.75C14.5877 21.75 16.9399 20.7419 18.6854 19.0971ZM6.14512 17.8123C7.51961 16.0978 9.63161 15 12 15C14.3684 15 16.4804 16.0978 17.8549 17.8123C16.3603 19.3178 14.289 20.25 12 20.25C9.711 20.25 7.63973 19.3178 6.14512 17.8123ZM15.75 9C15.75 11.0711 14.0711 12.75 12 12.75C9.92893 12.75 8.25 11.0711 8.25 9C8.25 6.92893 9.92893 5.25 12 5.25C14.0711 5.25 15.75 6.92893 15.75 9Z" fill="${color}"/> `;
|
|
10
|
-
$: switch (variation) {
|
|
11
|
-
case 'outline':
|
|
12
|
-
svgpath = svgoutline;
|
|
13
|
-
viewBox = '0 0 24 24';
|
|
14
|
-
break;
|
|
15
|
-
case 'solid':
|
|
16
|
-
svgpath = svgsolid;
|
|
17
|
-
viewBox = '0 0 24 24';
|
|
18
|
-
break;
|
|
19
|
-
default:
|
|
20
|
-
svgpath = svgoutline;
|
|
21
|
-
viewBox = '0 0 24 24';
|
|
22
|
-
}
|
|
23
|
-
</script>
|
|
24
|
-
|
|
25
|
-
<svg
|
|
26
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
27
|
-
width={size}
|
|
28
|
-
height={size}
|
|
29
|
-
class={$$props.class}
|
|
30
|
-
{...$$restProps}
|
|
31
|
-
aria-label={ariaLabel}
|
|
32
|
-
fill="none"
|
|
33
|
-
{viewBox}
|
|
34
|
-
{role}
|
|
35
|
-
stroke-width="2"
|
|
36
|
-
on:click>
|
|
37
|
-
{@html svgpath}
|
|
38
|
-
</svg>
|
|
39
|
-
|
|
40
|
-
<!--
|
|
41
|
-
@component
|
|
42
|
-
## Props
|
|
43
|
-
@prop size = '24';
|
|
44
|
-
@prop color = 'currentColor';
|
|
45
|
-
@prop variation: 'solid' | 'outline' = 'outline';
|
|
46
|
-
@prop ariaLabel = 'user circle';
|
|
47
|
-
## Event
|
|
48
|
-
- on:click
|
|
49
|
-
-->
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { SvelteComponentTyped } from "svelte";
|
|
2
|
-
declare const __propDef: {
|
|
3
|
-
props: {
|
|
4
|
-
[x: string]: any;
|
|
5
|
-
size?: string | undefined;
|
|
6
|
-
color?: string | undefined;
|
|
7
|
-
variation?: "solid" | "outline" | undefined;
|
|
8
|
-
ariaLabel?: string | undefined;
|
|
9
|
-
role?: string | undefined;
|
|
10
|
-
};
|
|
11
|
-
events: {
|
|
12
|
-
click: MouseEvent;
|
|
13
|
-
} & {
|
|
14
|
-
[evt: string]: CustomEvent<any>;
|
|
15
|
-
};
|
|
16
|
-
slots: {};
|
|
17
|
-
};
|
|
18
|
-
export type UserCircleProps = typeof __propDef.props;
|
|
19
|
-
export type UserCircleEvents = typeof __propDef.events;
|
|
20
|
-
export type UserCircleSlots = typeof __propDef.slots;
|
|
21
|
-
/**
|
|
22
|
-
* ## Props
|
|
23
|
-
* @prop size = '24';
|
|
24
|
-
* @prop color = 'currentColor';
|
|
25
|
-
* @prop variation: 'solid' | 'outline' = 'outline';
|
|
26
|
-
* @prop ariaLabel = 'user circle';
|
|
27
|
-
* ## Event
|
|
28
|
-
* - on:click
|
|
29
|
-
*/
|
|
30
|
-
export default class UserCircle extends SvelteComponentTyped<UserCircleProps, UserCircleEvents, UserCircleSlots> {
|
|
31
|
-
}
|
|
32
|
-
export {};
|
|
33
|
-
//# sourceMappingURL=UserCircle.svelte.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"UserCircle.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/UserCircle.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAmCD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACrD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACvD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAErD;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,oBAAoB,CAAC,eAAe,EAAE,gBAAgB,EAAE,eAAe,CAAC;CAC/G"}
|