@websline/system-components 1.4.7 → 1.5.0

package/dist/components/atoms/icon/components/Hourglass.svelte.d.ts

@@ -7,35 +7,35 @@ declare const Hourglass: import("svelte").Component<{
     /**
      * Icon color
      */
-    color?: string;
+    color?: string | undefined;
     /**
      * Icon height
      */
-    height?: number;
+    height?: number | undefined;
     /**
      * Icon StrokeWidth
      */
-    strokeWidth?: number;
+    strokeWidth?: number | undefined;
     /**
      * Icon width
      */
-    width?: number;
+    width?: number | undefined;
 }, {}, "">;
 type Props = {
     /**
      * Icon color
      */
-    color?: string;
+    color?: string | undefined;
     /**
      * Icon height
      */
-    height?: number;
+    height?: number | undefined;
     /**
      * Icon StrokeWidth
      */
-    strokeWidth?: number;
+    strokeWidth?: number | undefined;
     /**
      * Icon width
      */
-    width?: number;
+    width?: number | undefined;
 };

package/dist/components/atoms/icon/components/Inbox.svelte.d.ts

@@ -7,35 +7,35 @@ declare const Inbox: import("svelte").Component<{
     /**
      * Icon color
      */
-    color?: string;
+    color?: string | undefined;
     /**
      * Icon height
      */
-    height?: number;
+    height?: number | undefined;
     /**
      * Icon StrokeWidth
      */
-    strokeWidth?: number;
+    strokeWidth?: number | undefined;
     /**
      * Icon width
      */
-    width?: number;
+    width?: number | undefined;
 }, {}, "">;
 type Props = {
     /**
      * Icon color
      */
-    color?: string;
+    color?: string | undefined;
     /**
      * Icon height
      */
-    height?: number;
+    height?: number | undefined;
     /**
      * Icon StrokeWidth
      */
-    strokeWidth?: number;
+    strokeWidth?: number | undefined;
     /**
      * Icon width
      */
-    width?: number;
+    width?: number | undefined;
 };

package/dist/components/atoms/icon/components/Info.svelte.d.ts

@@ -7,35 +7,35 @@ declare const Info: import("svelte").Component<{
     /**
      * Icon color
      */
-    color?: string;
+    color?: string | undefined;
     /**
      * Icon height
      */
-    height?: number;
+    height?: number | undefined;
     /**
      * Icon StrokeWidth
      */
-    strokeWidth?: number;
+    strokeWidth?: number | undefined;
     /**
      * Icon width
      */
-    width?: number;
+    width?: number | undefined;
 }, {}, "">;
 type Props = {
     /**
      * Icon color
      */
-    color?: string;
+    color?: string | undefined;
     /**
      * Icon height
      */
-    height?: number;
+    height?: number | undefined;
     /**
      * Icon StrokeWidth
      */
-    strokeWidth?: number;
+    strokeWidth?: number | undefined;
     /**
      * Icon width
      */
-    width?: number;
+    width?: number | undefined;
 };

package/dist/components/atoms/icon/components/Intergration.svelte.d.ts

@@ -7,35 +7,35 @@ declare const Intergration: import("svelte").Component<{
     /**
      * Icon color
      */
-    color?: string;
+    color?: string | undefined;
     /**
      * Icon height
      */
-    height?: number;
+    height?: number | undefined;
     /**
      * Icon StrokeWidth
      */
-    strokeWidth?: number;
+    strokeWidth?: number | undefined;
     /**
      * Icon width
      */
-    width?: number;
+    width?: number | undefined;
 }, {}, "">;
 type Props = {
     /**
      * Icon color
      */
-    color?: string;
+    color?: string | undefined;
     /**
      * Icon height
      */
-    height?: number;
+    height?: number | undefined;
     /**
      * Icon StrokeWidth
      */
-    strokeWidth?: number;
+    strokeWidth?: number | undefined;
     /**
      * Icon width
      */
-    width?: number;
+    width?: number | undefined;
 };

package/dist/components/atoms/icon/components/Italic.svelte.d.ts

@@ -7,35 +7,35 @@ declare const Italic: import("svelte").Component<{
     /**
      * Icon color
      */
-    color?: string;
+    color?: string | undefined;
     /**
      * Icon height
      */
-    height?: number;
+    height?: number | undefined;
     /**
      * Icon StrokeWidth
      */
-    strokeWidth?: number;
+    strokeWidth?: number | undefined;
     /**
      * Icon width
      */
-    width?: number;
+    width?: number | undefined;
 }, {}, "">;
 type Props = {
     /**
      * Icon color
      */
-    color?: string;
+    color?: string | undefined;
     /**
      * Icon height
      */
-    height?: number;
+    height?: number | undefined;
     /**
      * Icon StrokeWidth
      */
-    strokeWidth?: number;
+    strokeWidth?: number | undefined;
     /**
      * Icon width
      */
-    width?: number;
+    width?: number | undefined;
 };

