flowbite-svelte 0.41.2 → 0.42.0
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 +12 -47
- package/dist/carousels/Carousel.svelte.d.ts.map +1 -1
- package/dist/carousels/CarouselTransition.svelte +12 -47
- package/dist/carousels/CarouselTransition.svelte.d.ts.map +1 -1
- package/dist/carousels/Thumbnail.svelte +1 -8
- 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 +1 -9
- 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 +3 -29
- 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/Chevron.svelte +1 -1
- package/dist/utils/Chevron.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 -29
- 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
package/README.md
CHANGED
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
# FLOWBITE-SVELTE
|
|
2
2
|
|
|
3
|
-
[](https://www.npmjs.com/package/flowbite-svelte)
|
|
4
|
-
[](https://www.npmjs.com/package/flowbite-svelte)
|
|
5
|
-
[](https://www.npmjs.com/package/flowbite-svelte)
|
|
6
|
-
[](https://github.com/themesberg/flowbite-svelte/blob/main/LICENSE)
|
|
7
|
-
[](https://discord.com/invite/4eeurUVvTy)
|
|
3
|
+
[](https://www.npmjs.com/package/flowbite-svelte) [](https://www.npmjs.com/package/flowbite-svelte) [](https://www.npmjs.com/package/flowbite-svelte) [](https://github.com/themesberg/flowbite-svelte/blob/main/LICENSE) [](https://discord.com/invite/4eeurUVvTy)
|
|
8
4
|
|
|
9
5
|
**⚠️ Flowbite Svelte is currently in early development and APIs and packages are likely to change quite often.**
|
|
10
6
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/accordion/Accordion.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACC,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEvD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;
|
|
1
|
+
{"version":3,"file":"Accordion.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/accordion/Accordion.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACC,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEvD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAmDH,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACpD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACtD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,oBAAoB,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CAC3G"}
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
<script>import
|
|
2
|
-
import ChevronUp from '../utils/ChevronUp.svelte';
|
|
3
|
-
import { twMerge } from 'tailwind-merge';
|
|
1
|
+
<script>import { twMerge } from 'tailwind-merge';
|
|
4
2
|
import { getContext, onMount } from 'svelte';
|
|
5
3
|
import { writable } from 'svelte/store';
|
|
6
4
|
import { fade, blur, fly, slide } from 'svelte/transition';
|
|
@@ -71,9 +69,17 @@ $: contentClass = twMerge([
|
|
|
71
69
|
<button on:click={handleToggle} type="button" class={buttonClass} aria-expanded={open}>
|
|
72
70
|
<slot name="header" />
|
|
73
71
|
{#if open}
|
|
74
|
-
<slot name="arrowup"
|
|
72
|
+
<slot name="arrowup">
|
|
73
|
+
<svg class="w-3 h-3 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
|
|
74
|
+
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5 5 1 1 5" />
|
|
75
|
+
</svg>
|
|
76
|
+
</slot>
|
|
75
77
|
{:else}
|
|
76
|
-
<slot name="arrowdown"
|
|
78
|
+
<slot name="arrowdown">
|
|
79
|
+
<svg class="w-3 h-3 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
|
|
80
|
+
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4" />
|
|
81
|
+
</svg>
|
|
82
|
+
</slot>
|
|
77
83
|
{/if}
|
|
78
84
|
</button>
|
|
79
85
|
</h2>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/accordion/AccordionItem.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;
|
|
1
|
+
{"version":3,"file":"AccordionItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/accordion/AccordionItem.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAKD,OAAO,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAwHtE,QAAA,MAAM,SAAS;;;;sBADqhB,MAAM,GAAG,SAAS;wBAAkB,MAAM,GAAG,SAAS;;;;;;;;;;;;sBAA6T,MAAM,GAAG,SAAS;wBAAkB,MAAM,GAAG,SAAS;;;;;;;;;;;CAC/3B,CAAC;AAC/E,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACxD,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC1D,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAExD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,oBAAoB,CAAC,kBAAkB,EAAE,mBAAmB,EAAE,kBAAkB,CAAC;CAC3H"}
|
package/dist/alerts/Alert.svelte
CHANGED
|
@@ -36,18 +36,7 @@ $: {
|
|
|
36
36
|
|
|
37
37
|
{#if dismissable}
|
|
38
38
|
<slot name="close-button" {close}>
|
|
39
|
-
<CloseButton
|
|
40
|
-
class="-my-1.5 dark:hover:bg-gray-700"
|
|
41
|
-
color={$$restProps.color}
|
|
42
|
-
on:click={close}
|
|
43
|
-
on:click
|
|
44
|
-
on:change
|
|
45
|
-
on:keydown
|
|
46
|
-
on:keyup
|
|
47
|
-
on:focus
|
|
48
|
-
on:blur
|
|
49
|
-
on:mouseenter
|
|
50
|
-
on:mouseleave />
|
|
39
|
+
<CloseButton class="-my-1.5 dark:hover:bg-gray-700" color={$$restProps.color} on:click={close} on:click on:change on:keydown on:keyup on:focus on:blur on:mouseenter on:mouseleave />
|
|
51
40
|
</slot>
|
|
52
41
|
{/if}
|
|
53
42
|
</Frame>
|
|
@@ -22,11 +22,7 @@ $: avatarClass = twMerge(rounded ? 'rounded' : 'rounded-full', border && 'p-1 ri
|
|
|
22
22
|
</script>
|
|
23
23
|
|
|
24
24
|
{#if !src || !!href || $$slots.default || dot}
|
|
25
|
-
<svelte:element
|
|
26
|
-
this={href ? 'a' : 'div'}
|
|
27
|
-
{href}
|
|
28
|
-
{...$$restProps}
|
|
29
|
-
class="relative flex justify-center items-center {avatarClass}">
|
|
25
|
+
<svelte:element this={href ? 'a' : 'div'} {href} {...$$restProps} class="relative flex justify-center items-center {avatarClass}">
|
|
30
26
|
{#if src}
|
|
31
27
|
<img {alt} {src} class={rounded ? 'rounded' : 'rounded-full'} />
|
|
32
28
|
{:else}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/avatar/Avatar.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;
|
|
1
|
+
{"version":3,"file":"Avatar.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/avatar/Avatar.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAoDD,QAAA,MAAM,SAAS;;;;eAD4I,MAAM,GAAG,SAAS;;;;cAAgE,MAAM,GAAG,SAAS;;;;;;;;;;CACjL,CAAC;AAC/E,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACjD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Placeholder.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/avatar/Placeholder.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;
|
|
1
|
+
{"version":3,"file":"Placeholder.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/avatar/Placeholder.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAiBD,QAAA,MAAM,SAAS;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEtD;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,oBAAoB,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CACnH"}
|
package/dist/badges/Badge.svelte
CHANGED
|
@@ -77,12 +77,7 @@ const close = (e) => {
|
|
|
77
77
|
<slot />
|
|
78
78
|
{#if dismissable}
|
|
79
79
|
<slot name="close-button" {close}>
|
|
80
|
-
<CloseButton
|
|
81
|
-
{color}
|
|
82
|
-
on:click={close}
|
|
83
|
-
size={large ? 'sm' : 'xs'}
|
|
84
|
-
name="Remove badge"
|
|
85
|
-
class="ml-1.5 -mr-1.5" />
|
|
80
|
+
<CloseButton {color} on:click={close} size={large ? 'sm' : 'xs'} name="Remove badge" class="ml-1.5 -mr-1.5" />
|
|
86
81
|
</slot>
|
|
87
82
|
{/if}
|
|
88
83
|
</Frame>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/badges/Badge.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;
|
|
1
|
+
{"version":3,"file":"Badge.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/badges/Badge.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAgHD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAtBK,UAAU;;;CAsByB,CAAC;AACxD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}
|
|
@@ -36,18 +36,7 @@ $: handleHide = () => {
|
|
|
36
36
|
</div>
|
|
37
37
|
{#if dismissable}
|
|
38
38
|
<div class="flex items-center">
|
|
39
|
-
<CloseButton
|
|
40
|
-
class="-mx-1.5 -my-1.5"
|
|
41
|
-
color={$$restProps.color}
|
|
42
|
-
on:click={handleHide}
|
|
43
|
-
on:click
|
|
44
|
-
on:change
|
|
45
|
-
on:keydown
|
|
46
|
-
on:keyup
|
|
47
|
-
on:focus
|
|
48
|
-
on:blur
|
|
49
|
-
on:mouseenter
|
|
50
|
-
on:mouseleave />
|
|
39
|
+
<CloseButton class="-mx-1.5 -my-1.5" color={$$restProps.color} on:click={handleHide} on:click on:change on:keydown on:keyup on:focus on:blur on:mouseenter on:mouseleave />
|
|
51
40
|
</div>
|
|
52
41
|
{/if}
|
|
53
42
|
</div>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomNav.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/bottom-nav/BottomNav.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACC,MAAM,MAAM,eAAe,GAAG;IAC5B,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;
|
|
1
|
+
{"version":3,"file":"BottomNav.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/bottom-nav/BottomNav.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACC,MAAM,MAAM,eAAe,GAAG;IAC5B,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AA2DJ,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACpD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACtD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,oBAAoB,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CAC3G"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomNavHeader.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/bottom-nav/BottomNavHeader.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;
|
|
1
|
+
{"version":3,"file":"BottomNavHeader.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/bottom-nav/BottomNavHeader.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAmBD,QAAA,MAAM,SAAS;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC1D,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC5D,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE1D;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,oBAAoB,CAAC,oBAAoB,EAAE,qBAAqB,EAAE,oBAAoB,CAAC;CACnI"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomNavHeaderItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/bottom-nav/BottomNavHeaderItem.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;
|
|
1
|
+
{"version":3,"file":"BottomNavHeaderItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/bottom-nav/BottomNavHeaderItem.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAqBD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,wBAAwB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC9D,MAAM,MAAM,yBAAyB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAChE,MAAM,MAAM,wBAAwB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE9D;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,oBAAoB,CAAC,wBAAwB,EAAE,yBAAyB,EAAE,wBAAwB,CAAC;CACnJ"}
|
|
@@ -37,18 +37,7 @@ let spanClass;
|
|
|
37
37
|
$: spanClass = twMerge(spanClasses[navType], active && (activeClass ?? context.activeClass), $$props.spanClass);
|
|
38
38
|
</script>
|
|
39
39
|
|
|
40
|
-
<button
|
|
41
|
-
{...$$restProps}
|
|
42
|
-
class={btnClass}
|
|
43
|
-
aria-label={btnName}
|
|
44
|
-
on:click
|
|
45
|
-
on:change
|
|
46
|
-
on:keydown
|
|
47
|
-
on:keyup
|
|
48
|
-
on:focus
|
|
49
|
-
on:blur
|
|
50
|
-
on:mouseenter
|
|
51
|
-
on:mouseleave>
|
|
40
|
+
<button {...$$restProps} class={btnClass} aria-label={btnName} on:click on:change on:keydown on:keyup on:focus on:blur on:mouseenter on:mouseleave>
|
|
52
41
|
<slot />
|
|
53
42
|
<span class={spanClass}>{btnName}</span>
|
|
54
43
|
</button>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomNavItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/bottom-nav/BottomNavItem.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;
|
|
1
|
+
{"version":3,"file":"BottomNavItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/bottom-nav/BottomNavItem.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA+DD,QAAA,MAAM,SAAS;;;;;sBADmL,MAAM,GAAG,SAAS;;;;;;;;;;;;;;;;;;CACtI,CAAC;AAC/E,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACxD,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC1D,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAExD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,oBAAoB,CAAC,kBAAkB,EAAE,mBAAmB,EAAE,kBAAkB,CAAC;CAC3H"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumb.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/breadcrumbs/Breadcrumb.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;
|
|
1
|
+
{"version":3,"file":"Breadcrumb.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/breadcrumbs/Breadcrumb.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAuBD,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;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,oBAAoB,CAAC,eAAe,EAAE,gBAAgB,EAAE,eAAe,CAAC;CAC/G"}
|
|
@@ -12,9 +12,9 @@ export let homeClass = 'inline-flex items-center text-sm font-medium text-gray-7
|
|
|
12
12
|
{#if $$slots.icon}
|
|
13
13
|
<slot name="icon" />
|
|
14
14
|
{:else}
|
|
15
|
-
<svg class="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"
|
|
16
|
-
|
|
17
|
-
|
|
15
|
+
<svg class="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
|
16
|
+
<path d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z" />
|
|
17
|
+
</svg>
|
|
18
18
|
{/if}
|
|
19
19
|
<slot />
|
|
20
20
|
</a>
|
|
@@ -22,15 +22,9 @@ export let homeClass = 'inline-flex items-center text-sm font-medium text-gray-7
|
|
|
22
22
|
{#if $$slots.icon}
|
|
23
23
|
<slot name="icon" />
|
|
24
24
|
{:else}
|
|
25
|
-
<svg
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
viewBox="0 0 20 20"
|
|
29
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
30
|
-
><path
|
|
31
|
-
fill-rule="evenodd"
|
|
32
|
-
d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z"
|
|
33
|
-
clip-rule="evenodd" /></svg>
|
|
25
|
+
<svg class="w-6 h-6 text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
|
26
|
+
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" />
|
|
27
|
+
</svg>
|
|
34
28
|
{/if}
|
|
35
29
|
{#if href}
|
|
36
30
|
<a class={twMerge(linkClass, $$props.classLink)} {href}>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BreadcrumbItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/breadcrumbs/BreadcrumbItem.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;
|
|
1
|
+
{"version":3,"file":"BreadcrumbItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/breadcrumbs/BreadcrumbItem.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAgDD,QAAA,MAAM,SAAS;;;;eAD2H,MAAM,GAAG,SAAS;;;;;;;;;;;;CAC9E,CAAC;AAC/E,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACzD,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC3D,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEzD;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,oBAAoB,CAAC,mBAAmB,EAAE,oBAAoB,EAAE,mBAAmB,CAAC;CAC/H"}
|
|
@@ -65,32 +65,10 @@ const sizeClasses = {
|
|
|
65
65
|
};
|
|
66
66
|
const hasBorder = () => outline || color === 'alternative' || color === 'light';
|
|
67
67
|
let buttonClass;
|
|
68
|
-
$: buttonClass = twMerge('text-center font-medium', group ? 'focus:ring-2' : 'focus:ring-4', group && 'focus:z-10', group || 'focus:outline-none', 'inline-flex items-center justify-center ' + sizeClasses[size], outline ? outlineClasses[color] : colorClasses[color], color === 'alternative' &&
|
|
69
|
-
(group
|
|
70
|
-
? 'dark:bg-gray-700 dark:text-white dark:border-gray-700 dark:hover:border-gray-600 dark:hover:bg-gray-600'
|
|
71
|
-
: 'dark:bg-transparent dark:border-gray-600 dark:hover:border-gray-700'), outline &&
|
|
72
|
-
color === 'dark' &&
|
|
73
|
-
(group ? 'dark:text-white dark:border-white' : 'dark:text-gray-400 dark:border-gray-700'), coloredFocusClasses[color], hasBorder() && group && 'border-l-0 first:border-l', group
|
|
74
|
-
? (pill && 'first:rounded-l-full last:rounded-r-full') || 'first:rounded-l-lg last:rounded-r-lg'
|
|
75
|
-
: (pill && 'rounded-full') || 'rounded-lg', shadow && 'shadow-lg', shadow && coloredShadowClasses[color], $$props.disabled && 'cursor-not-allowed opacity-50', $$props.class);
|
|
68
|
+
$: buttonClass = twMerge('text-center font-medium', group ? 'focus:ring-2' : 'focus:ring-4', group && 'focus:z-10', group || 'focus:outline-none', 'inline-flex items-center justify-center ' + sizeClasses[size], outline ? outlineClasses[color] : colorClasses[color], color === 'alternative' && (group ? 'dark:bg-gray-700 dark:text-white dark:border-gray-700 dark:hover:border-gray-600 dark:hover:bg-gray-600' : 'dark:bg-transparent dark:border-gray-600 dark:hover:border-gray-700'), outline && color === 'dark' && (group ? 'dark:text-white dark:border-white' : 'dark:text-gray-400 dark:border-gray-700'), coloredFocusClasses[color], hasBorder() && group && 'border-l-0 first:border-l', group ? (pill && 'first:rounded-l-full last:rounded-r-full') || 'first:rounded-l-lg last:rounded-r-lg' : (pill && 'rounded-full') || 'rounded-lg', shadow && 'shadow-lg', shadow && coloredShadowClasses[color], $$props.disabled && 'cursor-not-allowed opacity-50', $$props.class);
|
|
76
69
|
</script>
|
|
77
70
|
|
|
78
|
-
<svelte:element
|
|
79
|
-
this={href ? 'a' : 'button'}
|
|
80
|
-
type={href ? undefined : type}
|
|
81
|
-
{href}
|
|
82
|
-
{...$$restProps}
|
|
83
|
-
class={buttonClass}
|
|
84
|
-
on:click
|
|
85
|
-
on:change
|
|
86
|
-
on:keydown
|
|
87
|
-
on:keyup
|
|
88
|
-
on:touchstart
|
|
89
|
-
on:touchend
|
|
90
|
-
on:touchcancel
|
|
91
|
-
on:mouseenter
|
|
92
|
-
on:mouseleave
|
|
93
|
-
role={href ? 'button' : undefined}>
|
|
71
|
+
<svelte:element this={href ? 'a' : 'button'} type={href ? undefined : type} {href} {...$$restProps} class={buttonClass} on:click on:change on:keydown on:keyup on:touchstart on:touchend on:touchcancel on:mouseenter on:mouseleave role={href ? 'button' : undefined}>
|
|
94
72
|
<slot />
|
|
95
73
|
</svelte:element>
|
|
96
74
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/buttons/Button.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAGD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/buttons/Button.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAGD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AA+F3C,QAAA,MAAM,SAAS;;;;;;eAD+L,MAAM,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;CAClJ,CAAC;AAC/E,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACjD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}
|
|
@@ -42,10 +42,7 @@ let gradientOutlineClass;
|
|
|
42
42
|
$: gradientOutlineClass = twMerge('inline-flex items-center justify-center w-full !border-0', $$props.pill || '!rounded-md', 'bg-white !text-gray-900 dark:bg-gray-900 dark:!text-white', // this is limitation - no transparency
|
|
43
43
|
'hover:bg-transparent hover:!text-inherit', 'transition-all duration-75 ease-in group-hover:!bg-opacity-0 group-hover:!text-inherit');
|
|
44
44
|
let divClass;
|
|
45
|
-
$: divClass = twMerge($$props.outline && 'p-0.5', gradientClasses[color], shadow && 'shadow-lg', shadow && coloredShadowClasses[color], group
|
|
46
|
-
? ($$props.pill && 'first:rounded-l-full last:rounded-r-full') ||
|
|
47
|
-
'first:rounded-l-lg last:rounded-r-lg'
|
|
48
|
-
: ($$props.pill && 'rounded-full') || 'rounded-lg', $$props.class);
|
|
45
|
+
$: divClass = twMerge($$props.outline && 'p-0.5', gradientClasses[color], shadow && 'shadow-lg', shadow && coloredShadowClasses[color], group ? ($$props.pill && 'first:rounded-l-full last:rounded-r-full') || 'first:rounded-l-lg last:rounded-r-lg' : ($$props.pill && 'rounded-full') || 'rounded-lg', $$props.class);
|
|
49
46
|
</script>
|
|
50
47
|
|
|
51
48
|
{#if $$props.outline}
|
|
@@ -68,19 +65,9 @@ $: divClass = twMerge($$props.outline && 'p-0.5', gradientClasses[color], shadow
|
|
|
68
65
|
on:mouseleave><slot /></Button>
|
|
69
66
|
</div>
|
|
70
67
|
{:else}
|
|
71
|
-
<Button
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
class={divClass}
|
|
75
|
-
on:click
|
|
76
|
-
on:change
|
|
77
|
-
on:keydown
|
|
78
|
-
on:keyup
|
|
79
|
-
on:touchstart
|
|
80
|
-
on:touchend
|
|
81
|
-
on:touchcancel
|
|
82
|
-
on:mouseenter
|
|
83
|
-
on:mouseleave><slot /></Button>
|
|
68
|
+
<Button {...$$restProps} color="none" class={divClass} on:click on:change on:keydown on:keyup on:touchstart on:touchend on:touchcancel on:mouseenter on:mouseleave>
|
|
69
|
+
<slot />
|
|
70
|
+
</Button>
|
|
84
71
|
{/if}
|
|
85
72
|
|
|
86
73
|
<!--
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GradientButton.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/buttons/GradientButton.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;
|
|
1
|
+
{"version":3,"file":"GradientButton.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/buttons/GradientButton.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA+ED,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACzD,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC3D,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEzD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,oBAAoB,CAAC,mBAAmB,EAAE,oBAAoB,EAAE,mBAAmB,CAAC;CAC/H"}
|
package/dist/cards/Card.svelte
CHANGED
|
@@ -28,19 +28,7 @@ let imgClass;
|
|
|
28
28
|
$: imgClass = twMerge(reverse ? 'rounded-b-lg' : 'rounded-t-lg', horizontal && 'object-cover w-full h-96 md:h-auto md:w-48 md:rounded-none', horizontal && (reverse ? 'md:rounded-r-lg' : 'md:rounded-l-lg'));
|
|
29
29
|
</script>
|
|
30
30
|
|
|
31
|
-
<Frame
|
|
32
|
-
tag={href ? 'a' : 'div'}
|
|
33
|
-
rounded
|
|
34
|
-
shadow
|
|
35
|
-
border
|
|
36
|
-
on:click
|
|
37
|
-
on:focusin
|
|
38
|
-
on:focusout
|
|
39
|
-
on:mouseenter
|
|
40
|
-
on:mouseleave
|
|
41
|
-
{href}
|
|
42
|
-
{...$$restProps}
|
|
43
|
-
class={cardClass}>
|
|
31
|
+
<Frame tag={href ? 'a' : 'div'} rounded shadow border on:click on:focusin on:focusout on:mouseenter on:mouseleave {href} {...$$restProps} class={cardClass}>
|
|
44
32
|
{#if img}
|
|
45
33
|
<img class={imgClass} src={img} alt="" />
|
|
46
34
|
<div class={innerPadding}>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/cards/Card.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"Card.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/cards/Card.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAoE3C,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC/C,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACjD,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,oBAAoB,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC;CACvF"}
|
|
@@ -59,60 +59,32 @@ if (loop) {
|
|
|
59
59
|
<!-- Slider indicators -->
|
|
60
60
|
<div class={indicatorDivCls}>
|
|
61
61
|
{#each images as { id, imgurl, name, attribution }}
|
|
62
|
-
<Indicator
|
|
63
|
-
{name}
|
|
64
|
-
selected={imageShowingIndex === id}
|
|
65
|
-
on:click={() => goToSlide(id)}
|
|
66
|
-
indicatorClass={indicatorCls} />
|
|
62
|
+
<Indicator {name} selected={imageShowingIndex === id} on:click={() => goToSlide(id)} indicatorClass={indicatorCls} />
|
|
67
63
|
{/each}
|
|
68
64
|
</div>
|
|
69
65
|
{/if}
|
|
70
66
|
{#if slideControls}
|
|
71
67
|
<!-- Slider controls -->
|
|
72
|
-
<button
|
|
73
|
-
|
|
74
|
-
type="button"
|
|
75
|
-
class="flex absolute top-0 left-0 z-30 justify-center items-center px-4 h-full cursor-pointer group focus:outline-none"
|
|
76
|
-
data-carousel-prev>
|
|
77
|
-
<span
|
|
78
|
-
class="inline-flex justify-center items-center w-8 h-8 rounded-full sm:w-10 sm:h-10 bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
|
|
68
|
+
<button on:click={prevSlide} type="button" class="flex absolute top-0 left-0 z-30 justify-center items-center px-4 h-full cursor-pointer group focus:outline-none" data-carousel-prev>
|
|
69
|
+
<span class="inline-flex justify-center items-center w-8 h-8 rounded-full sm:w-10 sm:h-10 bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
|
|
79
70
|
{#if $$slots.previous}
|
|
80
71
|
<slot name="previous" />
|
|
81
72
|
{:else}
|
|
82
|
-
<svg
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
fill="none"
|
|
86
|
-
stroke="currentColor"
|
|
87
|
-
viewBox="0 0 24 24"
|
|
88
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
89
|
-
><path
|
|
90
|
-
stroke-linecap="round"
|
|
91
|
-
stroke-linejoin="round"
|
|
92
|
-
stroke-width="2"
|
|
93
|
-
d="M15 19l-7-7 7-7" /></svg>
|
|
73
|
+
<svg aria-hidden="true" class="w-5 h-5 text-white sm:w-6 sm:h-6 dark:text-gray-300" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
74
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
|
|
75
|
+
</svg>
|
|
94
76
|
{/if}
|
|
95
77
|
<span class="hidden">Previous</span>
|
|
96
78
|
</span>
|
|
97
79
|
</button>
|
|
98
|
-
<button
|
|
99
|
-
|
|
100
|
-
type="button"
|
|
101
|
-
class="flex absolute top-0 right-0 z-30 justify-center items-center px-4 h-full cursor-pointer group focus:outline-none"
|
|
102
|
-
data-carousel-next>
|
|
103
|
-
<span
|
|
104
|
-
class="inline-flex justify-center items-center w-8 h-8 rounded-full sm:w-10 sm:h-10 bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
|
|
80
|
+
<button on:click={nextSlide} type="button" class="flex absolute top-0 right-0 z-30 justify-center items-center px-4 h-full cursor-pointer group focus:outline-none" data-carousel-next>
|
|
81
|
+
<span class="inline-flex justify-center items-center w-8 h-8 rounded-full sm:w-10 sm:h-10 bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
|
|
105
82
|
{#if $$slots.next}
|
|
106
83
|
<slot name="next" />
|
|
107
84
|
{:else}
|
|
108
|
-
<svg
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
fill="none"
|
|
112
|
-
stroke="currentColor"
|
|
113
|
-
viewBox="0 0 24 24"
|
|
114
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
115
|
-
><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" /></svg>
|
|
85
|
+
<svg aria-hidden="true" class="w-5 h-5 text-white sm:w-6 sm:h-6 dark:text-gray-300" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
86
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
|
|
87
|
+
</svg>
|
|
116
88
|
{/if}
|
|
117
89
|
<span class="hidden">Next</span>
|
|
118
90
|
</span>
|
|
@@ -127,14 +99,7 @@ if (loop) {
|
|
|
127
99
|
{#if showThumbs}
|
|
128
100
|
<div class="flex flex-row justify-center bg-gray-100">
|
|
129
101
|
{#each images as { id, imgurl, name, attribution }}
|
|
130
|
-
<Thumbnail
|
|
131
|
-
{thumbClass}
|
|
132
|
-
thumbImg={imgurl}
|
|
133
|
-
altTag={name}
|
|
134
|
-
titleLink={attribution}
|
|
135
|
-
{id}
|
|
136
|
-
selected={imageShowingIndex === id}
|
|
137
|
-
on:click={() => goToSlide(id)} />
|
|
102
|
+
<Thumbnail {thumbClass} thumbImg={imgurl} altTag={name} titleLink={attribution} {id} selected={imageShowingIndex === id} on:click={() => goToSlide(id)} />
|
|
138
103
|
{/each}
|
|
139
104
|
</div>
|
|
140
105
|
{/if}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/carousels/Carousel.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;
|
|
1
|
+
{"version":3,"file":"Carousel.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/carousels/Carousel.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA2HD,QAAA,MAAM,SAAS;;;;;;;gBADgc,GAAG,EAAE;;;;;;;;;;;;;;;;;;CACtY,CAAC;AAC/E,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACnD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACrD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,oBAAoB,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CACvG"}
|
|
@@ -81,60 +81,32 @@ if (loop) {
|
|
|
81
81
|
<!-- Slider indicators -->
|
|
82
82
|
<div class={indicatorDivCls}>
|
|
83
83
|
{#each images as { id, imgurl, name, attribution }}
|
|
84
|
-
<Indicator
|
|
85
|
-
{name}
|
|
86
|
-
selected={imageShowingIndex === id}
|
|
87
|
-
on:click={() => goToSlide(id)}
|
|
88
|
-
indicatorClass={indicatorCls} />
|
|
84
|
+
<Indicator {name} selected={imageShowingIndex === id} on:click={() => goToSlide(id)} indicatorClass={indicatorCls} />
|
|
89
85
|
{/each}
|
|
90
86
|
</div>
|
|
91
87
|
{/if}
|
|
92
88
|
{#if slideControls}
|
|
93
89
|
<!-- Slider controls -->
|
|
94
|
-
<button
|
|
95
|
-
|
|
96
|
-
type="button"
|
|
97
|
-
class="flex absolute top-0 left-0 z-30 justify-center items-center px-4 h-full cursor-pointer group focus:outline-none"
|
|
98
|
-
data-carousel-prev>
|
|
99
|
-
<span
|
|
100
|
-
class="inline-flex justify-center items-center w-8 h-8 rounded-full sm:w-10 sm:h-10 bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
|
|
90
|
+
<button on:click={prevSlide} type="button" class="flex absolute top-0 left-0 z-30 justify-center items-center px-4 h-full cursor-pointer group focus:outline-none" data-carousel-prev>
|
|
91
|
+
<span class="inline-flex justify-center items-center w-8 h-8 rounded-full sm:w-10 sm:h-10 bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
|
|
101
92
|
{#if $$slots.previous}
|
|
102
93
|
<slot name="previous" />
|
|
103
94
|
{:else}
|
|
104
|
-
<svg
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
fill="none"
|
|
108
|
-
stroke="currentColor"
|
|
109
|
-
viewBox="0 0 24 24"
|
|
110
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
111
|
-
><path
|
|
112
|
-
stroke-linecap="round"
|
|
113
|
-
stroke-linejoin="round"
|
|
114
|
-
stroke-width="2"
|
|
115
|
-
d="M15 19l-7-7 7-7" /></svg>
|
|
95
|
+
<svg aria-hidden="true" class="w-5 h-5 text-white sm:w-6 sm:h-6 dark:text-gray-300" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
96
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
|
|
97
|
+
</svg>
|
|
116
98
|
{/if}
|
|
117
99
|
<span class="hidden">Previous</span>
|
|
118
100
|
</span>
|
|
119
101
|
</button>
|
|
120
|
-
<button
|
|
121
|
-
|
|
122
|
-
type="button"
|
|
123
|
-
class="flex absolute top-0 right-0 z-30 justify-center items-center px-4 h-full cursor-pointer group focus:outline-none"
|
|
124
|
-
data-carousel-next>
|
|
125
|
-
<span
|
|
126
|
-
class="inline-flex justify-center items-center w-8 h-8 rounded-full sm:w-10 sm:h-10 bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
|
|
102
|
+
<button on:click={nextSlide} type="button" class="flex absolute top-0 right-0 z-30 justify-center items-center px-4 h-full cursor-pointer group focus:outline-none" data-carousel-next>
|
|
103
|
+
<span class="inline-flex justify-center items-center w-8 h-8 rounded-full sm:w-10 sm:h-10 bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
|
|
127
104
|
{#if $$slots.next}
|
|
128
105
|
<slot name="next" />
|
|
129
106
|
{:else}
|
|
130
|
-
<svg
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
fill="none"
|
|
134
|
-
stroke="currentColor"
|
|
135
|
-
viewBox="0 0 24 24"
|
|
136
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
137
|
-
><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" /></svg>
|
|
107
|
+
<svg aria-hidden="true" class="w-5 h-5 text-white sm:w-6 sm:h-6 dark:text-gray-300" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
108
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
|
|
109
|
+
</svg>
|
|
138
110
|
{/if}
|
|
139
111
|
<span class="hidden">Next</span>
|
|
140
112
|
</span>
|
|
@@ -149,14 +121,7 @@ if (loop) {
|
|
|
149
121
|
{#if showThumbs}
|
|
150
122
|
<div class="flex flex-row justify-center bg-gray-100">
|
|
151
123
|
{#each images as { id, imgurl, name, attribution }}
|
|
152
|
-
<Thumbnail
|
|
153
|
-
{thumbClass}
|
|
154
|
-
thumbImg={imgurl}
|
|
155
|
-
altTag={name}
|
|
156
|
-
titleLink={attribution}
|
|
157
|
-
{id}
|
|
158
|
-
selected={imageShowingIndex === id}
|
|
159
|
-
on:click={() => goToSlide(id)} />
|
|
124
|
+
<Thumbnail {thumbClass} thumbImg={imgurl} altTag={name} titleLink={attribution} {id} selected={imageShowingIndex === id} on:click={() => goToSlide(id)} />
|
|
160
125
|
{/each}
|
|
161
126
|
</div>
|
|
162
127
|
{/if}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselTransition.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/carousels/CarouselTransition.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAGD,OAAO,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"CarouselTransition.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/carousels/CarouselTransition.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAGD,OAAO,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAiJtE,QAAA,MAAM,SAAS;;;;;;gBADud,GAAG,EAAE;;;;;;;;;;;;;;;;;;;CAC7Z,CAAC;AAC/E,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC7D,MAAM,MAAM,wBAAwB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC/D,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,oBAAoB,CAAC,uBAAuB,EAAE,wBAAwB,EAAE,uBAAuB,CAAC;CAC/I"}
|
|
@@ -9,14 +9,7 @@ export let thumbClass = '';
|
|
|
9
9
|
|
|
10
10
|
<!-- svelte-ignore a11y-click-events-have-key-events -->
|
|
11
11
|
<button on:click aria-label="Click to view image">
|
|
12
|
-
<img
|
|
13
|
-
class={thumbClass}
|
|
14
|
-
class:active={selected}
|
|
15
|
-
id={id.toString()}
|
|
16
|
-
src={thumbImg}
|
|
17
|
-
alt={altTag}
|
|
18
|
-
title="Image from {titleLink}"
|
|
19
|
-
width="{thumbWidth}%" />
|
|
12
|
+
<img class={thumbClass} class:active={selected} id={id.toString()} src={thumbImg} alt={altTag} title="Image from {titleLink}" width="{thumbWidth}%" />
|
|
20
13
|
</button>
|
|
21
14
|
|
|
22
15
|
<!--
|
|
@@ -27,12 +27,7 @@ const toggleTheme = () => {
|
|
|
27
27
|
</script>
|
|
28
28
|
</svelte:head>
|
|
29
29
|
|
|
30
|
-
<button
|
|
31
|
-
on:click={toggleTheme}
|
|
32
|
-
aria-label="Dark mode"
|
|
33
|
-
type="button"
|
|
34
|
-
{...$$restProps}
|
|
35
|
-
class={twMerge(btnClass, $$props.class)}>
|
|
30
|
+
<button on:click={toggleTheme} aria-label="Dark mode" type="button" {...$$restProps} class={twMerge(btnClass, $$props.class)}>
|
|
36
31
|
<span class="hidden dark:block">
|
|
37
32
|
<slot name="lightIcon">
|
|
38
33
|
<svg class={sizes[size]} fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DarkMode.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/darkmode/DarkMode.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;
|
|
1
|
+
{"version":3,"file":"DarkMode.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/darkmode/DarkMode.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA+CD,QAAA,MAAM,SAAS;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACnD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACrD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEnD;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,oBAAoB,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CACvG"}
|
|
@@ -1,10 +1,3 @@
|
|
|
1
|
-
<svg
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
fill="currentColor"
|
|
5
|
-
viewBox="0 0 20 20"
|
|
6
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
7
|
-
><path
|
|
8
|
-
fill-rule="evenodd"
|
|
9
|
-
d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z"
|
|
10
|
-
clip-rule="evenodd" /></svg>
|
|
1
|
+
<svg aria-hidden="true" class="w-5 h-5 text-gray-500 dark:text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd" />
|
|
3
|
+
</svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calender.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/datepicker/Calender.svelte.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Calender.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/datepicker/Calender.svelte.js"],"names":[],"mappings":"AASA,uDAAuD;AACvD,yDAAyD;AACzD,uDAAuD;AAEvD;;;;;CACC;4BALa,OAAO,UAAU,KAAK;6BACtB,OAAO,UAAU,MAAM;4BACvB,OAAO,UAAU,KAAK;qCAXC,QAAQ;AAQ7C;;;;;;;;EAA8E"}
|