@alfalab/core-components 36.3.1 → 36.5.0

package/steps/components/step/Component.js

@@ -1,18 +1,16 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var cn = require('classnames');
 var hooks = require('@alfalab/hooks');
 var CheckmarkCircleMIcon = require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 var ClockMIcon = require('@alfalab/icons-glyph/ClockMIcon');
 var ExclamationCircleMIcon = require('@alfalab/icons-glyph/ExclamationCircleMIcon');
-require('../../../badge');
 var components_stepIndicator_Component = require('../step-indicator/Component.js');
+require('../../../badge');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -41,7 +39,7 @@ var __assign = function () {
     return __assign.apply(this, arguments);
 };
 
-var styles = {"step":"steps__step_6t0hh","vertical":"steps__vertical_6t0hh","interactive":"steps__interactive_6t0hh","disabled":"steps__disabled_6t0hh","text":"steps__text_6t0hh","indicator":"steps__indicator_6t0hh","option":"steps__option_6t0hh","dash":"steps__dash_6t0hh","completed":"steps__completed_6t0hh","focused":"steps__focused_6t0hh","selected":"steps__selected_6t0hh","checkbox":"steps__checkbox_6t0hh","dot":"steps__dot_6t0hh","error":"steps__error_6t0hh","unordered":"steps__unordered_6t0hh","completedIndicator":"steps__completedIndicator_6t0hh"};
+var styles = {"step":"steps__step_1wzux","vertical":"steps__vertical_1wzux","interactive":"steps__interactive_1wzux","disabled":"steps__disabled_1wzux","text":"steps__text_1wzux","indicator":"steps__indicator_1wzux","option":"steps__option_1wzux","dash":"steps__dash_1wzux","completed":"steps__completed_1wzux","focused":"steps__focused_1wzux","selected":"steps__selected_1wzux","checkbox":"steps__checkbox_1wzux","dot":"steps__dot_1wzux","error":"steps__error_1wzux","unordered":"steps__unordered_1wzux","completedIndicator":"steps__completedIndicator_1wzux"};
 require('./index.css');
 
 var Step = function (_a) {
@@ -66,37 +64,37 @@ var Step = function (_a) {
     };
     var getStepIndicator = function () {
         if (customStepIndicator) {
-            return React__default['default'].createElement(components_stepIndicator_Component.StepIndicator, __assign({}, customStepIndicator));
+            return React__default.default.createElement(components_stepIndicator_Component.StepIndicator, __assign({}, customStepIndicator));
         }
         if (isError) {
-            return React__default['default'].createElement(components_stepIndicator_Component.StepIndicator, { iconColor: 'negative', content: React__default['default'].createElement(ExclamationCircleMIcon.ExclamationCircleMIcon, null) });
+            return React__default.default.createElement(components_stepIndicator_Component.StepIndicator, { iconColor: 'negative', content: React__default.default.createElement(ExclamationCircleMIcon.ExclamationCircleMIcon, null) });
         }
         if (isWarning) {
-            return React__default['default'].createElement(components_stepIndicator_Component.StepIndicator, { iconColor: 'attention', content: React__default['default'].createElement(ExclamationCircleMIcon.ExclamationCircleMIcon, null) });
+            return React__default.default.createElement(components_stepIndicator_Component.StepIndicator, { iconColor: 'attention', content: React__default.default.createElement(ExclamationCircleMIcon.ExclamationCircleMIcon, null) });
         }
         if (isWaiting) {
-            return React__default['default'].createElement(components_stepIndicator_Component.StepIndicator, { iconColor: 'secondary', content: React__default['default'].createElement(ClockMIcon.ClockMIcon, null) });
+            return React__default.default.createElement(components_stepIndicator_Component.StepIndicator, { iconColor: 'secondary', content: React__default.default.createElement(ClockMIcon.ClockMIcon, null) });
         }
         if (isPositive) {
-            return React__default['default'].createElement(components_stepIndicator_Component.StepIndicator, { iconColor: 'positive', content: React__default['default'].createElement(CheckmarkCircleMIcon.CheckmarkCircleMIcon, null) });
+            return React__default.default.createElement(components_stepIndicator_Component.StepIndicator, { iconColor: 'positive', content: React__default.default.createElement(CheckmarkCircleMIcon.CheckmarkCircleMIcon, null) });
         }
         if (isStepCompleted) {
-            return (React__default['default'].createElement(components_stepIndicator_Component.StepIndicator, { iconColor: 'positive', content: React__default['default'].createElement(CheckmarkCircleMIcon.CheckmarkCircleMIcon, null), className: styles.completedIndicator }));
+            return (React__default.default.createElement(components_stepIndicator_Component.StepIndicator, { iconColor: 'positive', content: React__default.default.createElement(CheckmarkCircleMIcon.CheckmarkCircleMIcon, null), className: styles.completedIndicator }));
         }
         if (!ordered) {
-            return (React__default['default'].createElement("div", { className: styles.checkbox },
-                React__default['default'].createElement("span", { className: styles.dot })));
+            return (React__default.default.createElement("div", { className: styles.checkbox },
+                React__default.default.createElement("span", { className: styles.dot })));
         }
         return stepNumber;
     };
     var renderDash = function () {
         var _a;
-        return (React__default['default'].createElement("div", { className: cn__default['default'](styles.dash, (_a = {},
+        return (React__default.default.createElement("div", { className: cn__default.default(styles.dash, (_a = {},
                 _a[styles.vertical] = isVerticalAlign,
                 _a[styles.completed] = isStepCompleted,
                 _a)) }));
     };
-    return (React__default['default'].createElement("div", { role: 'button', tabIndex: 0, ref: stepRef, className: cn__default['default'](styles.step, (_b = {},
+    return (React__default.default.createElement("div", { role: 'button', tabIndex: 0, ref: stepRef, className: cn__default.default(styles.step, (_b = {},
             _b[styles.completed] = isStepCompleted,
             _b[styles.error] = isError,
             _b[styles.selected] = isSelected,
@@ -105,17 +103,17 @@ var Step = function (_a) {
             _b[styles.vertical] = isVerticalAlign,
             _b[styles.interactive] = interactive,
             _b)), onClick: handleButtonClick, onKeyDown: handleKeyDown },
-        React__default['default'].createElement("div", { className: cn__default['default'](styles.indicator, (_c = {},
+        React__default.default.createElement("div", { className: cn__default.default(styles.indicator, (_c = {},
                 _c[styles.vertical] = isVerticalAlign,
                 _c[styles.interactive] = interactive,
                 _c)) },
-            React__default['default'].createElement("div", { className: cn__default['default'](styles.option, (_d = {},
+            React__default.default.createElement("div", { className: cn__default.default(styles.option, (_d = {},
                     _d[styles.unordered] = !ordered,
                     _d[styles.vertical] = isVerticalAlign,
                     _d[styles.error] = isError,
                     _d)) }, getStepIndicator()),
             isNotLastStep && isVerticalAlign && renderDash()),
-        React__default['default'].createElement("div", { className: cn__default['default'](styles.text, (_e = {},
+        React__default.default.createElement("div", { className: cn__default.default(styles.text, (_e = {},
                 _e[styles.interactive] = interactive,
                 _e)), onClick: handleTextClick }, children),
         isNotLastStep && !isVerticalAlign && renderDash()));

package/steps/components/step/index.css

@@ -33,33 +33,33 @@
     --steps-option-svg-color: var(--color-light-graphic-positive);
     --steps-dash-border: 2px solid var(--color-light-graphic-positive);
 }
-.steps__step_6t0hh {
+.steps__step_1wzux {
     display: flex;
     outline: none
 }
-.steps__step_6t0hh:not(.steps__vertical_6t0hh) {
+.steps__step_1wzux:not(.steps__vertical_1wzux) {
         align-items: center;
     }
-.steps__step_6t0hh.steps__interactive_6t0hh:not(.steps__disabled_6t0hh):hover {
+.steps__step_1wzux.steps__interactive_1wzux:not(.steps__disabled_1wzux):hover {
     cursor: pointer;
 }
-.steps__step_6t0hh.steps__disabled_6t0hh:hover .steps__text_6t0hh {
+.steps__step_1wzux.steps__disabled_1wzux:hover .steps__text_1wzux {
         background: unset;
     }
-.steps__step_6t0hh.steps__disabled_6t0hh .steps__indicator_6t0hh {
+.steps__step_1wzux.steps__disabled_1wzux .steps__indicator_1wzux {
         cursor: unset;
     }
-.steps__indicator_6t0hh {
+.steps__indicator_1wzux {
     cursor: pointer;
     display: flex;
     align-items: center;
     margin-right: var(--gap-2xs)
 }
-.steps__indicator_6t0hh.steps__vertical_6t0hh {
+.steps__indicator_1wzux.steps__vertical_1wzux {
         flex-direction: column;
         margin-right: var(--gap-xs);
     }
-.steps__option_6t0hh {
+.steps__option_1wzux {
     font-size: 14px;
     line-height: 20px;
     font-weight: 700;
@@ -73,19 +73,19 @@
     height: 24px;
     border-radius: var(--border-radius-circle)
 }
-.steps__option_6t0hh.steps__vertical_6t0hh {
+.steps__option_1wzux.steps__vertical_1wzux {
         margin-top: var(--gap-xs);
     }
-.steps__dash_6t0hh {
+.steps__dash_1wzux {
     flex: 1 1 auto;
     min-width: 24px;
     border-top: 2px solid var(--color-light-border-primary);
     margin-right: var(--gap-xs)
 }
-.steps__dash_6t0hh.steps__completed_6t0hh {
+.steps__dash_1wzux.steps__completed_1wzux {
         border-top: var(--steps-dash-border);
     }
-.steps__dash_6t0hh.steps__vertical_6t0hh {
+.steps__dash_1wzux.steps__vertical_1wzux {
         min-width: unset;
         min-height: 24px;
         margin-right: 0;
@@ -93,10 +93,10 @@
         border-left: 2px solid var(--color-light-border-primary);
         border-top: none;
     }
-.steps__dash_6t0hh.steps__completed_6t0hh.steps__vertical_6t0hh {
+.steps__dash_1wzux.steps__completed_1wzux.steps__vertical_1wzux {
         border-left: var(--steps-dash-border);
     }
-.steps__text_6t0hh {
+.steps__text_1wzux {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -107,24 +107,24 @@
     border-radius: var(--gap-xs);
     height: min-content
 }
-.steps__text_6t0hh.steps__interactive_6t0hh:not(.steps__disabled_6t0hh):hover {
+.steps__text_1wzux.steps__interactive_1wzux:not(.steps__disabled_1wzux):hover {
             background: var(--color-light-bg-primary-inverted-alpha-7);
         }
-.steps__text_6t0hh.steps__interactive_6t0hh:not(.steps__disabled_6t0hh):active {
+.steps__text_1wzux.steps__interactive_1wzux:not(.steps__disabled_1wzux):active {
             background: var(--color-light-bg-primary-inverted-alpha-15);
         }
-.steps__focused_6t0hh {
+.steps__focused_1wzux {
     outline: var(--gap-3xs) solid var(--focus-color);
     outline-offset: var(--gap-3xs);
 }
-.steps__selected_6t0hh .steps__text_6t0hh {
+.steps__selected_1wzux .steps__text_1wzux {
         color: var(--color-light-graphic-primary);
     }
-.steps__selected_6t0hh .steps__option_6t0hh {
+.steps__selected_1wzux .steps__option_1wzux {
         color: var(--color-light-graphic-primary-inverted);
         background: var(--color-light-graphic-primary);
     }
-.steps__checkbox_6t0hh {
+.steps__checkbox_1wzux {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -133,22 +133,22 @@
     height: 20px;
     border: 2px solid var(--color-light-graphic-quaternary);
 }
-.steps__dot_6t0hh {
+.steps__dot_1wzux {
     width: 10px;
     height: 10px;
     border-radius: var(--border-radius-circle);
     background: var(--color-light-graphic-quaternary);
 }
-.steps__selected_6t0hh .steps__checkbox_6t0hh {
+.steps__selected_1wzux .steps__checkbox_1wzux {
     border: 2px solid var(--color-light-graphic-primary)
 }
-.steps__selected_6t0hh .steps__checkbox_6t0hh .steps__dot_6t0hh {
+.steps__selected_1wzux .steps__checkbox_1wzux .steps__dot_1wzux {
         background: var(--color-light-graphic-primary);
     }
-.steps__option_6t0hh:not(.steps__error_6t0hh).steps__unordered_6t0hh {
+.steps__option_1wzux:not(.steps__error_1wzux).steps__unordered_1wzux {
     background: unset;
 }
-.steps__completedIndicator_6t0hh > [class*='positive'] {
+.steps__completedIndicator_1wzux > [class*='positive'] {
     color: var(--steps-option-svg-color);
     background-color: var(--steps-option-svg-color);
 }

package/steps/components/step/index.js

@@ -1,14 +1,12 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
+var components_step_Component = require('./Component.js');
 require('react');
 require('classnames');
-var components_step_Component = require('./Component.js');
 require('@alfalab/hooks');
 require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/ClockMIcon');
 require('@alfalab/icons-glyph/ExclamationCircleMIcon');
-require('../../../badge');
 require('../step-indicator/Component.js');
+require('../../../badge');
 
 
 

package/steps/components/step-indicator/Component.js

@@ -1,20 +1,18 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBadge = require('../../../badge');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"steps__component_65gmm"};
+var styles = {"component":"steps__component_89css"};
 require('./index.css');
 
 var StepIndicator = function (_a) {
     var content = _a.content, iconColor = _a.iconColor, className = _a.className;
-    return (React__default['default'].createElement(coreComponentsBadge.Badge, { size: 'l', view: 'icon', iconColor: iconColor, className: cn__default['default'](styles.component, className), content: content }));
+    return (React__default.default.createElement(coreComponentsBadge.Badge, { size: 'l', view: 'icon', iconColor: iconColor, className: cn__default.default(styles.component, className), content: content }));
 };
 
 exports.StepIndicator = StepIndicator;

package/steps/components/step-indicator/index.css

@@ -1,4 +1,4 @@
 /* hash: lveu7 */
-.steps__component_65gmm {
+.steps__component_89css {
     padding: 0;
 }

package/steps/components/step-indicator/index.js

@@ -1,9 +1,7 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
+var components_stepIndicator_Component = require('./Component.js');
 require('react');
 require('classnames');
 require('../../../badge');
-var components_stepIndicator_Component = require('./Component.js');
 
 
 

package/steps/cssm/Component.js

@@ -1,29 +1,27 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var cn = require('classnames');
 var components_step_Component = require('./components/step/Component.js');
+var styles = require('./index.module.css');
 require('@alfalab/hooks');
 require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/ClockMIcon');
 require('@alfalab/icons-glyph/ExclamationCircleMIcon');
+require('./components/step-indicator/Component.js');
 require('../../badge/cssm');
 require('./components/step-indicator/index.module.css');
-require('./components/step-indicator/Component.js');
 require('./components/step/index.module.css');
-var styles = require('./index.module.css');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var Steps = function (_a) {
     var _b;
     var className = _a.className, children = _a.children, _c = _a.defaultActiveStep, defaultActiveStep = _c === void 0 ? 1 : _c, activeStepProp = _a.activeStep, _d = _a.isMarkCompletedSteps, isMarkCompletedSteps = _d === void 0 ? true : _d, _e = _a.isVerticalAlign, isVerticalAlign = _e === void 0 ? false : _e, _f = _a.ordered, ordered = _f === void 0 ? true : _f, _g = _a.interactive, interactive = _g === void 0 ? true : _g, checkIsStepDisabled = _a.checkIsStepDisabled, checkIsStepError = _a.checkIsStepError, checkIsStepWarning = _a.checkIsStepWarning, checkIsStepWaiting = _a.checkIsStepWaiting, checkIsStepPositive = _a.checkIsStepPositive, checkIsStepCustom = _a.checkIsStepCustom, onChange = _a.onChange, dataTestId = _a.dataTestId;
     var _h = React.useState(activeStepProp || defaultActiveStep), activeStep = _h[0], setActiveStep = _h[1];
-    var stepsLength = React__default['default'].Children.count(children);
+    var stepsLength = React__default.default.Children.count(children);
     React.useEffect(function () {
         if (activeStepProp) {
             setActiveStep(activeStepProp);
@@ -37,9 +35,9 @@ var Steps = function (_a) {
     };
     if (!stepsLength)
         return null;
-    return (React__default['default'].createElement("div", { className: cn__default['default'](className, styles__default['default'].component, (_b = {},
-            _b[styles__default['default'].vertical] = isVerticalAlign,
-            _b)), "data-test-id": dataTestId }, React__default['default'].Children.map(children, function (step, index) {
+    return (React__default.default.createElement("div", { className: cn__default.default(className, styles__default.default.component, (_b = {},
+            _b[styles__default.default.vertical] = isVerticalAlign,
+            _b)), "data-test-id": dataTestId }, React__default.default.Children.map(children, function (step, index) {
         var stepNumber = index + 1;
         var isSelected = stepNumber === activeStep;
         var isStepCompleted = isMarkCompletedSteps && stepNumber < activeStep;
@@ -51,7 +49,7 @@ var Steps = function (_a) {
         var customStepIndicator = checkIsStepCustom && checkIsStepCustom(stepNumber);
         var isNotLastStep = stepsLength !== stepNumber;
         var isInteractive = !disabled && interactive;
-        return (React__default['default'].createElement(components_step_Component.Step, { stepNumber: stepNumber, isSelected: isSelected, isStepCompleted: isStepCompleted, disabled: disabled, isPositive: isPositive, isError: isError, isWarning: isWarning, isWaiting: isWaiting, customStepIndicator: customStepIndicator, onClick: handleStepClick, ordered: ordered, interactive: isInteractive, isVerticalAlign: isVerticalAlign, isNotLastStep: isNotLastStep, key: stepNumber }, step));
+        return (React__default.default.createElement(components_step_Component.Step, { stepNumber: stepNumber, isSelected: isSelected, isStepCompleted: isStepCompleted, disabled: disabled, isPositive: isPositive, isError: isError, isWarning: isWarning, isWaiting: isWaiting, customStepIndicator: customStepIndicator, onClick: handleStepClick, ordered: ordered, interactive: isInteractive, isVerticalAlign: isVerticalAlign, isNotLastStep: isNotLastStep, key: stepNumber }, step));
     })));
 };
 

package/steps/cssm/components/step/Component.js

@@ -1,21 +1,19 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var cn = require('classnames');
 var hooks = require('@alfalab/hooks');
 var CheckmarkCircleMIcon = require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 var ClockMIcon = require('@alfalab/icons-glyph/ClockMIcon');
 var ExclamationCircleMIcon = require('@alfalab/icons-glyph/ExclamationCircleMIcon');
-require('../../../../badge/cssm');
-require('../step-indicator/index.module.css');
 var components_stepIndicator_Component = require('../step-indicator/Component.js');
 var styles = require('./index.module.css');
+require('../../../../badge/cssm');
+require('../step-indicator/index.module.css');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -66,57 +64,57 @@ var Step = function (_a) {
     };
     var getStepIndicator = function () {
         if (customStepIndicator) {
-            return React__default['default'].createElement(components_stepIndicator_Component.StepIndicator, __assign({}, customStepIndicator));
+            return React__default.default.createElement(components_stepIndicator_Component.StepIndicator, __assign({}, customStepIndicator));
         }
         if (isError) {
-            return React__default['default'].createElement(components_stepIndicator_Component.StepIndicator, { iconColor: 'negative', content: React__default['default'].createElement(ExclamationCircleMIcon.ExclamationCircleMIcon, null) });
+            return React__default.default.createElement(components_stepIndicator_Component.StepIndicator, { iconColor: 'negative', content: React__default.default.createElement(ExclamationCircleMIcon.ExclamationCircleMIcon, null) });
         }
         if (isWarning) {
-            return React__default['default'].createElement(components_stepIndicator_Component.StepIndicator, { iconColor: 'attention', content: React__default['default'].createElement(ExclamationCircleMIcon.ExclamationCircleMIcon, null) });
+            return React__default.default.createElement(components_stepIndicator_Component.StepIndicator, { iconColor: 'attention', content: React__default.default.createElement(ExclamationCircleMIcon.ExclamationCircleMIcon, null) });
         }
         if (isWaiting) {
-            return React__default['default'].createElement(components_stepIndicator_Component.StepIndicator, { iconColor: 'secondary', content: React__default['default'].createElement(ClockMIcon.ClockMIcon, null) });
+            return React__default.default.createElement(components_stepIndicator_Component.StepIndicator, { iconColor: 'secondary', content: React__default.default.createElement(ClockMIcon.ClockMIcon, null) });
         }
         if (isPositive) {
-            return React__default['default'].createElement(components_stepIndicator_Component.StepIndicator, { iconColor: 'positive', content: React__default['default'].createElement(CheckmarkCircleMIcon.CheckmarkCircleMIcon, null) });
+            return React__default.default.createElement(components_stepIndicator_Component.StepIndicator, { iconColor: 'positive', content: React__default.default.createElement(CheckmarkCircleMIcon.CheckmarkCircleMIcon, null) });
         }
         if (isStepCompleted) {
-            return (React__default['default'].createElement(components_stepIndicator_Component.StepIndicator, { iconColor: 'positive', content: React__default['default'].createElement(CheckmarkCircleMIcon.CheckmarkCircleMIcon, null), className: styles__default['default'].completedIndicator }));
+            return (React__default.default.createElement(components_stepIndicator_Component.StepIndicator, { iconColor: 'positive', content: React__default.default.createElement(CheckmarkCircleMIcon.CheckmarkCircleMIcon, null), className: styles__default.default.completedIndicator }));
         }
         if (!ordered) {
-            return (React__default['default'].createElement("div", { className: styles__default['default'].checkbox },
-                React__default['default'].createElement("span", { className: styles__default['default'].dot })));
+            return (React__default.default.createElement("div", { className: styles__default.default.checkbox },
+                React__default.default.createElement("span", { className: styles__default.default.dot })));
         }
         return stepNumber;
     };
     var renderDash = function () {
         var _a;
-        return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].dash, (_a = {},
-                _a[styles__default['default'].vertical] = isVerticalAlign,
-                _a[styles__default['default'].completed] = isStepCompleted,
+        return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.dash, (_a = {},
+                _a[styles__default.default.vertical] = isVerticalAlign,
+                _a[styles__default.default.completed] = isStepCompleted,
                 _a)) }));
     };
-    return (React__default['default'].createElement("div", { role: 'button', tabIndex: 0, ref: stepRef, className: cn__default['default'](styles__default['default'].step, (_b = {},
-            _b[styles__default['default'].completed] = isStepCompleted,
-            _b[styles__default['default'].error] = isError,
-            _b[styles__default['default'].selected] = isSelected,
-            _b[styles__default['default'].disabled] = disabled,
-            _b[styles__default['default'].focused] = focused,
-            _b[styles__default['default'].vertical] = isVerticalAlign,
-            _b[styles__default['default'].interactive] = interactive,
+    return (React__default.default.createElement("div", { role: 'button', tabIndex: 0, ref: stepRef, className: cn__default.default(styles__default.default.step, (_b = {},
+            _b[styles__default.default.completed] = isStepCompleted,
+            _b[styles__default.default.error] = isError,
+            _b[styles__default.default.selected] = isSelected,
+            _b[styles__default.default.disabled] = disabled,
+            _b[styles__default.default.focused] = focused,
+            _b[styles__default.default.vertical] = isVerticalAlign,
+            _b[styles__default.default.interactive] = interactive,
             _b)), onClick: handleButtonClick, onKeyDown: handleKeyDown },
-        React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].indicator, (_c = {},
-                _c[styles__default['default'].vertical] = isVerticalAlign,
-                _c[styles__default['default'].interactive] = interactive,
+        React__default.default.createElement("div", { className: cn__default.default(styles__default.default.indicator, (_c = {},
+                _c[styles__default.default.vertical] = isVerticalAlign,
+                _c[styles__default.default.interactive] = interactive,
                 _c)) },
-            React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].option, (_d = {},
-                    _d[styles__default['default'].unordered] = !ordered,
-                    _d[styles__default['default'].vertical] = isVerticalAlign,
-                    _d[styles__default['default'].error] = isError,
+            React__default.default.createElement("div", { className: cn__default.default(styles__default.default.option, (_d = {},
+                    _d[styles__default.default.unordered] = !ordered,
+                    _d[styles__default.default.vertical] = isVerticalAlign,
+                    _d[styles__default.default.error] = isError,
                     _d)) }, getStepIndicator()),
             isNotLastStep && isVerticalAlign && renderDash()),
-        React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].text, (_e = {},
-                _e[styles__default['default'].interactive] = interactive,
+        React__default.default.createElement("div", { className: cn__default.default(styles__default.default.text, (_e = {},
+                _e[styles__default.default.interactive] = interactive,
                 _e)), onClick: handleTextClick }, children),
         isNotLastStep && !isVerticalAlign && renderDash()));
 };

package/steps/cssm/components/step/index.js

@@ -1,15 +1,13 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
+var components_step_Component = require('./Component.js');
 require('react');
 require('classnames');
-var components_step_Component = require('./Component.js');
 require('@alfalab/hooks');
 require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/ClockMIcon');
 require('@alfalab/icons-glyph/ExclamationCircleMIcon');
+require('../step-indicator/Component.js');
 require('../../../../badge/cssm');
 require('../step-indicator/index.module.css');
-require('../step-indicator/Component.js');
 require('./index.module.css');
 
 

package/steps/cssm/components/step-indicator/Component.js

@@ -1,19 +1,17 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBadge = require('../../../../badge/cssm');
 var styles = require('./index.module.css');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var StepIndicator = function (_a) {
     var content = _a.content, iconColor = _a.iconColor, className = _a.className;
-    return (React__default['default'].createElement(coreComponentsBadge.Badge, { size: 'l', view: 'icon', iconColor: iconColor, className: cn__default['default'](styles__default['default'].component, className), content: content }));
+    return (React__default.default.createElement(coreComponentsBadge.Badge, { size: 'l', view: 'icon', iconColor: iconColor, className: cn__default.default(styles__default.default.component, className), content: content }));
 };
 
 exports.StepIndicator = StepIndicator;

package/steps/cssm/components/step-indicator/index.js

@@ -1,10 +1,8 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
+var components_stepIndicator_Component = require('./Component.js');
 require('react');
 require('classnames');
 require('../../../../badge/cssm');
 require('./index.module.css');
-var components_stepIndicator_Component = require('./Component.js');
 
 
 

package/steps/cssm/index.js

@@ -1,5 +1,4 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
+var Component = require('./Component.js');
 require('react');
 require('classnames');
 require('./components/step/Component.js');
@@ -7,12 +6,11 @@ require('@alfalab/hooks');
 require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/ClockMIcon');
 require('@alfalab/icons-glyph/ExclamationCircleMIcon');
+require('./components/step-indicator/Component.js');
 require('../../badge/cssm');
 require('./components/step-indicator/index.module.css');
-require('./components/step-indicator/Component.js');
 require('./components/step/index.module.css');
 require('./index.module.css');
-var Component = require('./Component.js');
 
 
 

package/steps/esm/Component.js

@@ -1,14 +1,14 @@
 import React, { useState, useEffect } from 'react';
 import cn from 'classnames';
+import { Step } from './components/step/Component.js';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/ClockMIcon';
 import '@alfalab/icons-glyph/ExclamationCircleMIcon';
-import '../../badge/esm';
 import './components/step-indicator/Component.js';
-import { Step } from './components/step/Component.js';
+import '../../badge/esm';
 
-var styles = {"component":"steps__component_l6vr8","vertical":"steps__vertical_l6vr8"};
+var styles = {"component":"steps__component_1qx39","vertical":"steps__vertical_1qx39"};
 require('./index.css');
 
 var Steps = function (_a) {

package/steps/esm/components/step/Component.js

@@ -4,8 +4,8 @@ import { useFocus } from '@alfalab/hooks';
 import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import { ClockMIcon } from '@alfalab/icons-glyph/ClockMIcon';
 import { ExclamationCircleMIcon } from '@alfalab/icons-glyph/ExclamationCircleMIcon';
-import '../../../../badge/esm';
 import { StepIndicator } from '../step-indicator/Component.js';
+import '../../../../badge/esm';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -34,7 +34,7 @@ var __assign = function () {
     return __assign.apply(this, arguments);
 };
 
-var styles = {"step":"steps__step_6t0hh","vertical":"steps__vertical_6t0hh","interactive":"steps__interactive_6t0hh","disabled":"steps__disabled_6t0hh","text":"steps__text_6t0hh","indicator":"steps__indicator_6t0hh","option":"steps__option_6t0hh","dash":"steps__dash_6t0hh","completed":"steps__completed_6t0hh","focused":"steps__focused_6t0hh","selected":"steps__selected_6t0hh","checkbox":"steps__checkbox_6t0hh","dot":"steps__dot_6t0hh","error":"steps__error_6t0hh","unordered":"steps__unordered_6t0hh","completedIndicator":"steps__completedIndicator_6t0hh"};
+var styles = {"step":"steps__step_1wzux","vertical":"steps__vertical_1wzux","interactive":"steps__interactive_1wzux","disabled":"steps__disabled_1wzux","text":"steps__text_1wzux","indicator":"steps__indicator_1wzux","option":"steps__option_1wzux","dash":"steps__dash_1wzux","completed":"steps__completed_1wzux","focused":"steps__focused_1wzux","selected":"steps__selected_1wzux","checkbox":"steps__checkbox_1wzux","dot":"steps__dot_1wzux","error":"steps__error_1wzux","unordered":"steps__unordered_1wzux","completedIndicator":"steps__completedIndicator_1wzux"};
 require('./index.css');
 
 var Step = function (_a) {