@spaced-out/ui-design-system 0.5.7-beta.0 → 0.5.7-beta.2

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

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

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

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

package/lib/components/Separator/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _Separator = require("./Separator");
+var _Separator = require("src/components/Separator/Separator");
 Object.keys(_Separator).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Separator[key]) return;

package/lib/components/Shimmer/Shimmer.d.ts

@@ -16,7 +16,7 @@ export declare const SHIMMER_TYPE_TO_BORDER_RADIUS_MAP: Readonly<{
     rectangular: "0px";
 }>;
 export type ShimmerType = (typeof SHIMMER_TYPES)[keyof typeof SHIMMER_TYPES];
-export type ShimmerProps = {
+export interface ShimmerProps {
     classNames?: ClassNames;
     show?: boolean;
     type?: ShimmerType;
@@ -24,10 +24,10 @@ export type ShimmerProps = {
     height?: number | string;
     borderRadius?: number | string;
     children?: React.ReactNode;
-};
-export type ShimmerWrapperProps = {
+}
+export interface ShimmerWrapperProps {
     children?: React.ReactNode;
-};
+}
 /**
  * Note(Nishant): ShimmerWrapper is a wrapper component for Shimmer component. This should only be used for Text based Shimmers
  * This solves a very annoying problem with out text components where the display prop is set to flex.
@@ -44,14 +44,14 @@ type KPIShimmerClassNames = Readonly<{
     icon?: string;
     text?: string;
 }>;
-export type KPIShimmerProps = {
+export interface KPIShimmerProps {
     textWidth?: number | string;
     hasTopContent?: boolean;
     hasMiddleContent?: boolean;
     hasBottomContent?: boolean;
     hasIcon?: boolean;
     classNames?: KPIShimmerClassNames;
-};
+}
 export declare const KPIShimmer: ({ textWidth, hasBottomContent, hasIcon, hasTopContent, hasMiddleContent, classNames, }: KPIShimmerProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=Shimmer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Shimmer.d.ts","sourceRoot":"","sources":["../../../src/components/Shimmer/Shimmer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAerD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;EAKxB,CAAC;AAEH,eAAO,MAAM,iCAAiC;;;;;EAK5C,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE7E,MAAM,MAAM,YAAY,GAAG;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,GAAI,eAE5B,mBAAmB,KAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAEvE,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,eAAe,CAmCvE,CAAC;AAEJ,KAAK,oBAAoB,GAAG,QAAQ,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,oBAAoB,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,wFAOxB,eAAe,sBAmBjB,CAAC"}
+{"version":3,"file":"Shimmer.d.ts","sourceRoot":"","sources":["../../../src/components/Shimmer/Shimmer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAerD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;EAKxB,CAAC;AAEH,eAAO,MAAM,iCAAiC;;;;;EAK5C,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE7E,MAAM,WAAW,YAAY;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,GAAI,eAE5B,mBAAmB,KAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAEvE,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,eAAe,CAkCvE,CAAC;AAEJ,KAAK,oBAAoB,GAAG,QAAQ,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,oBAAoB,CAAC;CACnC;AAED,eAAO,MAAM,UAAU,GAAI,wFAOxB,eAAe,sBAmBjB,CAAC"}

package/lib/components/Shimmer/Shimmer.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ShimmerWrapper = exports.Shimmer = exports.SHIMMER_TYPE_TO_BORDER_RADIUS_MAP = exports.SHIMMER_TYPES = exports.KPIShimmer = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _border = require("../../styles/variables/_border");
-var _size = require("../../styles/variables/_size");
-var _classify = _interopRequireDefault(require("../../utils/classify"));
-var _string = require("../../utils/string");
-var _ShimmerModule = _interopRequireDefault(require("./Shimmer.module.css"));
+var _border = require("src/styles/variables/_border");
+var _size = require("src/styles/variables/_size");
+var _classify = _interopRequireDefault(require("src/utils/classify"));
+var _string = require("src/utils/string");
+var _ShimmerModule = _interopRequireDefault(require("src/components/Shimmer/Shimmer.module.css"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const SHIMMER_TYPES = exports.SHIMMER_TYPES = Object.freeze({
@@ -53,9 +53,7 @@ const Shimmer = exports.Shimmer = /*#__PURE__*/React.forwardRef((_ref2, ref) =>
   if (!show) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, children);
   }
