@tabler/icons-svelte 3.0.0 → 3.0.2
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/dist/Icon.svelte +12 -6
- package/dist/Icon.svelte.d.ts +3 -3
- package/dist/defaultAttributes.js +1 -2
- package/dist/icons/index.d.ts +1 -0
- package/dist/icons/index.js +1 -0
- package/dist/icons/squares-filled.svelte +6 -0
- package/dist/icons/squares-filled.svelte.d.ts +17 -0
- package/dist/icons/squares.svelte +1 -1
- package/dist/icons-list.d.ts +2 -0
- package/dist/icons-list.js +5203 -0
- package/dist/tabler-icons-svelte.d.ts +1 -0
- package/dist/tabler-icons-svelte.js +1 -0
- package/dist/types.d.ts +1 -1
- package/package.json +20811 -12
package/dist/Icon.svelte
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
<script>import defaultAttributes from
|
|
1
|
+
<script>import defaultAttributes from './defaultAttributes';
|
|
2
2
|
export let type;
|
|
3
3
|
export let name;
|
|
4
|
-
export let color =
|
|
4
|
+
export let color = 'currentColor';
|
|
5
5
|
export let size = 24;
|
|
6
|
-
export let
|
|
6
|
+
export let stroke = 2;
|
|
7
7
|
export let iconNode;
|
|
8
8
|
</script>
|
|
9
9
|
|
|
@@ -12,9 +12,15 @@ export let iconNode;
|
|
|
12
12
|
{...$$restProps}
|
|
13
13
|
width={size}
|
|
14
14
|
height={size}
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
15
|
+
class={`tabler-icon tabler-icon-${name} ${$$props.class ?? ''}`}
|
|
16
|
+
{...type === 'filled'
|
|
17
|
+
? {
|
|
18
|
+
fill: color,
|
|
19
|
+
}
|
|
20
|
+
: {
|
|
21
|
+
'stroke-width': stroke,
|
|
22
|
+
stroke: color,
|
|
23
|
+
}}
|
|
18
24
|
>
|
|
19
25
|
{#each iconNode as [tag, attrs]}
|
|
20
26
|
<svelte:element this={tag} {...attrs} />
|
package/dist/Icon.svelte.d.ts
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { SvelteComponentTyped } from "svelte";
|
|
2
|
-
import type { IconNode } from
|
|
2
|
+
import type { IconNode } from './types';
|
|
3
3
|
declare const __propDef: {
|
|
4
4
|
props: {
|
|
5
5
|
[x: string]: any;
|
|
6
|
-
type:
|
|
6
|
+
type: 'outline' | 'filled';
|
|
7
7
|
name: string;
|
|
8
8
|
color?: string | undefined;
|
|
9
9
|
size?: string | number | undefined;
|
|
10
|
-
|
|
10
|
+
stroke?: string | number | undefined;
|
|
11
11
|
iconNode: IconNode;
|
|
12
12
|
};
|
|
13
13
|
events: {
|
package/dist/icons/index.d.ts
CHANGED
|
@@ -5152,6 +5152,7 @@ export { default as IconSquareRoundedXFilled } from './square-rounded-x-filled.s
|
|
|
5152
5152
|
export { default as IconSquareRoundedFilled } from './square-rounded-filled.svelte';
|
|
5153
5153
|
export { default as IconSquareXFilled } from './square-x-filled.svelte';
|
|
5154
5154
|
export { default as IconSquareFilled } from './square-filled.svelte';
|
|
5155
|
+
export { default as IconSquaresFilled } from './squares-filled.svelte';
|
|
5155
5156
|
export { default as IconStack2Filled } from './stack-2-filled.svelte';
|
|
5156
5157
|
export { default as IconStack3Filled } from './stack-3-filled.svelte';
|
|
5157
5158
|
export { default as IconStackFilled } from './stack-filled.svelte';
|
package/dist/icons/index.js
CHANGED
|
@@ -5152,6 +5152,7 @@ export { default as IconSquareRoundedXFilled } from './square-rounded-x-filled.s
|
|
|
5152
5152
|
export { default as IconSquareRoundedFilled } from './square-rounded-filled.svelte';
|
|
5153
5153
|
export { default as IconSquareXFilled } from './square-x-filled.svelte';
|
|
5154
5154
|
export { default as IconSquareFilled } from './square-filled.svelte';
|
|
5155
|
+
export { default as IconSquaresFilled } from './squares-filled.svelte';
|
|
5155
5156
|
export { default as IconStack2Filled } from './stack-2-filled.svelte';
|
|
5156
5157
|
export { default as IconStack3Filled } from './stack-3-filled.svelte';
|
|
5157
5158
|
export { default as IconStackFilled } from './stack-filled.svelte';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
<script>import Icon from '../Icon.svelte';
|
|
2
|
+
const iconNode = [["path", { "d": "M19 7a3 3 0 0 1 3 3v9a3 3 0 0 1 -3 3h-9a3 3 0 0 1 -3 -3v-9a3 3 0 0 1 3 -3z" }], ["path", { "d": "M14 2a3 3 0 0 1 3 2.999l-7 .001a5 5 0 0 0 -5 5l-.001 7l-.175 -.005a3 3 0 0 1 -2.824 -2.995v-9a3 3 0 0 1 3 -3z" }]];
|
|
3
|
+
</script>
|
|
4
|
+
<Icon type="filled" name="squares-filled" {...$$props} iconNode={iconNode}>
|
|
5
|
+
<slot/>
|
|
6
|
+
</Icon>
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { SvelteComponentTyped } from "svelte";
|
|
2
|
+
import type { IconProps } from '../types.js';
|
|
3
|
+
declare const __propDef: {
|
|
4
|
+
props: IconProps;
|
|
5
|
+
events: {
|
|
6
|
+
[evt: string]: CustomEvent<any>;
|
|
7
|
+
};
|
|
8
|
+
slots: {
|
|
9
|
+
default: {};
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
export type SquaresFilledProps = typeof __propDef.props;
|
|
13
|
+
export type SquaresFilledEvents = typeof __propDef.events;
|
|
14
|
+
export type SquaresFilledSlots = typeof __propDef.slots;
|
|
15
|
+
export default class SquaresFilled extends SvelteComponentTyped<SquaresFilledProps, SquaresFilledEvents, SquaresFilledSlots> {
|
|
16
|
+
}
|
|
17
|
+
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<script>import Icon from '../Icon.svelte';
|
|
2
|
-
const iconNode = [["path", { "d": "M8
|
|
2
|
+
const iconNode = [["path", { "d": "M8 10a2 2 0 0 1 2 -2h9a2 2 0 0 1 2 2v9a2 2 0 0 1 -2 2h-9a2 2 0 0 1 -2 -2z" }], ["path", { "d": "M16 8v-3a2 2 0 0 0 -2 -2h-9a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h3" }]];
|
|
3
3
|
</script>
|
|
4
4
|
<Icon type="outline" name="squares" {...$$props} iconNode={iconNode}>
|
|
5
5
|
<slot/>
|