flowbite-svelte 0.27.12 → 0.27.13
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 +7 -0
- package/avatar/Avatar.svelte +15 -15
- package/footer/Footer.svelte +13 -13
- package/footer/FooterBrand.svelte +7 -6
- package/footer/FooterBrand.svelte.d.ts +1 -0
- package/footer/FooterCopyright.svelte +10 -9
- package/footer/FooterCopyright.svelte.d.ts +1 -0
- package/footer/FooterIcon.svelte +5 -4
- package/footer/FooterIcon.svelte.d.ts +1 -0
- package/footer/FooterLink.svelte +6 -4
- package/footer/FooterLink.svelte.d.ts +1 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
### [0.27.13](https://github.com/themesberg/flowbite-svelte/compare/v0.27.12...v0.27.13) (2022-10-30)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
* add target and {...$$restProps} to all footer components ([#405](https://github.com/themesberg/flowbite-svelte/issues/405)) ([c045aa7](https://github.com/themesberg/flowbite-svelte/commit/c045aa76dc209471f278eb98f0ec566c61e957f2))
|
|
11
|
+
|
|
5
12
|
### [0.27.12](https://github.com/themesberg/flowbite-svelte/compare/v0.27.11...v0.27.12) (2022-10-29)
|
|
6
13
|
|
|
7
14
|
|
package/avatar/Avatar.svelte
CHANGED
|
@@ -21,19 +21,19 @@ $: avatarClass = classNames(rounded ? 'rounded' : 'rounded-full', border && 'p-1
|
|
|
21
21
|
</script>
|
|
22
22
|
|
|
23
23
|
<Dot show={$$props.dot} {rounded} {...dot} {size} class={sizes[size]}>
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
24
|
+
{#if src}
|
|
25
|
+
<img {alt} {src} {...$$restProps} class={avatarClass} />
|
|
26
|
+
{:else if $$slots.default}
|
|
27
|
+
<svelte:element
|
|
28
|
+
this={href ? 'a' : 'div'}
|
|
29
|
+
{href}
|
|
30
|
+
{...$$restProps}
|
|
31
|
+
class="flex justify-center items-center text-xs font-medium {avatarClass}">
|
|
32
|
+
<slot />
|
|
33
|
+
</svelte:element>
|
|
34
|
+
{:else}
|
|
35
|
+
<svelte:element this={href ? 'a' : 'div'} {...$$restProps} class={avatarClass}>
|
|
36
|
+
<AvatarPlaceholder {rounded} />
|
|
37
|
+
</svelte:element>
|
|
38
|
+
{/if}
|
|
39
39
|
</Dot>
|
package/footer/Footer.svelte
CHANGED
|
@@ -5,17 +5,17 @@ export let footerType = 'default';
|
|
|
5
5
|
</script>
|
|
6
6
|
|
|
7
7
|
<footer
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
>
|
|
20
|
-
|
|
8
|
+
{...$$restProps}
|
|
9
|
+
class={classNames(
|
|
10
|
+
{
|
|
11
|
+
'bg-gray-800': footerType === 'sitemap',
|
|
12
|
+
'p-4 bg-white sm:p-6 dark:bg-gray-800': footerType === 'socialmedia',
|
|
13
|
+
'p-4 bg-white rounded-lg shadow md:px-6 md:py-8 dark:bg-gray-800': footerType === 'logo',
|
|
14
|
+
'p-4 bg-white rounded-lg shadow md:flex md:items-center md:justify-between md:p-6 dark:bg-gray-800':
|
|
15
|
+
footerType === 'default',
|
|
16
|
+
[`${customClass}`]: footerType === 'custom'
|
|
17
|
+
},
|
|
18
|
+
$$props.class
|
|
19
|
+
)}>
|
|
20
|
+
<slot />
|
|
21
21
|
</footer>
|
|
@@ -6,14 +6,15 @@ export let href = '';
|
|
|
6
6
|
export let src = '';
|
|
7
7
|
export let alt = '';
|
|
8
8
|
export let name = '';
|
|
9
|
+
export let target = undefined;
|
|
9
10
|
</script>
|
|
10
11
|
|
|
11
12
|
{#if href}
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
<a {...$$restProps} {href} {target} class={classNames(aClass, $$props.class)}>
|
|
14
|
+
<img {src} class={imgClass} {alt} />
|
|
15
|
+
<span class={spanClass}>{name}</span>
|
|
16
|
+
<slot />
|
|
17
|
+
</a>
|
|
17
18
|
{:else}
|
|
18
|
-
|
|
19
|
+
<img {...$$restProps} {src} class={imgClass} {alt} />
|
|
19
20
|
{/if}
|
|
@@ -4,16 +4,17 @@ export let aClass = 'hover:underline';
|
|
|
4
4
|
export let year = new Date().getFullYear();
|
|
5
5
|
export let href = '';
|
|
6
6
|
export let by = '';
|
|
7
|
+
export let target = undefined;
|
|
7
8
|
</script>
|
|
8
9
|
|
|
9
10
|
<span class={classNames(spanClass, $$props.class)}>
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
11
|
+
© {year}
|
|
12
|
+
{#if href}
|
|
13
|
+
<a {...$$restProps} {href} {target} class={aClass}>
|
|
14
|
+
{by}
|
|
15
|
+
</a>
|
|
16
|
+
{:else}
|
|
17
|
+
<span class="ml-1">{by}</span>
|
|
18
|
+
{/if}
|
|
19
|
+
. All Rights Reserved.
|
|
19
20
|
</span>
|
package/footer/FooterIcon.svelte
CHANGED
|
@@ -2,12 +2,13 @@
|
|
|
2
2
|
export let href = '';
|
|
3
3
|
export let ariaLabel = '';
|
|
4
4
|
export let aClass = 'text-gray-500 hover:text-gray-900 dark:hover:text-white';
|
|
5
|
+
export let target = undefined;
|
|
5
6
|
</script>
|
|
6
7
|
|
|
7
8
|
{#if href}
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
<a {...$$restProps} {href} {target} aria-label={ariaLabel} class={classNames(aClass, $$props.class)}>
|
|
10
|
+
<slot />
|
|
11
|
+
</a>
|
|
11
12
|
{:else}
|
|
12
|
-
|
|
13
|
+
<slot />
|
|
13
14
|
{/if}
|
package/footer/FooterLink.svelte
CHANGED
|
@@ -1,11 +1,13 @@
|
|
|
1
|
-
<script>import
|
|
1
|
+
<script>import A from '../typography/A.svelte';
|
|
2
|
+
import classNames from 'classnames';
|
|
2
3
|
export let liClass = 'mr-4 last:mr-0 md:mr-6';
|
|
3
4
|
export let aClass = 'hover:underline';
|
|
4
5
|
export let href = '';
|
|
6
|
+
export let target = undefined;
|
|
5
7
|
</script>
|
|
6
8
|
|
|
7
9
|
<li class={classNames(liClass, $$props.class)}>
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
10
|
+
<a {...$$restProps} {href} class={aClass} {target}>
|
|
11
|
+
<slot />
|
|
12
|
+
</a>
|
|
11
13
|
</li>
|