@spaced-out/ui-design-system 0.4.15 → 0.5.1

package/lib/components/SideMenuLink/SideMenuLink.d.ts

@@ -0,0 +1,211 @@
+import * as React from 'react';
+import type { Flow } from 'flow-to-typescript-codemod';
+import type { BaseLinkProps } from '../Link';
+import type { StatusSemanticType } from '../StatusIndicator';
+import type { BaseTooltipProps } from '../Tooltip';
+export declare const MENU_NAME_LIST: Readonly<{
+    dashboard: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    engage: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    journeys: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    automation: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    trm: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    analytics: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    messaging: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    messages: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    chatbot: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    referral: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    referrals: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    records: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    'database-cleanup': {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    support: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    audit: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    schedule: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    people: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    contacts: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    meetings: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    contacts3: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    senseai: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    'sense-jd-ai': {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    tracking: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    jobs: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    drive: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    conversations: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    pages: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    sourcing: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    earnings: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    settings: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    configuration: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    supportLinks: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    voiceflow: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    broadcast: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    liveAgentTransfer: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    dataManagement: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+}>;
+type ClassNames = Readonly<{
+    wrapper?: string;
+}>;
+export type SideMenuLinkProps = {
+    classNames?: ClassNames;
+    children?: React.ReactNode;
+    customTitle?: string;
+    pageNameKey: string;
+    disabled?: boolean;
+    hovered?: boolean;
+    selectedValue?: string;
+    opened?: boolean;
+    onChange?: (e: React.SyntheticEvent<HTMLElement>, newValue: string) => unknown;
+    tabIndex?: number;
+    tooltip?: BaseTooltipProps;
+    isGroupMenuLink?: boolean;
+    to?: string;
+    rightSlot?: React.ReactNode;
+    linkComponent?: Flow.AbstractComponent<BaseLinkProps, HTMLAnchorElement | null | undefined>;
+    status?: StatusSemanticType;
+};
+export declare const SideMenuLink: Flow.AbstractComponent<SideMenuLinkProps, HTMLButtonElement>;
+export {};
+//# sourceMappingURL=SideMenuLink.d.ts.map

package/lib/components/SideMenuLink/SideMenuLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideMenuLink.d.ts","sourceRoot":"","sources":["../../../src/components/SideMenuLink/SideMenuLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAMrD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AAE3C,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,oBAAoB,CAAC;AAG3D,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,YAAY,CAAC;AAMjD,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqLzB,CAAC;AAEH,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CACT,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACpC,QAAQ,EAAE,MAAM,KACb,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,aAAa,CAAC,EAAE,IAAI,CAAC,iBAAiB,CACpC,aAAa,EACb,iBAAiB,GAAG,IAAI,GAAG,SAAS,CACrC,CAAC;IACF,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAC/C,iBAAiB,EACjB,iBAAiB,CAuHlB,CAAC"}

package/lib/components/SideMenuLink/SideMenuLink.js

@@ -222,6 +222,8 @@ const SideMenuLink = exports.SideMenuLink = /*#__PURE__*/React.forwardRef((_ref,
   const onChangeHandler = e => {
     onChange && onChange(e, pageNameKey);
   };
+
+  // @ts-ignore - TS7053 - Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'Readonly<{ dashboard: { title: string; iconName: string; iconType: string; }; engage: { title: string; iconName: string; iconType: string; }; journeys: { title: string; iconName: string; iconType: string; }; automation: { ...; }; ... 31 more ...; dataManagement: { ...; }; }>'.
   const linkTitle = customTitle || MENU_NAME_LIST[pageNameKey].title;
   return /*#__PURE__*/React.createElement(_ConditionalWrapper.ConditionalWrapper, {
     condition: to !== undefined,
@@ -258,8 +260,12 @@ const SideMenuLink = exports.SideMenuLink = /*#__PURE__*/React.forwardRef((_ref,
     classNames: {
       wrapper: _SideMenuLinkModule.default.statusIndicatorBlock
     }
-  }), /*#__PURE__*/React.createElement(_Icon.Icon, {
-    type: MENU_NAME_LIST[pageNameKey].iconType,
+  }), /*#__PURE__*/React.createElement(_Icon.Icon
+  // @ts-ignore - TS7053 - Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'Readonly<{ dashboard: { title: string; iconName: string; iconType: string; }; engage: { title: string; iconName: string; iconType: string; }; journeys: { title: string; iconName: string; iconType: string; }; automation: { ...; }; ... 31 more ...; dataManagement: { ...; }; }>'.
+  , {
+    type: MENU_NAME_LIST[pageNameKey].iconType
+    // @ts-ignore - TS7053 - Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'Readonly<{ dashboard: { title: string; iconName: string; iconType: string; }; engage: { title: string; iconName: string; iconType: string; }; journeys: { title: string; iconName: string; iconType: string; }; automation: { ...; }; ... 31 more ...; dataManagement: { ...; }; }>'.
+    ,
     name: MENU_NAME_LIST[pageNameKey].iconName,
     size: "medium",
     color: _Text.TEXT_COLORS.inverseSecondary,

package/lib/components/SideMenuLink/SideMenuLink.stories.d.ts

@@ -0,0 +1,96 @@
+import * as React from 'react';
+import type { SideMenuLinkProps } from './SideMenuLink';
+declare const _default: {
+    tags: string[];
+    title: string;
+    argTypes: {
+        pageNameKey: {
+            options: string[];
+            type: {
+                required: boolean;
+            };
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        selectedValue: {
+            name: string;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            control: {
+                disable: boolean;
+            };
+        };
+        customTitle: {
+            name: string;
+            control: {
+                type: string;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        opened: {
+            description: string;
+            options: boolean[];
+            control: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            defaultValue: {
+                summary: boolean;
+            };
+        };
+        status: {
+            options: unknown[];
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            subtitle: string;
+            description: {
+                component: string;
+            };
+        };
+        storySource: {
+            componentPath: string;
+        };
+    };
+};
+export default _default;
+export declare const _SideMenuLink: {
+    (args: SideMenuLinkProps): React.JSX.Element;
+    args: {
+        opened: boolean;
+        pageNameKey: string;
+        selectedValue: string;
+    };
+};
+//# sourceMappingURL=SideMenuLink.stories.d.ts.map

package/lib/components/SideMenuLink/SideMenuLink.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideMenuLink.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SideMenuLink/SideMenuLink.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,gBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAStD,wBAmFE;AAEF,eAAO,MAAM,aAAa;WAAU,iBAAiB;;;;;;CAkDpD,CAAC"}

package/lib/components/SideMenuLink/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SideMenuLink';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/SideMenuLink/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SideMenuLink/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/lib/components/StatusIndicator/StatusIndicator.d.ts

@@ -0,0 +1,25 @@
+import type { Flow } from 'flow-to-typescript-codemod';
+import * as COLORS from '../../styles/variables/_color';
+type ClassNames = Readonly<{
+    wrapper?: string;
+}>;
+export declare const STATUS_SEMANTIC: Readonly<{
+    primary: "primary";
+    information: "information";
+    success: "success";
+    warning: "warning";
+    danger: "danger";
+    neutral: "neutral";
+    secondary: "secondary";
+}>;
+export type StatusSemanticType = (typeof STATUS_SEMANTIC)[keyof typeof STATUS_SEMANTIC];
+export type StatusIndicatorProps = {
+    classNames?: ClassNames;
+    status?: StatusSemanticType;
+    withBorder?: boolean;
+    borderColorToken?: keyof typeof COLORS;
+    disabled?: boolean;
+};
+export declare const StatusIndicator: Flow.AbstractComponent<StatusIndicatorProps, HTMLDivElement>;
+export {};
+//# sourceMappingURL=StatusIndicator.d.ts.map

package/lib/components/StatusIndicator/StatusIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/StatusIndicator/StatusIndicator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,MAAM,MAAM,+BAA+B,CAAC;AAMxD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;;;EAQ1B,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAC5B,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;AAEzD,MAAM,MAAM,oBAAoB,GAAG;IACjC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,IAAI,CAAC,iBAAiB,CAClD,oBAAoB,EACpB,cAAc,CAgCf,CAAC"}

package/lib/components/StatusIndicator/StatusIndicator.stories.d.ts

@@ -0,0 +1,92 @@
+import * as React from 'react';
+import type { StatusIndicatorProps } from './';
+declare const _default: {
+    tags: string[];
+    title: string;
+    component: import("flow-to-typescript-codemod").Flow.AbstractComponent<StatusIndicatorProps, HTMLDivElement>;
+    argTypes: {
+        status: {
+            options: unknown[];
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: "information";
+                };
+            };
+        };
+        disabled: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        borderColorToken: {
+            description: string;
+            options: unknown[];
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        classNames: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        withBorder: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            subtitle: string;
+            description: {
+                component: string;
+            };
+        };
+        storySource: {
+            componentPath: string;
+        };
+    };
+};
+export default _default;
+export declare const _StatusIndicator: (args: StatusIndicatorProps) => React.JSX.Element;
+//# sourceMappingURL=StatusIndicator.stories.d.ts.map

package/lib/components/StatusIndicator/StatusIndicator.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusIndicator.stories.d.ts","sourceRoot":"","sources":["../../../src/components/StatusIndicator/StatusIndicator.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAS7C,wBA6EE;AAEF,eAAO,MAAM,gBAAgB,GAAI,MAAM,oBAAoB,sBAqC1D,CAAC"}

package/lib/components/StatusIndicator/index.d.ts

@@ -0,0 +1,2 @@
+export * from './StatusIndicator';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/StatusIndicator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/StatusIndicator/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/lib/components/Stepper/Step/Step.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import type { Flow } from 'flow-to-typescript-codemod';
+import type { IconType } from '../../Icon';
+type ClassNames = Readonly<{
+    wrapper?: string;
+    stepCounter?: string;
+    content?: string;
+}>;
+export type StepProps = {
+    active?: boolean;
+    children: React.ReactNode;
+    completed?: boolean;
+    disabled?: boolean;
+    expanded?: boolean;
+    index: number;
+    last?: boolean;
+    classNames?: ClassNames;
+    allowClick?: boolean;
+    onClick?: (idx: number, e?: React.SyntheticEvent<HTMLElement> | null | undefined) => unknown;
+    iconName?: string;
+    iconType?: IconType;
+};
+export declare const Step: Flow.AbstractComponent<StepProps, HTMLDivElement>;
+export {};
+//# sourceMappingURL=Step.d.ts.map

package/lib/components/Stepper/Step/Step.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Step.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/Step/Step.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAGrD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AAMzC,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,CACR,GAAG,EAAE,MAAM,EACX,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACrD,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAAC,SAAS,EAAE,cAAc,CA8FhE,CAAC"}

package/lib/components/Stepper/Step/Step.js

@@ -26,7 +26,11 @@ const Step = exports.Step = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     iconType
   } = _ref;
   const childrenArray = React.Children.toArray(children).filter(Boolean);
-  const stepContent = childrenArray.map(stepContent => /*#__PURE__*/React.cloneElement(stepContent, {
+  const stepContent = childrenArray.map(stepContent =>
+  /*#__PURE__*/
+  // @ts-ignore - TS2769 - No overload matches this call.
+  React.cloneElement(stepContent, {
+    // @ts-ignore - TS2339 - Property 'props' does not exist on type 'string | number | bigint | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | Promise<...>'.
     ...stepContent.props,
     active,
     completed,
@@ -53,14 +57,19 @@ const Step = exports.Step = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       [_StepperModule.default.disabled]: disabled,
       [_StepperModule.default.withIcon]: !!iconName
     }, classNames?.stepCounter)
-  }, completed && !active ? /*#__PURE__*/React.createElement(_Icon.Icon, {
+  }, completed && !active ?
+  /*#__PURE__*/
+  // @ts-ignore - TS2769 - No overload matches this call.
+  React.createElement(_Icon.Icon, {
     name: "check",
     type: _Icon.ICON_TYPE.solid,
     size: _Icon.ICON_SIZE.small,
     className: _StepperModule.default.stepIcon
   }) : /*#__PURE__*/React.createElement(React.Fragment, null, iconName ? /*#__PURE__*/React.createElement(_Icon.Icon, {
     name: iconName,
-    className: _StepperModule.default.stepIcon,
+    className: _StepperModule.default.stepIcon
+    // @ts-ignore - TS2769 - No overload matches this call.
+    ,
     size: _Icon.ICON_SIZE.small,
     type: iconType
   }) : (index + 1).toString())), /*#__PURE__*/React.createElement("div", {

package/lib/components/Stepper/Step/Step.stories.d.ts

@@ -0,0 +1,120 @@
+import * as React from 'react';
+import type { StepProps } from './Step';
+declare const _default: {
+    tags: string[];
+    title: string;
+    component: import("flow-to-typescript-codemod").Flow.AbstractComponent<StepProps, HTMLDivElement>;
+    subComponents: {
+        StepLabel: ({ children, classNames, active, completed, disabled, }: import("./StepLabel").StepLabelProps) => React.JSX.Element;
+        StepContent: ({ children, classNames, active, completed, disabled, }: import("./StepContent").StepContentProps) => React.JSX.Element;
+    };
+    argTypes: {
+        onClick: {
+            description: string;
+            action: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        iconName: {
+            name: string;
+            control: {
+                type: string;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        iconType: {
+            description: string;
+            options: string[];
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        index: {
+            control: {
+                type: string;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        active: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+            description: string;
+            control: {
+                type: string;
+            };
+        };
+        completed: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+            description: string;
+            control: {
+                type: string;
+            };
+        };
+        classNames: {
+            control: {
+                type: string;
+            };
+            description: string;
+            type: {
+                summary: string;
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            subtitle: string;
+            description: {
+                component: string;
+            };
+        };
+        storySource: {
+            componentPath: string;
+        };
+    };
+};
+export default _default;
+export declare const _Anatomy: {
+    (args: StepProps): React.JSX.Element;
+    args: {
+        classNames: {
+            wrapper: string;
+        };
+        active: boolean;
+        completed: boolean;
+        index: number;
+    };
+};
+//# sourceMappingURL=Step.stories.d.ts.map

package/lib/components/Stepper/Step/Step.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Step.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/Step/Step.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,QAAQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQtC,wBA4FE;AAEF,eAAO,MAAM,QAAQ;WAAU,SAAS;;;;;;;;;CAOvC,CAAC"}

package/lib/components/Stepper/Step/StepContent.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+type ClassNames = Readonly<{
+    wrapper?: string;
+}>;
+export type StepContentProps = {
+    children: React.ReactNode;
+    active?: boolean;
+    completed?: boolean;
+    disabled?: boolean;
+    classNames?: ClassNames;
+};
+export declare const StepContent: ({ children, classNames, active, completed, disabled, }: StepContentProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=StepContent.d.ts.map