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

package/lib/components/Shimmer/Shimmer.js

@@ -5,11 +5,12 @@ 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("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"));
+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 _jsxRuntime = require("react/jsx-runtime");
 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({
@@ -37,7 +38,9 @@ const ShimmerWrapper = _ref => {
   let {
     children
   } = _ref;
-  return /*#__PURE__*/React.createElement("span", null, children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    children: children
+  });
 };
 exports.ShimmerWrapper = ShimmerWrapper;
 const Shimmer = exports.Shimmer = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
@@ -51,10 +54,12 @@ const Shimmer = exports.Shimmer = /*#__PURE__*/React.forwardRef((_ref2, ref) =>
     borderRadius
   } = _ref2;
   if (!show) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: children
+    });
   }
   const borderRadiusValue = borderRadius ?? SHIMMER_TYPE_TO_BORDER_RADIUS_MAP[type];
-  return /*#__PURE__*/React.createElement("span", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
     ref: ref,
     "data-testid": "Shimmer",
     className: (0, _classify.default)(_ShimmerModule.default.wrapper, _ShimmerModule.default[type], classNames?.wrapper),
@@ -74,28 +79,31 @@ const KPIShimmer = _ref3 => {
     hasMiddleContent = true,
     classNames
   } = _ref3;
-  return /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.default)(_ShimmerModule.default.kpiBox, classNames?.wrapper)
-  }, hasIcon && /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.default)(_ShimmerModule.default.section, _ShimmerModule.default.iconSection, classNames?.icon)
-  }, /*#__PURE__*/React.createElement(Shimmer, {
-    type: "rounded",
-    width: 60,
-    height: 60
-  })), /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.default)(_ShimmerModule.default.section, classNames?.text)
-  }, hasTopContent && /*#__PURE__*/React.createElement(Shimmer, {
-    type: "text",
-    width: textWidth,
-    height: 15
-  }), hasMiddleContent && /*#__PURE__*/React.createElement(Shimmer, {
-    type: "text",
-    width: textWidth,
-    height: 25
-  }), hasBottomContent && /*#__PURE__*/React.createElement(Shimmer, {
-    type: "text",
-    width: textWidth,
-    height: 15
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classify.default)(_ShimmerModule.default.kpiBox, classNames?.wrapper),
+    children: [hasIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classify.default)(_ShimmerModule.default.section, _ShimmerModule.default.iconSection, classNames?.icon),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Shimmer, {
+        type: "rounded",
+        width: 60,
+        height: 60
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classify.default)(_ShimmerModule.default.section, classNames?.text),
+      children: [hasTopContent && /*#__PURE__*/(0, _jsxRuntime.jsx)(Shimmer, {
+        type: "text",
+        width: textWidth,
+        height: 15
+      }), hasMiddleContent && /*#__PURE__*/(0, _jsxRuntime.jsx)(Shimmer, {
+        type: "text",
+        width: textWidth,
+        height: 25
+      }), hasBottomContent && /*#__PURE__*/(0, _jsxRuntime.jsx)(Shimmer, {
+        type: "text",
+        width: textWidth,
+        height: 15
+      })]
+    })]
+  });
 };
 exports.KPIShimmer = KPIShimmer;

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

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

