@websline/system-components 1.4.8 → 1.5.0

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

@@ -7,35 +7,35 @@ declare const SpacingXL: 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/Star.svelte.d.ts

@@ -7,35 +7,35 @@ declare const Star: 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/StyleGuide.svelte.d.ts

@@ -7,35 +7,35 @@ declare const StyleGuide: 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/Tablet.svelte.d.ts

@@ -7,35 +7,35 @@ declare const Tablet: 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/Translate.svelte.d.ts

@@ -7,35 +7,35 @@ declare const Translate: 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/TranslateCrossed.svelte.d.ts

@@ -7,35 +7,35 @@ declare const TranslateCrossed: 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/Trash.svelte.d.ts

@@ -7,35 +7,35 @@ declare const Trash: 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/Underline.svelte.d.ts

@@ -7,35 +7,35 @@ declare const Underline: 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/Undo.svelte.d.ts

@@ -7,35 +7,35 @@ declare const Undo: 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/WebslineSupport.svelte.d.ts

@@ -7,35 +7,35 @@ declare const WebslineSupport: 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/Width.svelte.d.ts

@@ -7,35 +7,35 @@ declare const Width: 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/input/Input.svelte.d.ts

@@ -7,107 +7,108 @@ declare const Input: import("svelte").Component<{
     /**
      * Content to display at the start of the input (e.g., icon or text)
      */
-    adornmentStart?: string | import("svelte").SvelteComponent | Function;
+    adornmentStart?: string | Function | SvelteComponent<Record<string, any>, any, any> | undefined;
     /**
      * Content to display at the end of the input (e.g., icon or text)
      */
-    adornmentEnd?: string | import("svelte").SvelteComponent | Function;
+    adornmentEnd?: string | Function | SvelteComponent<Record<string, any>, any, any> | undefined;
     /**
      * Additional content to render inside the input component
      */
-    children?: import("svelte").SvelteComponent;
+    children?: SvelteComponent<Record<string, any>, any, any> | undefined;
     /**
      * Additional CSS classes to apply to the component
      */
-    class?: string;
+    class?: string | undefined;
     /**
      * Whether the input is disabled
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
      * Whether the input has an error state
      */
-    error?: boolean;
+    error?: boolean | undefined;
     /**
      * The ID of the input element
      */
-    id?: string;
+    id?: string | undefined;
     /**
      * The name of the input, used for form submission
      */
-    name?: string;
+    name?: string | undefined;
     /**
      * Placeholder text for the input
      */
-    placeholder?: string;
+    placeholder?: string | undefined;
     /**
      * Whether the input is read-only
      */
-    readonly?: boolean;
+    readonly?: boolean | undefined;
     /**
      * Whether the input is required
      */
-    required?: boolean;
+    required?: boolean | undefined;
     /**
      * The type of the input, e.g. "text", "password", "email"
      */
-    type?: string;
+    type?: string | undefined;
     /**
      * The value of the input, bound to the component
      */
-    value?: string;
+    value?: string | undefined;
 }, {}, "value">;
 type Props = {
     /**
      * Content to display at the start of the input (e.g., icon or text)
      */
-    adornmentStart?: string | import("svelte").SvelteComponent | Function;
+    adornmentStart?: string | Function | SvelteComponent<Record<string, any>, any, any> | undefined;
     /**
      * Content to display at the end of the input (e.g., icon or text)
      */
-    adornmentEnd?: string | import("svelte").SvelteComponent | Function;
+    adornmentEnd?: string | Function | SvelteComponent<Record<string, any>, any, any> | undefined;
     /**
      * Additional content to render inside the input component
      */
-    children?: import("svelte").SvelteComponent;
+    children?: SvelteComponent<Record<string, any>, any, any> | undefined;
     /**
      * Additional CSS classes to apply to the component
      */
-    class?: string;
+    class?: string | undefined;
     /**
      * Whether the input is disabled
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
      * Whether the input has an error state
      */
-    error?: boolean;
+    error?: boolean | undefined;
     /**
      * The ID of the input element
      */
-    id?: string;
+    id?: string | undefined;
     /**
      * The name of the input, used for form submission
      */
-    name?: string;
+    name?: string | undefined;
     /**
      * Placeholder text for the input
      */
-    placeholder?: string;
+    placeholder?: string | undefined;
     /**
      * Whether the input is read-only
      */
-    readonly?: boolean;
+    readonly?: boolean | undefined;
     /**
      * Whether the input is required
      */
-    required?: boolean;
+    required?: boolean | undefined;
     /**
      * The type of the input, e.g. "text", "password", "email"
      */
-    type?: string;
+    type?: string | undefined;
     /**
      * The value of the input, bound to the component
      */
-    value?: string;
+    value?: string | undefined;
 };
+import { SvelteComponent } from "svelte";

package/dist/components/atoms/label/Label.svelte.d.ts

@@ -7,43 +7,43 @@ declare const Label: import("svelte").Component<{
     /**
      * The content of the label
      */
-    children?: string;
+    children?: string | undefined;
     /**
      * Additional CSS classes to apply to the component
      */
-    class?: string;
+    class?: string | undefined;
     /**
      * Whether the label is in an error state
      */
-    error?: boolean;
+    error?: boolean | undefined;
     /**
      * Whether the label should be visually hidden
      */
-    hidden?: boolean;
+    hidden?: boolean | undefined;
     /**
      * Whether to show a required asterisk
      */
-    required?: boolean;
+    required?: boolean | undefined;
 }, {}, "">;
 type Props = {
     /**
      * The content of the label
      */
-    children?: string;
+    children?: string | undefined;
     /**
      * Additional CSS classes to apply to the component
      */
-    class?: string;
+    class?: string | undefined;
     /**
      * Whether the label is in an error state
      */
-    error?: boolean;
+    error?: boolean | undefined;
     /**
      * Whether the label should be visually hidden
      */
-    hidden?: boolean;
+    hidden?: boolean | undefined;
     /**
      * Whether to show a required asterisk
      */
-    required?: boolean;
+    required?: boolean | undefined;
 };