@alfalab/core-components-steps 1.1.5 → 1.1.7

package/Component.js

@@ -1,8 +1,11 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var React = require('react');
 var cn = require('classnames');
 var components_step_Component = require('./components/step/Component.js');
+require('tslib');
 require('@alfalab/hooks');
 require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/ClockMIcon');
@@ -15,7 +18,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"steps__component_1cb0a","vertical":"steps__vertical_1cb0a"};
+var styles = {"component":"steps__component_1nzqd","vertical":"steps__vertical_1nzqd"};
 require('./index.css')
 
 var Steps = function (_a) {

package/components/step/Component.js

@@ -1,5 +1,8 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var hooks = require('@alfalab/hooks');
@@ -14,34 +17,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-var __assign = function () {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s)
-                if (Object.prototype.hasOwnProperty.call(s, p))
-                    t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
-var styles = {"step":"steps__step_1mmvm","vertical":"steps__vertical_1mmvm","interactive":"steps__interactive_1mmvm","disabled":"steps__disabled_1mmvm","text":"steps__text_1mmvm","indicator":"steps__indicator_1mmvm","option":"steps__option_1mmvm","dash":"steps__dash_1mmvm","completed":"steps__completed_1mmvm","focused":"steps__focused_1mmvm","selected":"steps__selected_1mmvm","checkbox":"steps__checkbox_1mmvm","dot":"steps__dot_1mmvm","error":"steps__error_1mmvm","unordered":"steps__unordered_1mmvm","completedIndicator":"steps__completedIndicator_1mmvm"};
+var styles = {"step":"steps__step_1s0c8","vertical":"steps__vertical_1s0c8","interactive":"steps__interactive_1s0c8","disabled":"steps__disabled_1s0c8","text":"steps__text_1s0c8","indicator":"steps__indicator_1s0c8","option":"steps__option_1s0c8","dash":"steps__dash_1s0c8","completed":"steps__completed_1s0c8","focused":"steps__focused_1s0c8","selected":"steps__selected_1s0c8","checkbox":"steps__checkbox_1s0c8","dot":"steps__dot_1s0c8","error":"steps__error_1s0c8","unordered":"steps__unordered_1s0c8","completedIndicator":"steps__completedIndicator_1s0c8"};
 require('./index.css')
 
 var Step = function (_a) {
@@ -66,7 +42,7 @@ 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, tslib.__assign({}, customStepIndicator));
         }
         if (isError) {
             return React__default.default.createElement(components_stepIndicator_Component.StepIndicator, { iconColor: 'negative', content: React__default.default.createElement(ExclamationCircleMIcon.ExclamationCircleMIcon, null) });

package/components/step/index.css

@@ -1,65 +1,56 @@
-/* hash: leby6 */
+/* hash: 9lg60 */
 :root {
-    --color-light-border-link: #007aff;
-    --color-light-border-primary: #dbdee1;
+} /* deprecated */ :root {
+    --color-light-border-link: #0072ef;
+    --color-light-border-primary: #dcdcdd;
     --color-light-graphic-positive: #2fc26e;
-    --color-light-graphic-primary: #0b1f35;
+    --color-light-graphic-primary: #0e0e0e;
     --color-light-graphic-primary-inverted: #fff;
-    --color-light-graphic-quaternary: #dbdee1;
-    --color-light-text-primary: #0b1f35;
-    --color-light-bg-primary-inverted-alpha-7: rgba(11, 31, 53, 0.07);
-    --color-light-bg-primary-inverted-alpha-15: rgba(11, 31, 53, 0.15);
-}
-:root {
+    --color-light-graphic-quaternary: #dcdcdd;
+    --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --color-light-bg-primary-inverted-alpha-7: rgba(18, 18, 18, 0.07);
+    --color-light-bg-primary-inverted-alpha-15: rgba(18, 18, 18, 0.15);
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+    --border-radius-circle: 50%;
+} :root {
     --gap-3xs: 2px;
     --gap-2xs: 4px;
     --gap-xs: 8px;
-}
-:root {
-    --border-radius-circle: 50%;
-}
-:root {
+} :root {
+} :root {
     --focus-color: var(--color-light-border-link);
-}
-:root {
+} :root {
     --steps-option-svg-color: var(--color-light-graphic-positive);
     --steps-dash-border: 2px solid var(--color-light-graphic-positive);
-}
-.steps__step_1mmvm {
+} .steps__step_1s0c8 {
     display: flex;
     outline: none
-}
-.steps__step_1mmvm:not(.steps__vertical_1mmvm) {
+} .steps__step_1s0c8:not(.steps__vertical_1s0c8) {
         align-items: center;
-    }
-.steps__step_1mmvm.steps__interactive_1mmvm:not(.steps__disabled_1mmvm):hover {
+    } .steps__step_1s0c8.steps__interactive_1s0c8:not(.steps__disabled_1s0c8):hover {
     cursor: pointer;
-}
-.steps__step_1mmvm.steps__disabled_1mmvm:hover .steps__text_1mmvm {
+} .steps__step_1s0c8.steps__disabled_1s0c8:hover .steps__text_1s0c8 {
         background: unset;
-    }
-.steps__step_1mmvm.steps__disabled_1mmvm .steps__indicator_1mmvm {
+    } .steps__step_1s0c8.steps__disabled_1s0c8 .steps__indicator_1s0c8 {
         cursor: unset;
-    }
-.steps__indicator_1mmvm {
+    } .steps__indicator_1s0c8 {
     cursor: pointer;
     display: flex;
     align-items: center;
     margin-right: var(--gap-2xs)
-}
-.steps__indicator_1mmvm.steps__vertical_1mmvm {
+} .steps__indicator_1s0c8.steps__vertical_1s0c8 {
         flex-direction: column;
         margin-right: var(--gap-xs);
-    }
-.steps__option_1mmvm {
+    } .steps__option_1s0c8 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 700;
@@ -72,31 +63,25 @@
     min-width: 24px;
     height: 24px;
     border-radius: var(--border-radius-circle)
-}
-.steps__option_1mmvm.steps__vertical_1mmvm {
+} .steps__option_1s0c8.steps__vertical_1s0c8 {
         margin-top: var(--gap-xs);
-    }
-.steps__dash_1mmvm {
+    } .steps__dash_1s0c8 {
     flex: 1 1 auto;
     min-width: 24px;
     border-top: 2px solid var(--color-light-border-primary);
     margin-right: var(--gap-xs)
-}
-.steps__dash_1mmvm.steps__completed_1mmvm {
+} .steps__dash_1s0c8.steps__completed_1s0c8 {
         border-top: var(--steps-dash-border);
-    }
-.steps__dash_1mmvm.steps__vertical_1mmvm {
+    } .steps__dash_1s0c8.steps__vertical_1s0c8 {
         min-width: unset;
         min-height: 24px;
         margin-right: 0;
         margin-top: var(--gap-xs);
         border-left: 2px solid var(--color-light-border-primary);
         border-top: none;
-    }
-.steps__dash_1mmvm.steps__completed_1mmvm.steps__vertical_1mmvm {
+    } .steps__dash_1s0c8.steps__completed_1s0c8.steps__vertical_1s0c8 {
         border-left: var(--steps-dash-border);
-    }
-.steps__text_1mmvm {
+    } .steps__text_1s0c8 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -106,25 +91,19 @@
     color: var(--color-light-text-primary);
     border-radius: var(--gap-xs);
     height: min-content