package/lib/components/Shimmer/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _Shimmer = require("src/components/Shimmer/Shimmer");
+var _Shimmer = require("./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 'src/components/Link';
-import type { StatusSemanticType } from 'src/components/StatusIndicator';
-import type { BaseTooltipProps } from 'src/components/Tooltip';
+import type { BaseLinkProps } from '../../components/Link';
+import type { StatusSemanticType } from '../../components/StatusIndicator';
+import type { BaseTooltipProps } from '../../components/Tooltip';
 export declare const MENU_NAME_LIST: Readonly<{
     dashboard: {
         title: string;

package/lib/components/SideMenuLink/SideMenuLink.js

@@ -4,19 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SideMenuLink = exports.MENU_NAME_LIST = void 0;
-var React = _interopRequireWildcard(require("react"));
-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"));
+var _react = _interopRequireWildcard(require("react"));
+var React = _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 _jsxRuntime = require("react/jsx-runtime");
 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); }
 const MENU_NAME_LIST = exports.MENU_NAME_LIST = Object.freeze({
   dashboard: {
     title: 'Dashboard',
@@ -223,53 +224,63 @@ const SideMenuLink = exports.SideMenuLink = /*#__PURE__*/React.forwardRef((_ref,
     onChange?.(e, pageNameKey);
   };
   const linkTitle = customTitle || MENU_NAME_LIST[pageNameKey].title;
-  return /*#__PURE__*/React.createElement(_ConditionalWrapper.ConditionalWrapper, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ConditionalWrapper.ConditionalWrapper, {
     condition: to !== undefined,
-    wrapper: children => /*#__PURE__*/React.createElement(_Link.Link, {
+    wrapper: children => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link.Link, {
       to: to,
       tabIndex: -1,
       linkComponent: LinkComponent,
       className: (0, _classify.default)(_SideMenuLinkModule.default.linkComponent, {
         [_SideMenuLinkModule.default.closed]: !opened
       }),
-      onClick: onChangeHandler
-    }, children)
-  }, /*#__PURE__*/React.createElement(_ConditionalWrapper.ConditionalWrapper, {
-    condition: Boolean(!opened && !inActive),
-    wrapper: children => /*#__PURE__*/React.createElement(_Tooltip.Tooltip, _extends({
-      body: linkTitle
-    }, tooltip), children)
-  }, /*#__PURE__*/React.createElement(_Button.UnstyledButton, _extends({}, restButtonProps, {
-    className: (0, _classify.default)(_SideMenuLinkModule.default.linkWrapper, {
-      [_SideMenuLinkModule.default.selected]: selected,
-      [_SideMenuLinkModule.default.disabled]: disabled,
-      [_SideMenuLinkModule.default.inActive]: inActive,
-      [_SideMenuLinkModule.default.closed]: !opened
-    }, classNames?.wrapper),
-    onClick: onChangeHandler,
-    ref: ref,
-    tabIndex: disabled ? -1 : tabIndex,
-    disabled: disabled,
-    key: pageNameKey
-  }), pageNameKey && MENU_NAME_LIST[pageNameKey] ? /*#__PURE__*/React.createElement("div", {
-    className: _SideMenuLinkModule.default.iconContainer
-  }, status && /*#__PURE__*/React.createElement(_StatusIndicator.StatusIndicator, {
-    status: status,
-    classNames: {
-      wrapper: _SideMenuLinkModule.default.statusIndicatorBlock
-    }
-  }), /*#__PURE__*/React.createElement(_Icon.Icon, {
-    type: MENU_NAME_LIST[pageNameKey].iconType,
-    name: MENU_NAME_LIST[pageNameKey].iconName,
-    size: "medium",
-    color: _Text.TEXT_COLORS.inverseSecondary,
-    className: _SideMenuLinkModule.default.menuIcon
-  })) : null, opened ? /*#__PURE__*/React.createElement("div", {
-    className: _SideMenuLinkModule.default.menuLabelContainer
-  }, pageNameKey && MENU_NAME_LIST[pageNameKey] ? isGroupMenuLink ? /*#__PURE__*/React.createElement(_Text.SubTitleSmall, {
-    className: _SideMenuLinkModule.default.groupMenuLinkText
-  }, linkTitle) : /*#__PURE__*/React.createElement(_Text.BodyMedium, {
-    className: _SideMenuLinkModule.default.menuLinkText
-  }, linkTitle) : null, rightSlot ? rightSlot : null) : null)));
+      onClick: onChangeHandler,
+      children: children
+    }),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ConditionalWrapper.ConditionalWrapper, {
+      condition: Boolean(!opened && !inActive),
+      wrapper: children => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
+        body: linkTitle,
+        ...tooltip,
+        children: children
+      }),
+      children: /*#__PURE__*/(0, _react.createElement)(_Button.UnstyledButton, {
+        ...restButtonProps,
+        className: (0, _classify.default)(_SideMenuLinkModule.default.linkWrapper, {
+          [_SideMenuLinkModule.default.selected]: selected,
+          [_SideMenuLinkModule.default.disabled]: disabled,
+          [_SideMenuLinkModule.default.inActive]: inActive,
+          [_SideMenuLinkModule.default.closed]: !opened
+        }, classNames?.wrapper),
+        onClick: onChangeHandler,
+        ref: ref,
+        tabIndex: disabled ? -1 : tabIndex,
+        disabled: disabled,
+        key: pageNameKey
+      }, pageNameKey && MENU_NAME_LIST[pageNameKey] ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: _SideMenuLinkModule.default.iconContainer,
+        children: [status && /*#__PURE__*/(0, _jsxRuntime.jsx)(_StatusIndicator.StatusIndicator, {
+          status: status,
+          classNames: {
+            wrapper: _SideMenuLinkModule.default.statusIndicatorBlock
+          }
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+          type: MENU_NAME_LIST[pageNameKey].iconType,
+          name: MENU_NAME_LIST[pageNameKey].iconName,
+          size: "medium",
+          color: _Text.TEXT_COLORS.inverseSecondary,
+          className: _SideMenuLinkModule.default.menuIcon
+        })]
+      }) : null, opened ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: _SideMenuLinkModule.default.menuLabelContainer,
+        children: [pageNameKey && MENU_NAME_LIST[pageNameKey] ? isGroupMenuLink ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.SubTitleSmall, {
+          className: _SideMenuLinkModule.default.groupMenuLinkText,
+          children: linkTitle
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.BodyMedium, {
+          className: _SideMenuLinkModule.default.menuLinkText,
+          children: linkTitle
+        }) : null, rightSlot ? rightSlot : null]
+      }) : null)
+    })
+  });
 });
 SideMenuLink.displayName = 'SideMenuLink';

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

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

