@zealicsolutions/web-ui 0.1.73 → 0.1.75

package/dist/cjs/src/molecules/Stepper/Step.d.ts

@@ -1,13 +1,14 @@
 /// <reference types="react" />
+import { ProcessTrackerStatus } from 'organisms';
 import { OrientationType } from './Stepper';
 export declare type StepProps = {
     step: {
         title?: string;
         description?: string;
+        status?: ProcessTrackerStatus;
     };
     stepsNumber: number;
     order: number;
     orientation?: OrientationType;
-    active: number;
 };
-export declare const Step: ({ stepsNumber, step: { title, description }, orientation, order, active, }: StepProps) => JSX.Element;
+export declare const Step: ({ stepsNumber, step: { title, description, status }, orientation, order, }: StepProps) => JSX.Element;

package/dist/cjs/src/molecules/Stepper/Stepper.d.ts

@@ -1,11 +1,13 @@
 /// <reference types="react" />
+import { ProcessTrackerStatus } from 'organisms';
 export declare type OrientationType = 'horizontal' | 'vertical';
 export declare type StepperProps = {
     steps: {
-        title?: string;
+        title: string;
         description?: string;
+        status?: ProcessTrackerStatus;
     }[];
-    active: number;
+    currentStep: number;
     orientation?: OrientationType;
 };
-export declare const Stepper: ({ active, steps, orientation }: StepperProps) => JSX.Element;
+export declare const Stepper: ({ steps, orientation, currentStep }: StepperProps) => JSX.Element;

package/dist/cjs/src/molecules/Stepper/styles.d.ts

@@ -2,19 +2,20 @@ import { OrientationType } from 'molecules/Stepper/Stepper';
 export declare const StepperWrapper: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {
     orientation?: OrientationType | undefined;
 }, never>;
-export declare const StepWrapper: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {
+export declare const Wrapper: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {
     orientation?: OrientationType | undefined;
 }, never>;
+export declare const StepWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const VerticalWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     orientation?: OrientationType | undefined;
     isLastChild?: boolean | undefined;
 }, never>;
 export declare const CustomStep: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
-    done?: boolean | undefined;
-    current?: boolean | undefined;
+    isComplete?: boolean | undefined;
+    isProgress?: boolean | undefined;
     orientation?: OrientationType | undefined;
 }, never>;
 export declare const ConnectionLine: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     orientation?: OrientationType | undefined;
-    done?: boolean | undefined;
+    isComplete?: boolean | undefined;
 }, never>;

package/dist/cjs/src/organisms/ProcessTracker/ProcessTracker.d.ts

@@ -1,14 +1,17 @@
 /// <reference types="react" />
 import { CSSProperties } from 'styled-components';
+import { Nullable } from 'typescript';
+export declare type ProcessTrackerStatus = 'complete' | 'incomplete' | 'in_progress';
 export declare type ProcessTrackerProps = {
-    title?: string;
-    description?: string;
+    title?: Nullable<string>;
+    description?: Nullable<string>;
     isMobile?: boolean;
-    states?: {
+    statuses?: {
         title: string;
         description: string;
+        status: ProcessTrackerStatus;
     }[];
-    activeStep?: number;
+    currentStep?: number;
     style?: CSSProperties;
 };
-export declare const ProcessTracker: ({ title, states, isMobile, description, activeStep, style, }: ProcessTrackerProps) => JSX.Element;
+export declare const ProcessTracker: ({ title, statuses, isMobile, description, currentStep, style, }: ProcessTrackerProps) => JSX.Element;

package/dist/cjs/src/organisms/ProcessTracker/ProcessTracker.stories.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { ComponentStory } from '@storybook/react';
-import { ProcessTracker as ProcessTrackerComponent, ProcessTrackerProps } from 'organisms';
+import { ProcessTracker as ProcessTrackerComponent, ProcessTrackerProps } from './ProcessTracker';
 declare const _default: {
     title: string;
-    component: ({ title, states, isMobile, description, activeStep, style, }: ProcessTrackerProps) => JSX.Element;
+    component: ({ title, statuses, isMobile, description, currentStep, style, }: ProcessTrackerProps) => JSX.Element;
 };
 export default _default;
 export declare const ProcessTracker: ComponentStory<typeof ProcessTrackerComponent>;