-  const borderRadiusValue =
-  // @ts-ignore - TS7053 - Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'Readonly<{ text: string; rounded: string; circular: string; rectangular: string; }>'.
-  borderRadius ?? SHIMMER_TYPE_TO_BORDER_RADIUS_MAP[type];
+  const borderRadiusValue = borderRadius ?? SHIMMER_TYPE_TO_BORDER_RADIUS_MAP[type];
   return /*#__PURE__*/React.createElement("span", {
     ref: ref,
     "data-testid": "Shimmer",

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { ShimmerProps } from './Shimmer';
+import type { ShimmerProps } from 'src/components/Shimmer/Shimmer';
 declare const _default: {
     tags: string[];
     title: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Shimmer.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Shimmer/Shimmer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQ5C,wBA6IE;AAEF,eAAO,MAAM,oBAAoB;WAAU,YAAY;;;;;CAsBtD,CAAC;AAOF,eAAO,MAAM,qBAAqB;WAAU,YAAY;;;;;;CAkBvD,CAAC;AAQF,eAAO,MAAM,eAAe;WAAU,YAAY;;;;;;;CAMjD,CAAC;AASF,eAAO,MAAM,gBAAgB;WAAU,YAAY;;;;;;;CAMlD,CAAC;AASF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8DG;AACH,eAAO,MAAM,WAAW,yBAIvB,CAAC;AAEF,eAAO,MAAM,YAAY,yBAiBxB,CAAC"}
+{"version":3,"file":"Shimmer.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Shimmer/Shimmer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,gCAAgC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcjE,wBA6IE;AAEF,eAAO,MAAM,oBAAoB;WAAU,YAAY;;;;;CAsBtD,CAAC;AAOF,eAAO,MAAM,qBAAqB;WAAU,YAAY;;;;;;CAkBvD,CAAC;AAQF,eAAO,MAAM,eAAe;WAAU,YAAY;;;;;;;CAMjD,CAAC;AASF,eAAO,MAAM,gBAAgB;WAAU,YAAY;;;;;;;CAMlD,CAAC;AASF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8DG;AACH,eAAO,MAAM,WAAW,yBAIvB,CAAC;AAEF,eAAO,MAAM,YAAY,yBAiBxB,CAAC"}

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

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

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

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

package/lib/components/Shimmer/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _Shimmer = require("./Shimmer");
+var _Shimmer = require("src/components/Shimmer/Shimmer");
 Object.keys(_Shimmer).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Shimmer[key]) return;

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

@@ -1,8 +1,8 @@
 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';
+import type { BaseLinkProps } from 'src/components/Link';
+import type { StatusSemanticType } from 'src/components/StatusIndicator';
+import type { BaseTooltipProps } from 'src/components/Tooltip';
 export declare const MENU_NAME_LIST: Readonly<{
     dashboard: {
         title: string;
@@ -188,7 +188,7 @@ export declare const MENU_NAME_LIST: Readonly<{
 type ClassNames = Readonly<{
     wrapper?: string;
 }>;
-export type SideMenuLinkProps = {
+export interface SideMenuLinkProps {
     classNames?: ClassNames;
     children?: React.ReactNode;
     customTitle?: string;
@@ -205,7 +205,7 @@ export type SideMenuLinkProps = {
     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

@@ -1 +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"}
+{"version":3,"file":"SideMenuLink.d.ts","sourceRoot":"","sources":["../../../src/components/SideMenuLink/SideMenuLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAQrD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAEvD,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,gCAAgC,CAAC;AAGvE,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAM7D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqLzB,CAAC;AAEH,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,iBAAiB;IAChC,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;AAED,eAAO,MAAM,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAC/C,iBAAiB,EACjB,iBAAiB,CA6HlB,CAAC"}

package/lib/components/SideMenuLink/SideMenuLink.js

@@ -5,15 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SideMenuLink = exports.MENU_NAME_LIST = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _classify = _interopRequireDefault(require("../../utils/classify"));
-var _Button = require("../Button");
-var _ConditionalWrapper = require("../ConditionalWrapper");
-var _Icon = require("../Icon");
-var _Link = require("../Link");
-var _StatusIndicator = require("../StatusIndicator");
-var _Text = require("../Text");
-var _Tooltip = require("../Tooltip");
-var _SideMenuLinkModule = _interopRequireDefault(require("./SideMenuLink.module.css"));
+var _classify = _interopRequireDefault(require("src/utils/classify"));
+var _Button = require("src/components/Button");
+var _ConditionalWrapper = require("src/components/ConditionalWrapper");
+var _Icon = require("src/components/Icon");
+var _Link = require("src/components/Link");
+var _StatusIndicator = require("src/components/StatusIndicator");
+var _Text = require("src/components/Text");
+var _Tooltip = require("src/components/Tooltip");
+var _SideMenuLinkModule = _interopRequireDefault(require("src/components/SideMenuLink/SideMenuLink.module.css"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
@@ -220,10 +220,8 @@ const SideMenuLink = exports.SideMenuLink = /*#__PURE__*/React.forwardRef((_ref,
   const selected = selectedValue === pageNameKey;
   const inActive = !onChange;
   const onChangeHandler = e => {
-    onChange && onChange(e, pageNameKey);
+    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,
@@ -260,12 +258,8 @@ const SideMenuLink = exports.SideMenuLink = /*#__PURE__*/React.forwardRef((_ref,
     classNames: {
       wrapper: _SideMenuLinkModule.default.statusIndicatorBlock
     }
-  }), /*#__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: { ...; }; }>'.
-    ,
+  }), /*#__PURE__*/React.createElement(_Icon.Icon, {
+    type: MENU_NAME_LIST[pageNameKey].iconType,
     name: MENU_NAME_LIST[pageNameKey].iconName,
     size: "medium",
     color: _Text.TEXT_COLORS.inverseSecondary,

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { SideMenuLinkProps } from './SideMenuLink';
+import type { SideMenuLinkProps } from 'src/components/SideMenuLink/SideMenuLink';
 declare const _default: {
     tags: string[];
     title: string;

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

@@ -1 +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"}
+{"version":3,"file":"SideMenuLink.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SideMenuLink/SideMenuLink.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,0CAA0C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAahF,wBAmFE;AAEF,eAAO,MAAM,aAAa;WAAU,iBAAiB;;;;;;CA6CpD,CAAC"}

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

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

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

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

package/lib/components/SideMenuLink/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _SideMenuLink = require("./SideMenuLink");
+var _SideMenuLink = require("src/components/SideMenuLink/SideMenuLink");
 Object.keys(_SideMenuLink).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _SideMenuLink[key]) return;

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

@@ -1,5 +1,5 @@
 import type { Flow } from 'flow-to-typescript-codemod';
-import * as COLORS from '../../styles/variables/_color';
+import * as COLORS from 'src/styles/variables/_color';
 type ClassNames = Readonly<{
     wrapper?: string;
 }>;
@@ -13,13 +13,13 @@ export declare const STATUS_SEMANTIC: Readonly<{
     secondary: "secondary";
 }>;
 export type StatusSemanticType = (typeof STATUS_SEMANTIC)[keyof typeof STATUS_SEMANTIC];
-export type StatusIndicatorProps = {
+export interface 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

@@ -1 +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"}
+{"version":3,"file":"StatusIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/StatusIndicator/StatusIndicator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,MAAM,MAAM,6BAA6B,CAAC;AAMtD,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,WAAW,oBAAoB;IACnC,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;AAED,eAAO,MAAM,eAAe,EAAE,IAAI,CAAC,iBAAiB,CAClD,oBAAoB,EACpB,cAAc,CAgCf,CAAC"}

package/lib/components/StatusIndicator/StatusIndicator.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.StatusIndicator = exports.STATUS_SEMANTIC = void 0;
 var React = _interopRequireWildcard(require("react"));
-var COLORS = _interopRequireWildcard(require("../../styles/variables/_color"));
-var _classify = _interopRequireDefault(require("../../utils/classify"));
-var _StatusIndicatorModule = _interopRequireDefault(require("./StatusIndicator.module.css"));
+var COLORS = _interopRequireWildcard(require("src/styles/variables/_color"));
+var _classify = _interopRequireDefault(require("src/utils/classify"));
+var _StatusIndicatorModule = _interopRequireDefault(require("src/components/StatusIndicator/StatusIndicator.module.css"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { StatusIndicatorProps } from './';
+import type { StatusIndicatorProps } from 'src/components/StatusIndicator';
 declare const _default: {
     tags: string[];
     title: string;

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

@@ -1 +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"}
+{"version":3,"file":"StatusIndicator.stories.d.ts","sourceRoot":"","sources":["../../../src/components/StatusIndicator/StatusIndicator.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUzE,wBA6EE;AAEF,eAAO,MAAM,gBAAgB,GAAI,MAAM,oBAAoB,sBAqC1D,CAAC"}

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

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

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

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

package/lib/components/StatusIndicator/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _StatusIndicator = require("./StatusIndicator");
+var _StatusIndicator = require("src/components/StatusIndicator/StatusIndicator");
 Object.keys(_StatusIndicator).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _StatusIndicator[key]) return;

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

@@ -1,12 +1,12 @@
 import * as React from 'react';
 import type { Flow } from 'flow-to-typescript-codemod';
-import type { IconType } from '../../Icon';
+import type { IconType } from 'src/components/Icon';
 type ClassNames = Readonly<{
     wrapper?: string;
     stepCounter?: string;
     content?: string;
 }>;
-export type StepProps = {
+export interface StepProps {
     active?: boolean;
     children: React.ReactNode;
     completed?: boolean;
@@ -19,7 +19,7 @@ export type StepProps = {
     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

@@ -1 +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,CA4FhE,CAAC"}
+{"version":3,"file":"Step.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/Step/Step.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAIrD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAalD,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,WAAW,SAAS;IACxB,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;AAED,eAAO,MAAM,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAAC,SAAS,EAAE,cAAc,CA8FhE,CAAC"}

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

@@ -5,11 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Step = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _classify = _interopRequireDefault(require("../../../utils/classify"));
-var _Icon = require("../../Icon");
-var _StepperModule = _interopRequireDefault(require("../Stepper.module.css"));
+var _classify = _interopRequireDefault(require("src/utils/classify"));
+var _Icon = require("src/components/Icon");
+var _StepperModule = _interopRequireDefault(require("src/components/Stepper/Stepper.module.css"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// Type definitions for step content child props
+
 const Step = exports.Step = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     active,
@@ -26,16 +28,17 @@ 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__*/
-  // @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,
-    disabled
-  }));
+  const stepContent = childrenArray.map(stepContent => {
+    if (/*#__PURE__*/React.isValidElement(stepContent)) {
+      return /*#__PURE__*/React.cloneElement(stepContent, {
+        ...stepContent.props,
+        active,
+        completed,
+        disabled
+      });
+    }
+    return stepContent;
+  });
   const handleClick = e => allowClick && onClick?.(index, e);
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,

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

@@ -1,12 +1,12 @@
 import * as React from 'react';
-import type { StepProps } from './Step';
+import type { StepProps } from 'src/components/Stepper/Step/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;
+        StepLabel: ({ children, classNames, active, completed, disabled, }: import("src/components/Stepper/Step/StepLabel").StepLabelProps) => React.JSX.Element;
+        StepContent: ({ children, classNames, active, completed, disabled, }: import("src/components/Stepper/Step/StepContent").StepContentProps) => React.JSX.Element;
     };
     argTypes: {
         onClick: {

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

@@ -1 +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"}
+{"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,kCAAkC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQhE,wBA4FE;AAEF,eAAO,MAAM,QAAQ;WAAU,SAAS;;;;;;;;;CAOvC,CAAC"}

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

@@ -2,13 +2,13 @@ import * as React from 'react';
 type ClassNames = Readonly<{
     wrapper?: string;
 }>;
-export type StepContentProps = {
+export interface 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

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

@@ -1 +1 @@
-{"version":3,"file":"StepContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/Step/StepContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,wDAMzB,gBAAgB,sBAclB,CAAC"}
+{"version":3,"file":"StepContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/Step/StepContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED,eAAO,MAAM,WAAW,GAAI,wDAMzB,gBAAgB,sBAclB,CAAC"}

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.StepContent = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _classify = require("../../../utils/classify");
-var _StepperModule = _interopRequireDefault(require("../Stepper.module.css"));
+var _classify = require("src/utils/classify");
+var _StepperModule = _interopRequireDefault(require("src/components/Stepper/Stepper.module.css"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const StepContent = _ref => {

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"StepLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/Step/StepLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,wDAMvB,cAAc,sBAchB,CAAC"}
+{"version":3,"file":"StepLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/Step/StepLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED,eAAO,MAAM,SAAS,GAAI,wDAMvB,cAAc,sBAchB,CAAC"}

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.StepLabel = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _classify = require("../../../utils/classify");
-var _StepperModule = _interopRequireDefault(require("../Stepper.module.css"));
+var _classify = require("src/utils/classify");
+var _StepperModule = _interopRequireDefault(require("src/components/Stepper/Stepper.module.css"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const StepLabel = _ref => {

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

@@ -1,4 +1,4 @@
-export * from './Step';
-export * from './StepContent';
-export * from './StepLabel';
+export * from 'src/components/Stepper/Step/Step';
+export * from 'src/components/Stepper/Step/StepContent';
+export * from 'src/components/Stepper/Step/StepLabel';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/Step/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/Step/index.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC;AACjD,cAAc,yCAAyC,CAAC;AACxD,cAAc,uCAAuC,CAAC"}

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _Step = require("./Step");
+var _Step = require("src/components/Stepper/Step/Step");
 Object.keys(_Step).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Step[key]) return;
@@ -14,7 +14,7 @@ Object.keys(_Step).forEach(function (key) {
     }
   });
 });
-var _StepContent = require("./StepContent");
+var _StepContent = require("src/components/Stepper/Step/StepContent");
 Object.keys(_StepContent).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _StepContent[key]) return;
@@ -25,7 +25,7 @@ Object.keys(_StepContent).forEach(function (key) {
     }
   });
 });
-var _StepLabel = require("./StepLabel");
+var _StepLabel = require("src/components/Stepper/Step/StepLabel");
 Object.keys(_StepLabel).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _StepLabel[key]) return;

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

@@ -3,13 +3,13 @@ import type { Flow } from 'flow-to-typescript-codemod';
 type ClassNames = Readonly<{
     wrapper?: string;
 }>;
-export type StepperProps = {
+export interface StepperProps {
     classNames?: ClassNames;
     activeStep?: number;
     children: React.ReactNode;
     orientation?: 'horizontal' | 'vertical';
     disabled?: boolean;
-};
+}
 export declare const Stepper: Flow.AbstractComponent<StepperProps, HTMLDivElement>;
 export {};
 //# sourceMappingURL=Stepper.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAOrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,cAAc,CAgDtE,CAAC"}
+{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAOrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAiBH,MAAM,WAAW,YAAY;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,cAAc,CA+DtE,CAAC"}