@tabler/icons-svelte 3.0.0-beta.2 → 3.0.1

package/dist/Icon.svelte

@@ -1,9 +1,9 @@
-<script>import defaultAttributes from "./defaultAttributes";
+<script>import defaultAttributes from './defaultAttributes';
 export let type;
 export let name;
-export let color = "currentColor";
+export let color = 'currentColor';
 export let size = 24;
-export let strokeWidth = 2;
+export let stroke = 2;
 export let iconNode;
 </script>
 
@@ -12,9 +12,15 @@ export let iconNode;
   {...$$restProps}
   width={size}
   height={size}
-  stroke={color}
-  stroke-width={strokeWidth}
-  class={`tabler-icon tabler-icon-${name} ${$$props.class ?? ""}`}
+  class={`tabler-icon tabler-icon-${name} ${$$props.class ?? ''}`}
+  {...type === 'filled'
+    ? {
+        fill: color,
+      }
+    : {
+        'stroke-width': stroke,
+        stroke: color,
+      }}
 >
   {#each iconNode as [tag, attrs]}
     <svelte:element this={tag} {...attrs} />

package/dist/Icon.svelte.d.ts

@@ -1,13 +1,13 @@
 import { SvelteComponentTyped } from "svelte";
-import type { IconNode } from "./types";
+import type { IconNode } from './types';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        type: "outline" | "filled";
+        type: 'outline' | 'filled';
         name: string;
         color?: string | undefined;
         size?: string | number | undefined;
-        strokeWidth?: string | number | undefined;
+        stroke?: string | number | undefined;
         iconNode: IconNode;
     };
     events: {

package/dist/defaultAttributes.js

@@ -16,8 +16,7 @@ const defaultAttributes = {
         height: 24,
         viewBox: '0 0 24 24',
         fill: 'currentColor',
-        stroke: 'none',
-        'stroke-width': 0,
+        stroke: 'none'
     },
 };
 export default defaultAttributes;

package/dist/icons/{accessible-off-filled.svelte → accessible-filled.svelte}

@@ -1,6 +1,6 @@
 <script>import Icon from '../Icon.svelte';
 const iconNode = [["path", { "d": "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-1.051 6.844a1 1 0 0 0 -1.152 -.663l-.113 .03l-2.684 .895l-2.684 -.895l-.113 -.03a1 1 0 0 0 -.628 1.884l.109 .044l2.316 .771v.976l-1.832 2.75l-.06 .1a1 1 0 0 0 .237 1.21l.1 .076l.101 .06a1 1 0 0 0 1.21 -.237l.076 -.1l1.168 -1.752l1.168 1.752l.07 .093a1 1 0 0 0 1.653 -1.102l-.059 -.1l-1.832 -2.75v-.977l2.316 -.771l.109 -.044a1 1 0 0 0 .524 -1.221zm-3.949 -4.184a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0 -3z" }]];
 </script>
-<Icon type="filled" name="accessible-off-filled" {...$$props} iconNode={iconNode}>
+<Icon type="filled" name="accessible-filled" {...$$props} iconNode={iconNode}>
   <slot/>
 </Icon>

