@websline/system-components 1.4.7 → 1.5.0

package/dist/components/atoms/colorChip/ColorChip.svelte.d.ts

@@ -7,59 +7,59 @@ declare const ColorChip: import("svelte").Component<{
     /**
      * Whether the ColorChip is active
      */
-    active?: boolean;
+    active?: boolean | undefined;
     /**
      * Border color value (hex, rgb, etc.)
      */
-    borderColor?: string;
+    borderColor?: string | undefined;
     /**
      * Additional CSS classes to apply to the component
      */
-    class?: string;
+    class?: string | undefined;
     /**
      * Whether the ColorChip is clickable
      */
-    clickable?: boolean;
+    clickable?: boolean | undefined;
     /**
      * Color value (hex, rgb, etc.)
      */
-    color?: string;
+    color?: string | undefined;
     /**
      * ColorChip shape
      */
-    shape?: "circle" | "square";
+    shape?: "circle" | "square" | undefined;
     /**
      * ColorChip size
      */
-    size?: "small" | "medium" | "large";
+    size?: "small" | "medium" | "large" | undefined;
 }, {}, "">;
 type Props = {
     /**
      * Whether the ColorChip is active
      */
-    active?: boolean;
+    active?: boolean | undefined;
     /**
      * Border color value (hex, rgb, etc.)
      */
-    borderColor?: string;
+    borderColor?: string | undefined;
     /**
      * Additional CSS classes to apply to the component
      */
-    class?: string;
+    class?: string | undefined;
     /**
      * Whether the ColorChip is clickable
      */
-    clickable?: boolean;
+    clickable?: boolean | undefined;
     /**
      * Color value (hex, rgb, etc.)
      */
-    color?: string;
+    color?: string | undefined;
     /**
      * ColorChip shape
      */
-    shape?: "circle" | "square";
+    shape?: "circle" | "square" | undefined;
     /**
      * ColorChip size
      */
-    size?: "small" | "medium" | "large";
+    size?: "small" | "medium" | "large" | undefined;
 };

package/dist/components/atoms/feedback/progressBar/ProgressBar.svelte.d.ts

@@ -7,35 +7,35 @@ declare const ProgressBar: import("svelte").Component<{
     /**
      * Additional CSS classes to apply to the component
      */
-    class?: string;
+    class?: string | undefined;
     /**
      * The current step in the progress
      */
-    currentStep?: number;
+    currentStep?: number | undefined;
     /**
      * Optional label to display alongside the progress bar
      */
-    label?: string;
+    label?: string | undefined;
     /**
      * The total number of steps in the progress
      */
-    totalSteps?: number;
+    totalSteps?: number | undefined;
 }, {}, "">;
 type Props = {
     /**
      * Additional CSS classes to apply to the component
      */
-    class?: string;
+    class?: string | undefined;
     /**
      * The current step in the progress
      */
-    currentStep?: number;
+    currentStep?: number | undefined;
     /**
      * Optional label to display alongside the progress bar
      */
-    label?: string;
+    label?: string | undefined;
     /**
      * The total number of steps in the progress
      */
-    totalSteps?: number;
+    totalSteps?: number | undefined;
 };

package/dist/components/atoms/feedback/spinner/Spinner.svelte.d.ts

@@ -7,19 +7,19 @@ declare const Spinner: import("svelte").Component<{
     /**
      * Additional CSS classes to apply to the component
      */
-    class?: string;
+    class?: string | undefined;
     /**
      * Spinner size
      */
-    size?: "small" | "medium" | "large";
+    size?: "small" | "medium" | "large" | undefined;
 }, {}, "">;
 type Props = {
     /**
      * Additional CSS classes to apply to the component
      */
-    class?: string;
+    class?: string | undefined;
     /**
      * Spinner size
      */
-    size?: "small" | "medium" | "large";
+    size?: "small" | "medium" | "large" | undefined;
 };

package/dist/components/atoms/helperText/HelperText.svelte.d.ts

@@ -7,27 +7,27 @@ declare const HelperText: import("svelte").Component<{
     /**
      * Children content – can be text, HTML, or other Svelte components
      */
-    children?: import("svelte").Snippet;
+    children?: import("svelte").Snippet<[]> | undefined;
     /**
      * Additional CSS classes for the form field
      */
-    class?: string;
+    class?: string | undefined;
     /**
      * Whether the helperText has an error
      */
-    error?: boolean;
+    error?: boolean | undefined;
 }, {}, "">;
 type Props = {
     /**
      * Children content – can be text, HTML, or other Svelte components
      */
-    children?: import("svelte").Snippet;
+    children?: import("svelte").Snippet<[]> | undefined;
     /**
      * Additional CSS classes for the form field
      */
-    class?: string;
+    class?: string | undefined;
     /**
      * Whether the helperText has an error
      */
-    error?: boolean;
+    error?: boolean | undefined;
 };

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

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

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

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

@@ -7,27 +7,27 @@ declare const AiStars: import("svelte").Component<{
     /**
      * Icon color
      */
-    color?: string;
+    color?: string | undefined;
     /**
      * Icon height
      */
-    height?: number;
+    height?: 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 width
      */
-    width?: number;
+    width?: number | undefined;
 };

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

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

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

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

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

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

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

@@ -7,35 +7,35 @@ declare const AlignMiddleOne: 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;
 };