@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 CHANGED
@@ -1,9 +1,9 @@
1
- <script>import defaultAttributes from "./defaultAttributes";
1
+ <script>import defaultAttributes from './defaultAttributes';
2
2
  export let type;
3
3
  export let name;
4
- export let color = "currentColor";
4
+ export let color = 'currentColor';
5
5
  export let size = 24;
6
- export let strokeWidth = 2;
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
- stroke={color}
16
- stroke-width={strokeWidth}
17
- class={`tabler-icon tabler-icon-${name} ${$$props.class ?? ""}`}
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} />
@@ -1,13 +1,13 @@
1
1
  import { SvelteComponentTyped } from "svelte";
2
- import type { IconNode } from "./types";
2
+ import type { IconNode } from './types';
3
3
  declare const __propDef: {
4
4
  props: {
5
5
  [x: string]: any;
6
- type: "outline" | "filled";
6
+ type: 'outline' | 'filled';
7
7
  name: string;
8
8
  color?: string | undefined;
9
9
  size?: string | number | undefined;
10
- strokeWidth?: string | number | undefined;
10
+ stroke?: string | number | undefined;
11
11
  iconNode: IconNode;
12
12
  };
13
13
  events: {
@@ -16,8 +16,7 @@ const defaultAttributes = {
16
16
  height: 24,
17
17
  viewBox: '0 0 24 24',
18
18
  fill: 'currentColor',
19
- stroke: 'none',
20
- 'stroke-width': 0,
19
+ stroke: 'none'
21
20
  },
22
21
  };
23
22
  export default defaultAttributes;
@@ -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';
@@ -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 8m0 2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z" }], ["path", { "d": "M16 8v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2" }]];
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/>
@@ -0,0 +1,2 @@
1
+ declare const _default: string[];
2
+ export default _default;