package/dist/components/atoms/icon/components/Layout.svelte.d.ts

@@ -7,35 +7,35 @@ declare const Layout: import("svelte").Component<{
     /**
      * Icon color
      */
-    color?: string;
+    color?: string | undefined;
     /**
      * Icon height
      */
-    height?: number;
+    height?: number | undefined;
     /**
      * Icon StrokeWidth
      */
-    strokeWidth?: number;
+    strokeWidth?: number | undefined;
     /**
      * Icon width
      */
-    width?: number;
+    width?: number | undefined;
 }, {}, "">;
 type Props = {
     /**
      * Icon color
      */
-    color?: string;
+    color?: string | undefined;
     /**
      * Icon height
      */
-    height?: number;
+    height?: number | undefined;
     /**
      * Icon StrokeWidth
      */
-    strokeWidth?: number;
+    strokeWidth?: number | undefined;
     /**
      * Icon width
      */
-    width?: number;
+    width?: number | undefined;
 };

package/dist/components/atoms/icon/components/Lightning.svelte

@@ -11,16 +11,16 @@
 	let { color, height, width, strokeWidth, ...rest } = $props();
 </script>
 
-<svg 
-  {height}
+<svg
+	{height}
 	{width}
-  viewBox="0 0 20 20"
-  fill="none"
-  xmlns="http://www.w3.org/2000/svg"
-  {...rest}>
-  <path 
-    d="M7.77843 2.5H15.0512L10.6067 7.75H16.6673L6.97035 17.5L8.99055 10.375H3.33398L7.77843 2.5Z"
-    stroke={color}
-    stroke-width={strokeWidth} 
-    stroke-linejoin="round"/>
-</svg>
+	viewBox="0 0 20 20"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+	{...rest}>
+	<path
+		d="M7.77843 2.5H15.0512L10.6067 7.75H16.6673L6.97035 17.5L8.99055 10.375H3.33398L7.77843 2.5Z"
+		stroke={color}
+		stroke-width={strokeWidth}
+		stroke-linejoin="round" />
+</svg>

package/dist/components/atoms/icon/components/Lightning.svelte.d.ts

@@ -7,35 +7,35 @@ declare const Lightning: import("svelte").Component<{
     /**
      * Icon color
      */
-    color?: string;
+    color?: string | undefined;
     /**
      * Icon height
      */
-    height?: number;
+    height?: number | undefined;
     /**
      * Icon StrokeWidth
      */
-    strokeWidth?: number;
+    strokeWidth?: number | undefined;
     /**
      * Icon width
      */
-    width?: number;
+    width?: number | undefined;
 }, {}, "">;
 type Props = {
     /**
      * Icon color
      */
-    color?: string;
+    color?: string | undefined;
     /**
      * Icon height
      */
-    height?: number;
+    height?: number | undefined;
     /**
      * Icon StrokeWidth
      */
-    strokeWidth?: number;
+    strokeWidth?: number | undefined;
     /**
      * Icon width
      */
-    width?: number;
+    width?: number | undefined;
 };

package/dist/components/atoms/icon/components/Link.svelte.d.ts

@@ -7,35 +7,35 @@ declare const Link: import("svelte").Component<{
     /**
      * Icon color
      */
-    color?: string;
+    color?: string | undefined;
     /**
      * Icon height
      */
-    height?: number;
+    height?: number | undefined;
     /**
      * Icon StrokeWidth
      */
-    strokeWidth?: number;
+    strokeWidth?: number | undefined;
     /**
      * Icon width
      */
-    width?: number;
+    width?: number | undefined;
 }, {}, "">;
 type Props = {
     /**
      * Icon color
      */
-    color?: string;
+    color?: string | undefined;
     /**
      * Icon height
      */
-    height?: number;
+    height?: number | undefined;
     /**
      * Icon StrokeWidth
      */
-    strokeWidth?: number;
+    strokeWidth?: number | undefined;
     /**
      * Icon width
      */
-    width?: number;
+    width?: number | undefined;
 };

package/dist/components/atoms/icon/components/LinkAi.svelte.d.ts

@@ -7,35 +7,35 @@ declare const LinkAi: import("svelte").Component<{
     /**
      * Icon color
      */
-    color?: string;
+    color?: string | undefined;
     /**
      * Icon height
      */
-    height?: number;
+    height?: number | undefined;
     /**
      * Icon StrokeWidth
      */
-    strokeWidth?: number;
+    strokeWidth?: number | undefined;
     /**
      * Icon width
      */
-    width?: number;
+    width?: number | undefined;
 }, {}, "">;
 type Props = {
     /**
      * Icon color
      */
-    color?: string;
+    color?: string | undefined;
     /**
      * Icon height
      */
-    height?: number;
+    height?: number | undefined;
     /**
      * Icon StrokeWidth
      */
-    strokeWidth?: number;
+    strokeWidth?: number | undefined;
     /**
      * Icon width
      */
-    width?: number;
+    width?: number | undefined;
 };