-}
-.steps__text_1mmvm.steps__interactive_1mmvm:not(.steps__disabled_1mmvm):hover {
+} .steps__text_1s0c8.steps__interactive_1s0c8:not(.steps__disabled_1s0c8):hover {
             background: var(--color-light-bg-primary-inverted-alpha-7);
-        }
-.steps__text_1mmvm.steps__interactive_1mmvm:not(.steps__disabled_1mmvm):active {
+        } .steps__text_1s0c8.steps__interactive_1s0c8:not(.steps__disabled_1s0c8):active {
             background: var(--color-light-bg-primary-inverted-alpha-15);
-        }
-.steps__focused_1mmvm {
+        } .steps__focused_1s0c8 {
     outline: var(--gap-3xs) solid var(--focus-color);
     outline-offset: var(--gap-3xs);
-}
-.steps__selected_1mmvm .steps__text_1mmvm {
+} .steps__selected_1s0c8 .steps__text_1s0c8 {
         color: var(--color-light-graphic-primary);
-    }
-.steps__selected_1mmvm .steps__option_1mmvm {
+    } .steps__selected_1s0c8 .steps__option_1s0c8 {
         color: var(--color-light-graphic-primary-inverted);
         background: var(--color-light-graphic-primary);
-    }
-.steps__checkbox_1mmvm {
+    } .steps__checkbox_1s0c8 {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -132,23 +111,18 @@
     width: 20px;
     height: 20px;
     border: 2px solid var(--color-light-graphic-quaternary);
-}
-.steps__dot_1mmvm {
+} .steps__dot_1s0c8 {
     width: 10px;
     height: 10px;
     border-radius: var(--border-radius-circle);
     background: var(--color-light-graphic-quaternary);
-}
-.steps__selected_1mmvm .steps__checkbox_1mmvm {
+} .steps__selected_1s0c8 .steps__checkbox_1s0c8 {
     border: 2px solid var(--color-light-graphic-primary)
-}
-.steps__selected_1mmvm .steps__checkbox_1mmvm .steps__dot_1mmvm {
+} .steps__selected_1s0c8 .steps__checkbox_1s0c8 .steps__dot_1s0c8 {
         background: var(--color-light-graphic-primary);
-    }
-.steps__option_1mmvm:not(.steps__error_1mmvm).steps__unordered_1mmvm {
+    } .steps__option_1s0c8:not(.steps__error_1s0c8).steps__unordered_1s0c8 {
     background: unset;
-}
-.steps__completedIndicator_1mmvm > [class*='positive'] {
+} .steps__completedIndicator_1s0c8 > [class*='positive'] {
     color: var(--steps-option-svg-color);
     background-color: var(--steps-option-svg-color);
 }

