Skip to content

Commit 41820ae

Browse files
shinokadashinokada
committed
fix: #34
fix: add a prop where strokeWidth=3
1 parent 4654f0f commit 41820ae

File tree

755 files changed

+42891
-28680
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

755 files changed

+42891
-28680
lines changed

‎src/lib/AddColumnAfterOutline.svelte‎

Lines changed: 59 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -1,48 +1,68 @@
11
<script lang="ts">
2-
import { getContext } from 'svelte';
3-
import { twMerge } from 'tailwind-merge';
4-
import clsx from 'clsx';
5-
import type { OutlineBaseProps, OutlineProps } from './types'
2+
import { getContext } from 'svelte';
3+
import { twMerge } from 'tailwind-merge';
4+
import clsx from 'clsx';
5+
import type { OutlineBaseProps, OutlineProps } from './types';
66
7-
const ctx: OutlineBaseProps = getContext('iconCtx') ?? {};
8-
const sizes = {
9-
xs: 'w-3 h-3',
10-
sm: 'w-4 h-4',
11-
md: 'w-5 h-5',
12-
lg: 'w-6 h-6',
13-
xl: 'w-8 h-8'
14-
};
7+
const ctx: OutlineBaseProps = getContext('iconCtx') ?? {};
8+
const sizes = {
9+
xs: 'w-3 h-3',
10+
sm: 'w-4 h-4',
11+
md: 'w-5 h-5',
12+
lg: 'w-6 h-6',
13+
xl: 'w-8 h-8'
14+
};
1515
16-
let {
17-
size = ctx.size || 'md',
18-
color = ctx.color || 'currentColor',
19-
title,
20-
strokeWidth= ctx.strokeWidth || "2",
21-
desc,
22-
class: className,
23-
ariaLabel = "add column after outline" ,
24-
...restProps
25-
}: OutlineProps = $props();
16+
let {
17+
size = ctx.size || 'md',
18+
color = ctx.color || 'currentColor',
19+
title,
20+
strokeWidth = ctx.strokeWidth || '2',
21+
desc,
22+
class: className,
23+
ariaLabel = 'add column after outline',
24+
...restProps
25+
}: OutlineProps = $props();
2626
27-
let ariaDescribedby = `${title?.id || ''} ${desc?.id || ''}`;
28-
const hasDescription = $derived(!!(title?.id || desc?.id));
27+
let ariaDescribedby = `${title?.id || ''} ${desc?.id || ''}`;
28+
const hasDescription = $derived(!!(title?.id || desc?.id));
2929
</script>
3030

