@pega/cosmos-react-build 8.0.0-build.9.0 → 8.0.0

package/lib/components/LifeCycle/LifeCycle.types.d.ts

@@ -1,33 +1,43 @@
 import type { MouseEvent, Ref } from 'react';
 import type { Action, StatusProps, NoChildrenProp, BaseProps, FormControlProps } from '@pega/cosmos-react-core';
-import type { ColorName } from '../../utils';
 import type { LibraryItem } from '../ItemLibrary';
-export type StageType = 'start' | 'default' | 'default-wait' | 'resolution' | 'alternate' | 'alternate-wait';
-export interface StepItemProps {
+import type { VisualStepItemProps } from './Step';
+export type StageType = 'start' | 'default' | 'alternate';
+interface ItemIdentifiers {
+    /** The index of the item within its list */
+    index?: number;
+    /** If true, this item belongs to an alternate lifecycle list */
+    alternate?: boolean;
+}
+export interface StepItemProps extends ItemIdentifiers {
     id: string;
     label: string;
-    visual: {
-        color: ColorName;
-        icon: string;
-        label: string;
-        imgurl: string;
-    };
+    visual: VisualStepItemProps;
     status: {
         type?: StatusProps['variant'] | '';
         label: string;
     };
-    error: string;
+    error?: string;
 }
-export interface TaskItemProps {
+export interface TaskItemProps extends ItemIdentifiers {
     id: string;
     label: string;
     visual: {
-        imgurl: string;
+        imgSrc: string;
     };
-    error: string;
+    error?: string;
     steps: StepItemProps[];
+    subIndex?: number;
 }
-export interface StageItemProps {
+export interface CategoryItemProps extends ItemIdentifiers {
+    /** Data model should have id of the stage item */
+    id: string;
+    /** id to map with category items */
+    categoryId: string;
+    /** Data model should have the categoryData array */
+    tasks: TaskItemProps[] | TaskItemProps[][];
+}
+export interface StageItemProps extends ItemIdentifiers {
     /** Data model should have id of the stage item */
     id: string;
     /** Data model should have the stage label */
@@ -36,21 +46,28 @@ export interface StageItemProps {
     categories: CategoryItemProps[];
     /** Data model should have the stageType as below */
     type: StageType;
-    error: string;
+    error?: string;
+    transitionType?: 'wait' | 'resolution' | undefined;
 }
-export interface CategoryItemProps {
-    /** Data model should have id of the stage item */
-    id: string;
-    /** id to map with category items */
-    categoryId: string;
-    /** Data model should have the categoryData array */
-    tasks: TaskItemProps[] | TaskItemProps[][];
+export interface LifeCycleActionParam {
+    value?: string;
+    stage?: StageItemProps;
+    task?: TaskItemProps;
+    category?: CategoryItemProps;
+    step?: StepItemProps;
+    type?: 'Stage' | 'Step' | 'Task' | 'Alternate Stage';
+    routeTo?: string;
+}
+export interface LifeCycleAction extends Omit<Action, 'onClick'> {
+    onClick: (param: LifeCycleActionParam, e: MouseEvent<HTMLButtonElement | HTMLAnchorElement | HTMLInputElement>, menuButtonEl?: HTMLButtonElement) => void;
 }
 export interface CategoriesItemProps {
     label: string;
     id: string;
 }
 export interface StageProps extends Omit<FormControlProps, 'status' | 'id'> {
+    /** Label for the region. */
+    label?: string;
     /** Pass an array of Action objects to append button(s) inline with the Input. */
     actions?: Record<StageType, LifeCycleAction[]> | LifeCycleAction[];
     /** Callback for Add stage */
@@ -65,55 +82,77 @@ export interface CategoriesProps extends CategoriesItemProps {
     height?: number;
     elementId?: string;
 }
-export interface CategoryProps extends BaseProps, NoChildrenProp {
-    ref?: Ref<HTMLOListElement>;
-    /** Pass the category items */
-    item: CategoryItemProps;
-    /** Enable the title for categories */
-    showTitle?: boolean;
-    /** Props of the categoryColumn */
-    category?: CategoriesProps;
-    /** Task component prop */
-    task: TaskProps;
-    /** Stage data - to be passed in callbacks */
-    stageItem: StageItemProps;
-    /** Id for the component */
-    id: string;
-}
 export interface TaskProps extends Omit<FormControlProps, 'status' | 'id'> {
     /** Pass an array of Action objects to append button(s) inline with the Input. */
     actions?: LifeCycleAction[];
     /** Tooltip for adding items to the task component */
-    addStepTitle: string;
+    addStepTitle?: string;
     /** Region for adding the task component */
-    addTask: {
+    addTask?: {
         title: string;
         showOnce: boolean;
         onAddTask?: LifeCycleAction['onClick'];
     };
+    /** Callback for adding a step when nodeLibrary is provided. */
     onAddStep?: (param: LifeCycleActionParam, selectedItem: LibraryItem) => void;
+    /** Callback for adding a step when nodeLibrary is not provided. */
+    onAddCustomStep?: (param: LifeCycleActionParam) => void;
     /** callback for Click of a task */
     onClick?: (param: LifeCycleActionParam, e: MouseEvent) => void;
     /** Types of Nodes */
-    nodeLibrary: LibraryItem[];
+    nodeLibrary?: LibraryItem[];
+}
+export interface CategoryProps extends BaseProps, NoChildrenProp {
+    ref?: Ref<HTMLOListElement | HTMLDivElement>;
+    /** Pass the category items */
+    item: CategoryItemProps;
+    /** Enable the title for categories */
+    showTitle?: boolean;
+    /** Props of the categoryColumn */
+    category?: CategoriesProps;
+    /** Task component prop */
+    task?: TaskProps;
+    /** Stage data - to be passed in callbacks */
+    stageItem: StageItemProps;
+    /** Id for the component */
+    id: string;
 }
 export interface StepProps extends Omit<FormControlProps, 'status' | 'id'> {
     /** Pass an array of Action objects to append button(s) inline with the Input. */
     actions?: LifeCycleAction[];
+    /** If true, step names will wrap rather than truncate. */
+    wrap?: boolean;
     /** callback for Click of a step */
     onClick?: (param: LifeCycleActionParam, e: MouseEvent) => void;
 }
-export interface LifeCycleActionParam {
-    value?: string;
-    stage?: StageItemProps;
-    task?: TaskItemProps;
-    category?: CategoryItemProps;
-    step?: StepItemProps;
-    type?: 'Stage' | 'Step' | 'Task' | 'Alternate Stage';
-    routeTo?: string;
+export interface IndexData {
+    /** Determines if the item part of an alternate stage. */
+    alternate: boolean;
+    /** The index of the parent stage to the item, or the item itself. */
+    stage?: number;
+    /** The index of the parent category to the item. */
+    category?: number;
+    /** The index of the parent task to the item, or the item itself. */
+    task?: number;
+    /** The index of the parent stage to the item, or the item itself, if the task is nested within another task. */
+    subTask?: number;
+    /** The index of the step item. */
+    step?: number;
 }
-export interface LifeCycleAction extends Omit<Action, 'onClick'> {
-    onClick: (param: LifeCycleActionParam, e: MouseEvent<HTMLButtonElement | HTMLAnchorElement | HTMLInputElement>) => void;
+export type LifeCycleDragItemType = 'stage' | 'step' | 'alternate-stage' | 'alternate-step';
+export interface LifeCycleDragDropEvent {
+    /** The type of item that was moved. */
+    type: 'stage' | 'step';
+    /** The indices of the source item. */
+    sourceData: IndexData;
+    /** The indices of the target location. */
+    targetData: IndexData;
+}
+export interface DragDropConfig extends Record<LifeCycleDragItemType, {
+    enabled: boolean;
+    accept: LifeCycleDragItemType[];
+}> {
+    loading?: boolean;
 }
 export interface LifeCycleProps extends BaseProps, NoChildrenProp {
     /** Pass reference to the LifeCycleComponent */
@@ -123,21 +162,27 @@ export interface LifeCycleProps extends BaseProps, NoChildrenProp {
     /** Array of alternate stages and its contents */
     alternateItems?: StageItemProps[];
     /** Props for the task component */
-    task: TaskProps[];
+    task?: TaskProps[];
     /** Props for the Stage component */
-    stage: StageProps;
+    stage?: StageProps;
     /** Props for the AlternatStage component */
-    alternateStage: StageProps;
+    alternateStage?: StageProps;
     /** Props for the Cluster component */
-    categories: CategoriesProps[];
+    categories?: CategoriesProps[];
     /** Props for the Step component */
-    step: StepProps[];
+    step?: StepProps[];
     /** Call back function for on AddState */
-    onAddStage: () => void;
+    onAddStage?: () => void;
     /** Call back function to add alternate stages */
-    onAddAlternateStage: () => void;
+    onAddAlternateStage?: () => void;
     /** Selected stage or task or step */
     selectedItemId?: string;
+    /** Callback function for updating the items following a drag drop event. */
+    onDragDrop?: (event: LifeCycleDragDropEvent) => void;
+    /**
+     * Configuration to control which item types each lifecycle region can accept, and which types are draggable.
+     * */
+    dragDropConfig?: DragDropConfig;
     /** makes component read-only */
     readOnly?: boolean;
 }
@@ -150,5 +195,615 @@ export interface StageInfo {
         headPointed?: boolean;
     };
 }
-export declare const getStageInfo: (currentType: StageType, prevType: StageType | null, isLastItem: boolean | undefined) => StageInfo;
+export declare const getStageInfo: (currentType: StageType, transitionType: StageItemProps["transitionType"], prevStageItem: StageItemProps, isLastItem?: boolean, theme?: {
+    readonly base: {
+        readonly colors: {
+            readonly white: string;
+            readonly black: string;
+            readonly gray: {
+                readonly "extra-light": string;
+                readonly light: string;
+                readonly medium: string;
+                readonly dark: string;
+                readonly "extra-dark": string;
+            };
+            readonly slate: {
+                readonly "extra-light": string;
+                readonly light: string;
+                readonly medium: string;
+                readonly dark: string;
+                readonly "extra-dark": string;
+            };
+            readonly red: {
+                readonly "extra-light": string;
+                readonly light: string;
+                readonly medium: string;
+                readonly dark: string;
+                readonly "extra-dark": string;
+            };
+            readonly orange: {
+                readonly "extra-light": string;
+                readonly light: string;
+                readonly medium: string;
+                readonly dark: string;
+                readonly "extra-dark": string;
+            };
+            readonly green: {
+                readonly "extra-light": string;
+                readonly light: string;
+                readonly medium: string;
+                readonly dark: string;
+                readonly "extra-dark": string;
+            };
+            readonly blue: {
+                readonly "extra-light": string;
+                readonly light: string;
+                readonly medium: string;
+                readonly dark: string;
+                readonly "extra-dark": string;
+            };
+            readonly purple: {
+                readonly "extra-light": string;
+                readonly light: string;
+                readonly medium: string;
+                readonly dark: string;
+                readonly "extra-dark": string;
+            };
+            readonly yellow: {
+                readonly "extra-light": string;
+                readonly light: string;
+                readonly medium: string;
+                readonly dark: string;
+                readonly "extra-dark": string;
+            };
+        };
+        readonly palette: {
+            readonly ai: string;
+            readonly "app-background": string;
+            readonly "app-foreground": string;
+            readonly "primary-background": string;
+            readonly "secondary-background": string;
+            readonly "foreground-color": string;
+            readonly "brand-primary": string;
+            readonly "brand-secondary": string;
+            readonly "brand-background": string;
+            readonly "brand-foreground": string;
+            readonly urgent: string;
+            readonly warn: string;
+            readonly success: string;
+            readonly pending: string;
+            readonly info: string;
+            readonly interactive: string;
+            readonly "border-line": string;
+            readonly skeleton: string;
+            readonly light: string;
+            readonly dark: string;
+            readonly "background-color": string;
+        };
+        readonly "font-family": string;
+        readonly "font-size": string;
+        readonly "font-scale": string;
+        readonly "font-stretch": string;
+        readonly "letter-spacing": string;
+        readonly "font-weight": {
+            readonly bold: number;
+            readonly "semi-bold": number;
+            readonly normal: number;
+        };
+        readonly "line-height": string;
+        readonly scale: number;
+        readonly "border-radius": string;
+        readonly spacing: string;
+        readonly "hit-area": {
+            readonly compact: string;
+            readonly "compact-min": string;
+            readonly mouse: string;
+            readonly "mouse-min": string;
+            readonly finger: string;
+            readonly "finger-min": string;
+        };
+        readonly "custom-scrollbar": boolean;
+        readonly animation: {
+            readonly speed: string;
+            readonly timing: {
+                readonly ease: string;
+                readonly "ease-out": string;
+                readonly "ease-in": string;
+            };
+        };
+        readonly transparency: {
+            readonly "transparent-1": number;
+            readonly "transparent-2": number;
+            readonly "transparent-3": number;
+            readonly "transparent-4": number;
+            readonly "transparent-5": number;
+        };
+        readonly "disabled-opacity": string;
+        readonly shadow: {
+            readonly high: string;
+            readonly low: string;
+            readonly "high-filter": string;
+            readonly "low-filter": string;
+            readonly focus: string;
+            readonly "focus-group": string;
+            readonly "focus-group-inset": string;
+            readonly "focus-inset": string;
+            readonly "focus-solid": string;
+            readonly "focus-filter": string;
+        };
+        readonly "z-index": {
+            readonly popover: number;
+            readonly drawer: number;
+            readonly modal: number;
+            readonly alert: number;
+            readonly backdrop: number;
+            readonly toast: number;
+            readonly tooltip: number;
+            readonly max: number;
+        };
+        readonly breakpoints: {
+            readonly xs: string;
+            readonly sm: string;
+            readonly md: string;
+            readonly lg: string;
+            readonly xl: string;
+        };
+        readonly "content-width": {
+            readonly xs: string;
+            readonly sm: string;
+            readonly md: string;
+            readonly lg: string;
+            readonly xl: string;
+        };
+        readonly "icon-set": string;
+    };
+    readonly components: {
+        readonly "app-shell": {
+            readonly nav: {
+                readonly background: string;
+                readonly "foreground-color": string;
+                readonly "background-color": string;
+                readonly "border-color": string;
+                readonly detached: boolean;
+            };
+            readonly header: {
+                readonly background: string;
+                readonly "foreground-color": string;
+                readonly "background-color": string;
+                readonly "border-color": string;
+            };
+        };
+        readonly "case-view": {
+            readonly header: {
+                readonly background: string;
+                readonly "background-color": string;
+                readonly "foreground-color": string;
+            };
+            readonly summary: {
+                readonly detached: boolean;
+            };
+            readonly utilities: {
+                readonly detached: boolean;
+                readonly background: string;
+                readonly "foreground-color": string;
+            };
+            readonly assignments: {
+                readonly background: string;
+                readonly "foreground-color": string;
+                readonly detached: boolean;
+            };
+            readonly stages: {
+                readonly status: {
+                    readonly completed: {
+                        readonly "foreground-color": string;
+                        readonly background: string;
+                    };
+                    readonly current: {
+                        readonly "foreground-color": string;
+                        readonly background: string;
+                    };
+                    readonly pending: {
+                        readonly "foreground-color": string;
+                        readonly background: string;
+                    };
+                };
+            };
+        };
+        readonly announcement: {
+            readonly background: string;
+            readonly "foreground-color": string;
+        };
+        readonly avatar: {
+            readonly "background-color": string;
+        };
+        readonly badges: {
+            readonly "font-stretch": string;
+            readonly status: {
+                readonly success: {
+                    readonly foreground: string;
+                    readonly background: string;
+                };
+                readonly urgent: {
+                    readonly foreground: string;
+                    readonly background: string;
+                };
+                readonly warn: {
+                    readonly foreground: string;
+                    readonly background: string;
+                };
+                readonly pending: {
+                    readonly foreground: string;
+                    readonly background: string;
+                };
+                readonly info: {
+                    readonly foreground: string;
+                    readonly background: string;
+                };
+            };
+            readonly tag: {
+                readonly foreground: string;
+                readonly background: string;
+            };
+            readonly count: {
+                readonly default: {
+                    readonly foreground: string;
+                    readonly background: string;
+                };
+                readonly urgent: {
+                    readonly foreground: string;
+                    readonly background: string;
+                };
+            };
+            readonly alert: {
+                readonly urgent: {
+                    readonly background: string;
+                };
+                readonly success: {
+                    readonly background: string;
+                };
+                readonly base: {
+                    readonly "border-color": string;
+                };
+            };
+            readonly keyboard: {
+                readonly "background-color": string;
+                readonly "border-color": string;
+            };
+        };
+        readonly banner: {
+            readonly "icon-color": string;
+            readonly urgent: {
+                readonly background: string;
+            };
+            readonly warning: {
+                readonly background: string;
+            };
+            readonly success: {
+                readonly background: string;
+            };
+            readonly ai: {
+                readonly background: string;
+            };
+            readonly info: {
+                readonly background: string;
+            };
+        };
+        readonly button: {
+            readonly height: string;
+            readonly "border-width": string;
+            readonly "border-radius": number;
+            readonly color: string;
+            readonly "foreground-color": string;
+            readonly "secondary-color": string;
+            readonly "secondary-fill-style": string;
+            readonly "focus-shadow": string;
+            readonly padding: string;
+            readonly touch: {
+                readonly height: string;
+                readonly padding: string;
+            };
+        };
+        readonly card: {
+            readonly "border-radius": string;
+            readonly background: string;
+            readonly "foreground-color": string;
+            readonly padding: string;
+            readonly "border-color": string;
+        };
+        readonly checkbox: {
+            readonly "border-radius": string;
+        };
+        readonly "field-value-list": {
+            readonly inline: {
+                readonly detached: boolean;
+            };
+        };
+        readonly details: {
+            readonly "field-label": string;
+        };
+        readonly "form-control": {
+            readonly "foreground-color": string;
+            readonly "background-color": string;
+            readonly "border-color": string;
+            readonly "border-width": string;
+            readonly "border-radius": number;
+            readonly padding: string;
+            readonly ":hover": {
+                readonly "border-color": string;
+            };
+            readonly ":active": {
+                readonly "border-color": string;
+            };
+            readonly ":focus": {
+                readonly "border-color": string;
+                readonly "box-shadow": string;
+            };
+            readonly ":disabled": {
+                readonly "background-color": string;
+                readonly "border-color": string;
+            };
+            readonly ":read-only": {
+                readonly "background-color": string;
+                readonly "border-color": string;
+            };
+        };
+        readonly "form-field": {
+            readonly error: {
+                readonly "status-color": string;
+            };
+            readonly success: {
+                readonly "status-color": string;
+            };
+            readonly warning: {
+                readonly "status-color": string;
+            };
+            readonly pending: {
+                readonly "status-color": string;
+            };
+        };
+        readonly input: {
+            readonly height: string;
+            readonly padding: string;
+            readonly "background-color": string;
+            readonly "border-color": string;
+            readonly "border-width": string;
+            readonly "border-radius": string;
+        };
+        readonly icon: {
+            readonly size: {
+                readonly s: string;
+                readonly m: string;
+                readonly l: string;
+            };
+            readonly "border-radius-multiplier": string;
+        };
+        readonly "interaction-timer": {
+            readonly "notification-indicator": string;
+            readonly sla: {
+                readonly goal: {
+                    readonly progress: {
+                        readonly "primary-color": string;
+                        readonly "secondary-color": string;
+                    };
+                };
+                readonly deadline: {
+                    readonly progress: {
+                        readonly "primary-color": string;
+                        readonly "secondary-color": string;
+                    };
+                };
+                readonly "past-deadline": {
+                    readonly progress: {
+                        readonly "primary-color": string;
+                        readonly "secondary-color": string;
+                    };
+                };
+            };
+        };
+        readonly label: {
+            readonly color: string;
+            readonly "font-size": string;
+            readonly "font-weight": string;
+            readonly "foreground-color": string;
+        };
+        readonly link: {
+            readonly color: string;
+        };
+        readonly mark: {
+            readonly "background-color": string;
+            readonly "font-weight": string;
+        };
+        readonly progress: {
+            readonly "progress-color": string;
+        };
+        readonly "radio-check": {
+            readonly "border-color": string;
+            readonly "border-width": string;
+            readonly "background-color": string;
+            readonly "foreground-color": string;
+            readonly label: {
+                readonly color: string;
+                readonly "font-weight": string;
+            };
+            readonly size: string;
+            readonly "touch-size": string;
+            readonly ":checked": {
+                readonly "background-color": string;
+                readonly "border-color": string;
+            };
+        };
+        readonly "radio-button": {
+            readonly "border-radius": string;
+        };
+        readonly rating: {
+            readonly color: string;
+        };
+        readonly "search-input": {
+            readonly "border-radius": number;
+        };
+        readonly select: {
+            readonly height: string;
+            readonly padding: string;
+            readonly "border-color": string;
+            readonly "border-width": string;
+            readonly "border-radius": string;
+        };
+        readonly sentiment: {
+            readonly positive: {
+                readonly color: string;
+            };
+            readonly negative: {
+                readonly color: string;
+            };
+            readonly neutral: {
+                readonly color: string;
+            };
+        };
+        readonly switch: {
+            readonly height: string;
+            readonly width: string;
+            readonly "touch-height": string;
+            readonly "touch-width": string;
+            readonly off: {
+                readonly color: string;
+            };
+            readonly on: {
+                readonly color: string;
+            };
+        };
+        readonly tabs: {
+            readonly detached: boolean;
+        };
+        readonly table: {
+            readonly typography: {
+                readonly "font-stretch": string;
+                readonly "letter-spacing": string;
+            };
+            readonly header: {
+                readonly "font-size": string;
+                readonly "font-weight": string;
+                readonly "foreground-color": string;
+                readonly "background-color": string;
+                readonly "vertical-spacing": number;
+                readonly "horizontal-spacing": number;
+                readonly "border-width": string;
+                readonly "border-color": string;
+            };
+            readonly "striped-rows": boolean;
+            readonly body: {
+                readonly "foreground-color": string;
+                readonly "background-color": string;
+                readonly "secondary-background-color": string;
+                readonly "vertical-spacing": number;
+                readonly "horizontal-spacing": number;
+                readonly "border-width": string;
+                readonly "border-color": string;
+            };
+            readonly border: {
+                readonly "horizontal-inner": boolean;
+                readonly "horizontal-outer": boolean;
+                readonly "vertical-inner": boolean;
+                readonly "vertical-outer": boolean;
+            };
+            readonly spacing: {
+                readonly "horizontal-inner": boolean;
+                readonly "horizontal-outer": boolean;
+                readonly "vertical-inner": boolean;
+                readonly "vertical-outer": boolean;
+            };
+        };
+        readonly "task-manager": {
+            readonly "task-icon": {
+                readonly banner: {
+                    readonly background: string;
+                    readonly foreground: string;
+                };
+                readonly action: {
+                    readonly background: string;
+                    readonly foreground: string;
+                };
+                readonly "task-drawer": {
+                    readonly background: string;
+                    readonly foreground: string;
+                };
+                readonly "wrap-up": {
+                    readonly background: string;
+                    readonly foreground: string;
+                };
+                readonly suggested: {
+                    readonly background: string;
+                    readonly foreground: string;
+                };
+                readonly queued: {
+                    readonly background: string;
+                    readonly foreground: string;
+                };
+                readonly "in-progress": {
+                    readonly background: string;
+                    readonly foreground: string;
+                };
+                readonly resolved: {
+                    readonly background: string;
+                    readonly foreground: string;
+                };
+            };
+        };
+        readonly text: {
+            readonly primary: {
+                readonly "font-size": string;
+                readonly "font-weight": string;
+                readonly "font-family": string;
+            };
+            readonly secondary: {
+                readonly "font-size": string;
+                readonly "font-weight": string;
+                readonly "font-family": string;
+            };
+            readonly h1: {
+                readonly "font-size": string;
+                readonly "font-weight": string;
+                readonly "font-family": string;
+            };
+            readonly h2: {
+                readonly "font-size": string;
+                readonly "font-weight": string;
+                readonly "font-family": string;
+            };
+            readonly h3: {
+                readonly "font-size": string;
+                readonly "font-weight": string;
+                readonly "font-family": string;
+            };
+            readonly h4: {
+                readonly "font-size": string;
+                readonly "font-weight": string;
+                readonly "font-family": string;
+            };
+            readonly h5: {
+                readonly "font-size": string;
+                readonly "font-weight": string;
+                readonly "font-family": string;
+            };
+            readonly h6: {
+                readonly "font-size": string;
+                readonly "font-weight": string;
+                readonly "font-family": string;
+            };
+            readonly "brand-primary": {
+                readonly "font-family": string;
+                readonly "font-size": string;
+                readonly "font-weight": string;
+            };
+        };
+        readonly "text-area": {
+            readonly "min-height": string;
+            readonly padding: string;
+        };
+        readonly tooltip: {
+            readonly "foreground-color": string;
+            readonly "background-color": string;
+        };
+    };
+}) => StageInfo;
+export {};
 //# sourceMappingURL=LifeCycle.types.d.ts.map