package/components/step/index.js

@@ -1,6 +1,9 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var components_step_Component = require('./Component.js');
+require('tslib');
 require('react');
 require('classnames');
 require('@alfalab/hooks');

package/components/step-indicator/Component.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBadge = require('@alfalab/core-components-badge');
@@ -9,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"steps__component_1lzbr"};
+var styles = {"component":"steps__component_f3cx7"};
 require('./index.css')
 
 var StepIndicator = function (_a) {

package/components/step-indicator/index.css

@@ -1,4 +1,4 @@
-/* hash: xpqo1 */
-.steps__component_1lzbr {
+/* hash: lwuvw */
+.steps__component_f3cx7 {
     padding: 0;
 }

package/components/step-indicator/index.js

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

package/cssm/Component.js

@@ -1,9 +1,12 @@
 'use strict';
 
+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('tslib');
 require('@alfalab/hooks');
 require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/ClockMIcon');

package/cssm/components/step/Component.js

@@ -1,5 +1,8 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var hooks = require('@alfalab/hooks');
@@ -17,33 +20,6 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-var __assign = function () {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s)
-                if (Object.prototype.hasOwnProperty.call(s, p))
-                    t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
 var Step = function (_a) {
     var _b, _c, _d, _e;
     var children = _a.children, stepNumber = _a.stepNumber, isSelected = _a.isSelected, disabled = _a.disabled, ordered = _a.ordered, isPositive = _a.isPositive, isError = _a.isError, isWarning = _a.isWarning, isWaiting = _a.isWaiting, customStepIndicator = _a.customStepIndicator, isStepCompleted = _a.isStepCompleted, onClick = _a.onClick, interactive = _a.interactive, isVerticalAlign = _a.isVerticalAlign, isNotLastStep = _a.isNotLastStep;
@@ -66,7 +42,7 @@ 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, tslib.__assign({}, customStepIndicator));
         }
         if (isError) {
             return React__default.default.createElement(components_stepIndicator_Component.StepIndicator, { iconColor: 'negative', content: React__default.default.createElement(ExclamationCircleMIcon.ExclamationCircleMIcon, null) });

package/cssm/components/step/index.js

@@ -1,6 +1,9 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var components_step_Component = require('./Component.js');
+require('tslib');
 require('react');
 require('classnames');
 require('@alfalab/hooks');

package/cssm/components/step/index.module.css

@@ -1,64 +1,55 @@
 :root {
-    --color-light-border-link: #007aff;
-    --color-light-border-primary: #dbdee1;
+} /* deprecated */ :root {
+    --color-light-border-link: #0072ef;
+    --color-light-border-primary: #dcdcdd;
     --color-light-graphic-positive: #2fc26e;
-    --color-light-graphic-primary: #0b1f35;
+    --color-light-graphic-primary: #0e0e0e;
     --color-light-graphic-primary-inverted: #fff;
-    --color-light-graphic-quaternary: #dbdee1;
-    --color-light-text-primary: #0b1f35;
-    --color-light-bg-primary-inverted-alpha-7: rgba(11, 31, 53, 0.07);
-    --color-light-bg-primary-inverted-alpha-15: rgba(11, 31, 53, 0.15);
-}
-:root {
+    --color-light-graphic-quaternary: #dcdcdd;
+    --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --color-light-bg-primary-inverted-alpha-7: rgba(18, 18, 18, 0.07);
+    --color-light-bg-primary-inverted-alpha-15: rgba(18, 18, 18, 0.15);
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+    --border-radius-circle: 50%;
+} :root {
     --gap-3xs: 2px;
     --gap-2xs: 4px;
     --gap-xs: 8px;
-}
-:root {
-    --border-radius-circle: 50%;
-}
-:root {
+} :root {
+} :root {
     --focus-color: var(--color-light-border-link);
-}
-:root {
+} :root {
     --steps-option-svg-color: var(--color-light-graphic-positive);
     --steps-dash-border: 2px solid var(--color-light-graphic-positive);
-}
-.step {
+} .step {
     display: flex;
     outline: none
-}
-.step:not(.vertical) {
+} .step:not(.vertical) {
         align-items: center;
-    }
-.step.interactive:not(.disabled):hover {
+    } .step.interactive:not(.disabled):hover {
     cursor: pointer;
-}
-.step.disabled:hover .text {
+} .step.disabled:hover .text {
         background: unset;
-    }
-.step.disabled .indicator {
+    } .step.disabled .indicator {
         cursor: unset;
-    }
-.indicator {
+    } .indicator {
     cursor: pointer;
     display: flex;
     align-items: center;
     margin-right: var(--gap-2xs)
-}
-.indicator.vertical {
+} .indicator.vertical {
         flex-direction: column;
         margin-right: var(--gap-xs);
-    }
-.option {
+    } .option {
     font-size: 14px;
     line-height: 20px;
     font-weight: 700;
@@ -71,31 +62,25 @@
     min-width: 24px;
     height: 24px;
     border-radius: var(--border-radius-circle)
-}
-.option.vertical {
+} .option.vertical {
         margin-top: var(--gap-xs);
-    }
-.dash {
+    } .dash {
     flex: 1 1 auto;
     min-width: 24px;
     border-top: 2px solid var(--color-light-border-primary);
     margin-right: var(--gap-xs)
-}
-.dash.completed {
+} .dash.completed {
         border-top: var(--steps-dash-border);
-    }
-.dash.vertical {
+    } .dash.vertical {
         min-width: unset;
         min-height: 24px;
         margin-right: 0;
         margin-top: var(--gap-xs);
         border-left: 2px solid var(--color-light-border-primary);
         border-top: none;
-    }
-.dash.completed.vertical {
+    } .dash.completed.vertical {
         border-left: var(--steps-dash-border);
-    }
-.text {
+    } .text {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -105,25 +90,19 @@
     color: var(--color-light-text-primary);
     border-radius: var(--gap-xs);
     height: min-content
-}
-.text.interactive:not(.disabled):hover {
+} .text.interactive:not(.disabled):hover {
             background: var(--color-light-bg-primary-inverted-alpha-7);
-        }
-.text.interactive:not(.disabled):active {
+        } .text.interactive:not(.disabled):active {
             background: var(--color-light-bg-primary-inverted-alpha-15);
-        }
-.focused {
+        } .focused {
     outline: var(--gap-3xs) solid var(--focus-color);
     outline-offset: var(--gap-3xs);
-}
-.selected .text {
+} .selected .text {
         color: var(--color-light-graphic-primary);
-    }
-.selected .option {
+    } .selected .option {
         color: var(--color-light-graphic-primary-inverted);
         background: var(--color-light-graphic-primary);
-    }
-.checkbox {
+    } .checkbox {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -131,23 +110,18 @@
     width: 20px;
     height: 20px;
     border: 2px solid var(--color-light-graphic-quaternary);
-}
-.dot {
+} .dot {
     width: 10px;
     height: 10px;
     border-radius: var(--border-radius-circle);
     background: var(--color-light-graphic-quaternary);
-}
-.selected .checkbox {
+} .selected .checkbox {
     border: 2px solid var(--color-light-graphic-primary)
-}
-.selected .checkbox .dot {
+} .selected .checkbox .dot {
         background: var(--color-light-graphic-primary);
-    }
-.option:not(.error).unordered {
+    } .option:not(.error).unordered {
     background: unset;
-}
-.completedIndicator > [class*='positive'] {
+} .completedIndicator > [class*='positive'] {
     color: var(--steps-option-svg-color);
     background-color: var(--steps-option-svg-color);
 }

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

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBadge = require('@alfalab/core-components-badge/cssm');

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

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

package/cssm/index.js

@@ -1,9 +1,12 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var Component = require('./Component.js');
 require('react');
 require('classnames');
 require('./components/step/Component.js');
+require('tslib');
 require('@alfalab/hooks');
 require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/ClockMIcon');

package/cssm/index.module.css

@@ -1,17 +1,23 @@
 :root {
+} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-.component {
+} :root {
+} :root {
+} :root {
+} :root {
+} .component {
     display: flex;
     align-items: center;
     flex-direction: row
-}
-.component.vertical {
+} .component.vertical {
         flex-direction: column;
         align-items: flex-start;
     }

package/esm/Component.js

@@ -1,6 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import cn from 'classnames';
 import { Step } from './components/step/Component.js';
+import 'tslib';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/ClockMIcon';
@@ -8,7 +9,7 @@ import '@alfalab/icons-glyph/ExclamationCircleMIcon';
 import './components/step-indicator/Component.js';
 import '@alfalab/core-components-badge/esm';
 
-var styles = {"component":"steps__component_1cb0a","vertical":"steps__vertical_1cb0a"};
+var styles = {"component":"steps__component_1nzqd","vertical":"steps__vertical_1nzqd"};
 require('./index.css')
 
 var Steps = function (_a) {