3131
<svg
32-
xmlns="http://www.w3.org/2000/svg"
33-
fill="none"
34-
{color}
35-
{...restProps}
36-
class={twMerge(clsx('shrink-0', sizes[size], className))}
37-
aria-label={ariaLabel}
38-
aria-describedby={hasDescription ? ariaDescribedby : undefined}
39-
viewBox="0 0 24 24"
32+
xmlns="http://www.w3.org/2000/svg"
33+
fill="none"
34+
{color}
35+
{...restProps}
36+
class={twMerge(clsx('shrink-0', sizes[size], className))}
37+
aria-label={ariaLabel}
38+
aria-describedby={hasDescription ? ariaDescribedby : undefined}
39+
viewBox="0 0 24 24"
4040
>
41-
{#if title?.id && title.title}
42-
<title id={title.id}>{title.title}</title>
43-
{/if}
44-
{#if desc?.id && desc.desc}
45-
<desc id={desc.id}>{desc.desc}</desc>
46-
{/if}
47-
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width={strokeWidth} d="M9 5v14m8-7h-2m0 0h-2m2 0v2m0-2v-2M3 11h6m-6 4h6m11 4H4c-.55228 0-1-.4477-1-1V6c0-.55228.44772-1 1-1h16c.5523 0 1 .44772 1 1v12c0 .5523-.4477 1-1 1Z"/>
41+
{#if title?.id && title.title}
42+
<title id={title.id}>{title.title}</title>
43+
{/if}
44+
{#if desc?.id && desc.desc}
45+
<desc id={desc.id}>{desc.desc}</desc>
46+
{/if}
47+
<path
48+
stroke="currentColor"
49+
stroke-linecap="round"
50+
stroke-linejoin="round"
51+
stroke-width={strokeWidth}
52+
d="M9 5v14m8-7h-2m0 0h-2m2 0v2m0-2v-2M3 11h6m-6 4h6m11 4H4c-.55228 0-1-.4477-1-1V6c0-.55228.44772-1 1-1h16c.5523 0 1 .44772 1 1v12c0 .5523-.4477 1-1 1Z"
53+
/>
4854
</svg>
55+
56+
<!--
57+
@component
58+
[Go to docs](https://flowbite-svelte-icons.codewithshin.com/)
59+
## Props
60+
@prop size = ctx.size || 'md'
61+
@prop color = ctx.color || 'currentColor'
62+
@prop title
63+
@prop strokeWidth = ctx.strokeWidth || '2'
64+
@prop desc
65+
@prop class: className
66+
@prop ariaLabel = 'add column after outline'
67+
@prop ...restProps
68+
-->

‎src/lib/AddColumnBeforeOutline.svelte‎

Lines changed: 59 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -1,48 +1,68 @@
11
<script lang="ts">
2-
import { getContext } from 'svelte';
3-
import { twMerge } from 'tailwind-merge';
4-
import clsx from 'clsx';
5-
import type { OutlineBaseProps, OutlineProps } from './types'
2+
import { getContext } from 'svelte';
3+
import { twMerge } from 'tailwind-merge';
4+
import clsx from 'clsx';
5+
import type { OutlineBaseProps, OutlineProps } from './types';
66
7-
const ctx: OutlineBaseProps = getContext('iconCtx') ?? {};
8-
const sizes = {
9-
xs: 'w-3 h-3',
10-
sm: 'w-4 h-4',
11-
md: 'w-5 h-5',
12-
lg: 'w-6 h-6',
13-
xl: 'w-8 h-8'
14-
};
7+
const ctx: OutlineBaseProps = getContext('iconCtx') ?? {};
8+
const sizes = {
9+
xs: 'w-3 h-3',
10+
sm: 'w-4 h-4',
11+
md: 'w-5 h-5',
12+
lg: 'w-6 h-6',
13+
xl: 'w-8 h-8'
14+
};
1515
16-
let {
17-
size = ctx.size || 'md',
18-
color = ctx.color || 'currentColor',
19-
title,
20-
strokeWidth= ctx.strokeWidth || "2",
21-
desc,
22-
class: className,
23-
ariaLabel = "add column before outline" ,
24-
...restProps
25-
}: OutlineProps = $props();
16+
let {
17+
size = ctx.size || 'md',
18+
color = ctx.color || 'currentColor',
19+
title,
20+
strokeWidth = ctx.strokeWidth || '2',
21+
desc,
22+
class: className,
23+
ariaLabel = 'add column before outline',
24+
...restProps
25+
}: OutlineProps = $props();
2626
27-
let ariaDescribedby = `${title?.id || ''} ${desc?.id || ''}`;
28-
const hasDescription = $derived(!!(title?.id || desc?.id));
27+
let ariaDescribedby = `${title?.id || ''} ${desc?.id || ''}`;
28+
const hasDescription = $derived(!!(title?.id || desc?.id));
2929
</script>
3030

3131
<svg
32-
xmlns="http://www.w3.org/2000/svg"
33-
fill="none"
34-
{color}
35-
{...restProps}
36-
class={twMerge(clsx('shrink-0', sizes[size], className))}
37-
aria-label={ariaLabel}
38-
aria-describedby={hasDescription ? ariaDescribedby : undefined}
39-
viewBox="0 0 24 24"
32+
xmlns="http://www.w3.org/2000/svg"
33+
fill="none"
34+
{color}
35+
{...restProps}
36+
class={twMerge(clsx('shrink-0', sizes[size], className))}
37+
aria-label={ariaLabel}
38+
aria-describedby={hasDescription ? ariaDescribedby : undefined}
39+
viewBox="0 0 24 24"
4040
>
41-
{#if title?.id && title.title}
42-
<title id={title.id}>{title.title}</title>
43-
{/if}
44-
{#if desc?.id && desc.desc}
45-
<desc id={desc.id}>{desc.desc}</desc>
46-
{/if}
47-
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width={strokeWidth} d="M15 5v14m-8-7h2m0 0h2m-2 0v2m0-2v-2m12 1h-6m6 4h-6M4 19h16c.5523 0 1-.4477 1-1V6c0-.55228-.4477-1-1-1H4c-.55228 0-1 .44772-1 1v12c0 .5523.44772 1 1 1Z"/>
41+
{#if title?.id && title.title}
42+
<title id={title.id}>{title.title}</title>
43+
{/if}
44+
{#if desc?.id && desc.desc}
45+
<desc id={desc.id}>{desc.desc}</desc>
46+
{/if}
47+
<path
48+
stroke="currentColor"
49+
stroke-linecap="round"
50+
stroke-linejoin="round"
51+
stroke-width={strokeWidth}
52+
d="M15 5v14m-8-7h2m0 0h2m-2 0v2m0-2v-2m12 1h-6m6 4h-6M4 19h16c.5523 0 1-.4477 1-1V6c0-.55228-.4477-1-1-1H4c-.55228 0-1 .44772-1 1v12c0 .5523.44772 1 1 1Z"
53+
/>
4854
</svg>
55+
56+
<!--
57+
@component
58+
[Go to docs](https://flowbite-svelte-icons.codewithshin.com/)
59+
## Props
60+
@prop size = ctx.size || 'md'
61+
@prop color = ctx.color || 'currentColor'
62+
@prop title
63+
@prop strokeWidth = ctx.strokeWidth || '2'
64+
@prop desc
65+
@prop class: className
66+
@prop ariaLabel = 'add column before outline'
67+
@prop ...restProps
68+
-->

‎src/lib/AddressBookOutline.svelte‎

Lines changed: 59 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -1,48 +1,68 @@
11
<script lang="ts">
2-
import { getContext } from 'svelte';
3-
import { twMerge } from 'tailwind-merge';
4-
import clsx from 'clsx';
5-
import type { OutlineBaseProps, OutlineProps } from './types'
2+
import { getContext } from 'svelte';
3+
import { twMerge } from 'tailwind-merge';
4+
import clsx from 'clsx';
5+
import type { OutlineBaseProps, OutlineProps } from './types';
66
7-
const ctx: OutlineBaseProps = getContext('iconCtx') ?? {};
8-
const sizes = {
9-
xs: 'w-3 h-3',
10-
sm: 'w-4 h-4',
11-
md: 'w-5 h-5',
12-
lg: 'w-6 h-6',
13-
xl: 'w-8 h-8'
14-
};
7+
const ctx: OutlineBaseProps = getContext('iconCtx') ?? {};
8+
const sizes = {
9+
xs: 'w-3 h-3',
10+
sm: 'w-4 h-4',
11+
md: 'w-5 h-5',
12+
lg: 'w-6 h-6',
13+
xl: 'w-8 h-8'
14+
};
1515
16-
let {
17-
size = ctx.size || 'md',
18-
color = ctx.color || 'currentColor',
19-
title,
20-
strokeWidth= ctx.strokeWidth || "2",
21-
desc,
22-
class: className,
23-
ariaLabel = "address book outline" ,
24-
...restProps
25-
}: OutlineProps = $props();
16+
let {
17+
size = ctx.size || 'md',
18+
color = ctx.color || 'currentColor',
19+
title,
20+
strokeWidth = ctx.strokeWidth || '2',
21+
desc,
22+
class: className,
23+
ariaLabel = 'address book outline',
24+
...restProps
25+
}: OutlineProps = $props();
2626
27-
let ariaDescribedby = `${title?.id || ''} ${desc?.id || ''}`;
28-
const hasDescription = $derived(!!(title?.id || desc?.id));
27+
let ariaDescribedby = `${title?.id || ''} ${desc?.id || ''}`;
28+
const hasDescription = $derived(!!(title?.id || desc?.id));
2929
</script>
3030

3131
<svg
32-
xmlns="http://www.w3.org/2000/svg"
33-
fill="none"
34-
{color}
35-
{...restProps}
36-
class={twMerge(clsx('shrink-0', sizes[size], className))}
37-
aria-label={ariaLabel}
38-
aria-describedby={hasDescription ? ariaDescribedby : undefined}
39-
viewBox="0 0 24 24"
32+
xmlns="http://www.w3.org/2000/svg"
33+
fill="none"
34+
{color}
35+
{...restProps}
36+
class={twMerge(clsx('shrink-0', sizes[size], className))}
37+
aria-label={ariaLabel}
38+
aria-describedby={hasDescription ? ariaDescribedby : undefined}
39+
viewBox="0 0 24 24"
4040
>
41-
{#if title?.id && title.title}
42-
<title id={title.id}>{title.title}</title>
43-
{/if}
44-
{#if desc?.id && desc.desc}
45-
<desc id={desc.id}>{desc.desc}</desc>
46-
{/if}
47-
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width={strokeWidth} d="M7 6H5m2 3H5m2 3H5m2 3H5m2 3H5m11-1a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2M7 3h11a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Zm8 7a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z"/>
41+
{#if title?.id && title.title}
42+
<title id={title.id}>{title.title}</title>
43+
{/if}
44+
{#if desc?.id && desc.desc}
45+
<desc id={desc.id}>{desc.desc}</desc>
46+
{/if}
47+
<path
48+
stroke="currentColor"
49+
stroke-linecap="round"
50+
stroke-linejoin="round"
51+
stroke-width={strokeWidth}
52+
d="M7 6H5m2 3H5m2 3H5m2 3H5m2 3H5m11-1a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2M7 3h11a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Zm8 7a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z"
53+
/>
4854
</svg>
55+
56+
<!--
57+
@component
58+
[Go to docs](https://flowbite-svelte-icons.codewithshin.com/)
59+
## Props
60+
@prop size = ctx.size || 'md'
61+
@prop color = ctx.color || 'currentColor'
62+
@prop title
63+
@prop strokeWidth = ctx.strokeWidth || '2'
64+
@prop desc
65+
@prop class: className
66+
@prop ariaLabel = 'address book outline'
67+
@prop ...restProps
68+
-->

0 commit comments

Comments
 (0)