package/dist/icons/accessible-filled.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponentTyped } from "svelte";
+import type { IconProps } from '../types.js';
+declare const __propDef: {
+    props: IconProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type AccessibleFilledProps = typeof __propDef.props;
+export type AccessibleFilledEvents = typeof __propDef.events;
+export type AccessibleFilledSlots = typeof __propDef.slots;
+export default class AccessibleFilled extends SvelteComponentTyped<AccessibleFilledProps, AccessibleFilledEvents, AccessibleFilledSlots> {
+}
+export {};

package/dist/icons/index.d.ts

@@ -4545,7 +4545,7 @@ export { default as IconZoomScan } from './zoom-scan.svelte';
 export { default as IconZoom } from './zoom.svelte';
 export { default as IconZzzOff } from './zzz-off.svelte';
 export { default as IconZzz } from './zzz.svelte';
-export { default as IconAccessibleOffFilled } from './accessible-off-filled.svelte';
+export { default as IconAccessibleFilled } from './accessible-filled.svelte';
 export { default as IconAdCircleFilled } from './ad-circle-filled.svelte';
 export { default as IconAdFilled } from './ad-filled.svelte';
 export { default as IconAdjustmentsFilled } from './adjustments-filled.svelte';
@@ -5152,6 +5152,7 @@ export { default as IconSquareRoundedXFilled } from './square-rounded-x-filled.s
 export { default as IconSquareRoundedFilled } from './square-rounded-filled.svelte';
 export { default as IconSquareXFilled } from './square-x-filled.svelte';
 export { default as IconSquareFilled } from './square-filled.svelte';
+export { default as IconSquaresFilled } from './squares-filled.svelte';
 export { default as IconStack2Filled } from './stack-2-filled.svelte';
 export { default as IconStack3Filled } from './stack-3-filled.svelte';
 export { default as IconStackFilled } from './stack-filled.svelte';

package/dist/icons/index.js

@@ -4545,7 +4545,7 @@ export { default as IconZoomScan } from './zoom-scan.svelte';
 export { default as IconZoom } from './zoom.svelte';
 export { default as IconZzzOff } from './zzz-off.svelte';
 export { default as IconZzz } from './zzz.svelte';
-export { default as IconAccessibleOffFilled } from './accessible-off-filled.svelte';
+export { default as IconAccessibleFilled } from './accessible-filled.svelte';
 export { default as IconAdCircleFilled } from './ad-circle-filled.svelte';
 export { default as IconAdFilled } from './ad-filled.svelte';
 export { default as IconAdjustmentsFilled } from './adjustments-filled.svelte';
@@ -5152,6 +5152,7 @@ export { default as IconSquareRoundedXFilled } from './square-rounded-x-filled.s
 export { default as IconSquareRoundedFilled } from './square-rounded-filled.svelte';
 export { default as IconSquareXFilled } from './square-x-filled.svelte';
 export { default as IconSquareFilled } from './square-filled.svelte';
+export { default as IconSquaresFilled } from './squares-filled.svelte';
 export { default as IconStack2Filled } from './stack-2-filled.svelte';
 export { default as IconStack3Filled } from './stack-3-filled.svelte';
 export { default as IconStackFilled } from './stack-filled.svelte';

package/dist/icons/squares-filled.svelte

@@ -0,0 +1,6 @@
+<script>import Icon from '../Icon.svelte';
+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" }]];
+</script>
+<Icon type="filled" name="squares-filled" {...$$props} iconNode={iconNode}>
+  <slot/>
+</Icon>

package/dist/icons/squares-filled.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponentTyped } from "svelte";
+import type { IconProps } from '../types.js';
+declare const __propDef: {
+    props: IconProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type SquaresFilledProps = typeof __propDef.props;
+export type SquaresFilledEvents = typeof __propDef.events;
+export type SquaresFilledSlots = typeof __propDef.slots;
+export default class SquaresFilled extends SvelteComponentTyped<SquaresFilledProps, SquaresFilledEvents, SquaresFilledSlots> {
+}
+export {};

package/dist/icons/squares.svelte

@@ -1,5 +1,5 @@
 <script>import Icon from '../Icon.svelte';
-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" }]];
+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" }]];
 </script>
 <Icon type="outline" name="squares" {...$$props} iconNode={iconNode}>
   <slot/>

package/dist/types.d.ts

@@ -5,7 +5,7 @@ export type IconNode = [elementName: keyof SvelteHTMLElements, attrs: Attrs][];
 export interface IconProps extends Attrs {
     color?: string;
     size?: number | string;
-    strokeWidth?: number | string;
+    stroke?: number | string;
     class?: string;
 }
 type IconEvents = {