package/lib/components/SideMenuLink/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _SideMenuLink = require("src/components/SideMenuLink/SideMenuLink");
+var _SideMenuLink = require("./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 'src/styles/variables/_color';
+import * as COLORS from '../../styles/variables/_color';
 type ClassNames = Readonly<{
     wrapper?: string;
 }>;

package/lib/components/StatusIndicator/StatusIndicator.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.StatusIndicator = exports.STATUS_SEMANTIC = void 0;
 var React = _interopRequireWildcard(require("react"));
-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"));
+var COLORS = _interopRequireWildcard(require("../../styles/variables/_color"));
+var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _StatusIndicatorModule = _interopRequireDefault(require("./StatusIndicator.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
 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); }
 const STATUS_SEMANTIC = exports.STATUS_SEMANTIC = Object.freeze({
   primary: 'primary',
   information: 'information',
@@ -29,7 +29,8 @@ const StatusIndicator = exports.StatusIndicator = /*#__PURE__*/React.forwardRef(
     disabled,
     ...props
   } = _ref;
-  return /*#__PURE__*/React.createElement("div", _extends({}, props, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    ...props,
     "data-testid": "StatusIndicator",
     className: (0, _classify.default)(_StatusIndicatorModule.default.statusWrapper, _StatusIndicatorModule.default[status], {
       [_StatusIndicatorModule.default.withBorder]: withBorder,
@@ -39,5 +40,5 @@ const StatusIndicator = exports.StatusIndicator = /*#__PURE__*/React.forwardRef(
     style: {
       '--border-color': COLORS[borderColorToken] || COLORS['colorBackgroundTertiary']
     }
-  }));
+  });
 });

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

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

package/lib/components/StatusIndicator/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _StatusIndicator = require("src/components/StatusIndicator/StatusIndicator");
+var _StatusIndicator = require("./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,6 +1,6 @@
 import * as React from 'react';
 import type { Flow } from 'flow-to-typescript-codemod';
-import type { IconType } from 'src/components/Icon';
+import type { IconType } from '../../../components/Icon';
 type ClassNames = Readonly<{
     wrapper?: string;
     stepCounter?: string;

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

@@ -5,9 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Step = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _classify = _interopRequireDefault(require("src/utils/classify"));
-var _Icon = require("src/components/Icon");
-var _StepperModule = _interopRequireDefault(require("src/components/Stepper/Stepper.module.css"));
+var _classify = _interopRequireDefault(require("../../../utils/classify"));
+var _Icon = require("../../Icon");
+var _StepperModule = _interopRequireDefault(require("../Stepper.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
 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
@@ -40,7 +41,7 @@ const Step = exports.Step = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     return stepContent;
   });
   const handleClick = e => allowClick && onClick?.(index, e);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     ref: ref,
     className: (0, _classify.default)(_StepperModule.default.stepWrapper, {
       [_StepperModule.default.active]: active,
@@ -50,27 +51,32 @@ const Step = exports.Step = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       [_StepperModule.default.disabled]: disabled,
       [_StepperModule.default.clickable]: allowClick
     }, classNames?.wrapper),
-    onClick: handleClick
-  }, /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.default)(_StepperModule.default.stepWrapperCounter, {
-      [_StepperModule.default.selected]: active,
-      [_StepperModule.default.completed]: completed,
-      [_StepperModule.default.expanded]: expanded,
-      [_StepperModule.default.last]: last,
-      [_StepperModule.default.disabled]: disabled,
-      [_StepperModule.default.withIcon]: !!iconName
-    }, classNames?.stepCounter)
-  }, completed && !active ? /*#__PURE__*/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,
-    size: _Icon.ICON_SIZE.small,
-    type: iconType
-  }) : (index + 1).toString())), /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.default)(_StepperModule.default.stepContent, classNames?.content)
-  }, stepContent));
+    onClick: handleClick,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classify.default)(_StepperModule.default.stepWrapperCounter, {
+        [_StepperModule.default.selected]: active,
+        [_StepperModule.default.completed]: completed,
+        [_StepperModule.default.expanded]: expanded,
+        [_StepperModule.default.last]: last,
+        [_StepperModule.default.disabled]: disabled,
+        [_StepperModule.default.withIcon]: !!iconName
+      }, classNames?.stepCounter),
+      children: completed && !active ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+        name: "check",
+        type: _Icon.ICON_TYPE.solid,
+        size: _Icon.ICON_SIZE.small,
+        className: _StepperModule.default.stepIcon
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {
+        children: iconName ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+          name: iconName,
+          className: _StepperModule.default.stepIcon,
+          size: _Icon.ICON_SIZE.small,
+          type: iconType
+        }) : (index + 1).toString()
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classify.default)(_StepperModule.default.stepContent, classNames?.content),
+      children: stepContent
+    })]
+  });
 });

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

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.StepContent = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _classify = require("src/utils/classify");
-var _StepperModule = _interopRequireDefault(require("src/components/Stepper/Stepper.module.css"));
+var _classify = require("../../../utils/classify");
+var _StepperModule = _interopRequireDefault(require("../Stepper.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
 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 => {
@@ -17,12 +18,13 @@ const StepContent = _ref => {
     completed = false,
     disabled = false
   } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _classify.classify)(_StepperModule.default.stepContentWrapper, {
       [_StepperModule.default.active]: active,
       [_StepperModule.default.completed]: completed,
       [_StepperModule.default.disabled]: disabled
-    }, classNames?.wrapper)
-  }, children);
+    }, classNames?.wrapper),
+    children: children
+  });
 };
 exports.StepContent = StepContent;

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

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.StepLabel = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _classify = require("src/utils/classify");
-var _StepperModule = _interopRequireDefault(require("src/components/Stepper/Stepper.module.css"));
+var _classify = require("../../../utils/classify");
+var _StepperModule = _interopRequireDefault(require("../Stepper.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
 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 => {
@@ -17,12 +18,13 @@ const StepLabel = _ref => {
     completed = false,
     disabled = false
   } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _classify.classify)(_StepperModule.default.stepLabelWrapper, {
       [_StepperModule.default.active]: active,
       [_StepperModule.default.completed]: completed,
       [_StepperModule.default.disabled]: disabled
-    }, classNames?.wrapper)
-  }, children);
+    }, classNames?.wrapper),
+    children: children
+  });
 };
 exports.StepLabel = StepLabel;

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

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

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _Step = require("src/components/Stepper/Step/Step");
+var _Step = require("./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("src/components/Stepper/Step/StepContent");
+var _StepContent = require("./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("src/components/Stepper/Step/StepLabel");
+var _StepLabel = require("./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.js

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Stepper = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _classify = require("src/utils/classify");
-var _StepperModule = _interopRequireDefault(require("src/components/Stepper/Stepper.module.css"));
+var _classify = require("../../utils/classify");
+var _StepperModule = _interopRequireDefault(require("./Stepper.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
 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); }
 // Define the expected props for step elements
@@ -57,8 +58,9 @@ const Stepper = exports.Stepper = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       disabled: disabledChild || disabled
     });
   });
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _classify.classify)(_StepperModule.default.stepperWrapper, _StepperModule.default[orientation], classNames?.wrapper),
-    ref: ref
-  }, steps);
+    ref: ref,
+    children: steps
+  });
 });

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

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

package/lib/components/Stepper/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _Step = require("src/components/Stepper/Step");
+var _Step = require("./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 _Stepper = require("src/components/Stepper/Stepper");
+var _Stepper = require("./Stepper");
 Object.keys(_Stepper).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Stepper[key]) return;