package/dist/components/atoms/icon/components/ListOrdered.svelte.d.ts

@@ -7,35 +7,35 @@ declare const ListOrdered: import("svelte").Component<{
     /**
      * Icon color
      */
-    color?: string;
+    color?: string | undefined;
     /**
      * Icon height
      */
-    height?: number;
+    height?: number | undefined;
     /**
      * Icon StrokeWidth
      */
-    strokeWidth?: number;
+    strokeWidth?: number | undefined;
     /**
      * Icon width
      */
-    width?: number;
+    width?: number | undefined;
 }, {}, "">;
 type Props = {
     /**
      * Icon color
      */
-    color?: string;
+    color?: string | undefined;
     /**
      * Icon height
      */
-    height?: number;
+    height?: number | undefined;
     /**
      * Icon StrokeWidth
      */
-    strokeWidth?: number;
+    strokeWidth?: number | undefined;
     /**
      * Icon width
      */
-    width?: number;
+    width?: number | undefined;
 };

package/dist/components/atoms/icon/components/ListTasks.svelte.d.ts

@@ -7,35 +7,35 @@ declare const ListTasks: import("svelte").Component<{
     /**
      * Icon color
      */
-    color?: string;
+    color?: string | undefined;
     /**
      * Icon height
      */
-    height?: number;
+    height?: number | undefined;
     /**
      * Icon StrokeWidth
      */
-    strokeWidth?: number;
+    strokeWidth?: number | undefined;
     /**
      * Icon width
      */
-    width?: number;
+    width?: number | undefined;
 }, {}, "">;
 type Props = {
     /**
      * Icon color
      */
-    color?: string;
+    color?: string | undefined;
     /**
      * Icon height
      */
-    height?: number;
+    height?: number | undefined;
     /**
      * Icon StrokeWidth
      */
-    strokeWidth?: number;
+    strokeWidth?: number | undefined;
     /**
      * Icon width
      */
-    width?: number;
+    width?: number | undefined;
 };

package/dist/components/atoms/icon/components/ListUnordered.svelte.d.ts

@@ -7,35 +7,35 @@ declare const ListUnordered: import("svelte").Component<{
     /**
      * Icon color
      */
-    color?: string;
+    color?: string | undefined;
     /**
      * Icon height
      */
-    height?: number;
+    height?: number | undefined;
     /**
      * Icon StrokeWidth
      */
-    strokeWidth?: number;
+    strokeWidth?: number | undefined;
     /**
      * Icon width
      */
-    width?: number;
+    width?: number | undefined;
 }, {}, "">;
 type Props = {
     /**
      * Icon color
      */
-    color?: string;
+    color?: string | undefined;
     /**
      * Icon height
      */
-    height?: number;
+    height?: number | undefined;
     /**
      * Icon StrokeWidth
      */
-    strokeWidth?: number;
+    strokeWidth?: number | undefined;
     /**
      * Icon width
      */
-    width?: number;
+    width?: number | undefined;
 };

package/dist/components/atoms/icon/components/Lock.svelte.d.ts

@@ -7,35 +7,35 @@ declare const Lock: import("svelte").Component<{
     /**
      * Icon color
      */
-    color?: string;
+    color?: string | undefined;
     /**
      * Icon height
      */
-    height?: number;
+    height?: number | undefined;
     /**
      * Icon StrokeWidth
      */
-    strokeWidth?: number;
+    strokeWidth?: number | undefined;
     /**
      * Icon width
      */
-    width?: number;
+    width?: number | undefined;
 }, {}, "">;
 type Props = {
     /**
      * Icon color
      */
-    color?: string;
+    color?: string | undefined;
     /**
      * Icon height
      */
-    height?: number;
+    height?: number | undefined;
     /**
      * Icon StrokeWidth
      */
-    strokeWidth?: number;
+    strokeWidth?: number | undefined;
     /**
      * Icon width
      */
-    width?: number;
+    width?: number | undefined;
 };

package/dist/components/atoms/icon/components/Menu.svelte.d.ts

@@ -7,35 +7,35 @@ declare const Menu: import("svelte").Component<{
     /**
      * Icon color
      */
-    color?: string;
+    color?: string | undefined;
     /**
      * Icon height
      */
-    height?: number;
+    height?: number | undefined;
     /**
      * Icon StrokeWidth
      */
-    strokeWidth?: number;
+    strokeWidth?: number | undefined;
     /**
      * Icon width
      */
-    width?: number;
+    width?: number | undefined;
 }, {}, "">;
 type Props = {
     /**
      * Icon color
      */
-    color?: string;
+    color?: string | undefined;
     /**
      * Icon height
      */
-    height?: number;
+    height?: number | undefined;
     /**
      * Icon StrokeWidth
      */
-    strokeWidth?: number;
+    strokeWidth?: number | undefined;
     /**
      * Icon width
      */
-    width?: number;
+    width?: number | undefined;
 };