@alfalab/core-components-steps 1.8.4 → 2.0.0-snapshot-6a9d3fc

package/Component.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import React from 'react';
-import { StepIndicatorProps } from "./components/step-indicator/index";
-import { CommonProps } from "./types/common-props";
-type StepsProps = {
+import { StepIndicatorProps } from './components/step-indicator';
+import { CommonProps } from './types/common-props';
+export declare type StepsProps = {
     /**
      * Дополнительный класс
      */
@@ -70,5 +69,4 @@ type StepsProps = {
      */
     onChange?: (stepNumber: number) => void;
 } & CommonProps;
-declare const Steps: React.FC<StepsProps>;
-export { StepsProps, Steps };
+export declare const Steps: React.FC<StepsProps>;

package/Component.js

@@ -4,16 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
-var components_step_Component = require('./components/step/Component.js');
+var Component = require('./components/step/Component.js');
+var index_module = require('./index.module.css.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"steps__component_1qfqk","vertical":"steps__vertical_1qfqk"};
-require('./index.css')
-
 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, _h = _a.fullWidth, fullWidth = _h === void 0 ? false : _h, _j = _a.minSpaceBetweenSteps, minSpaceBetweenSteps = _j === void 0 ? 24 : _j, checkIsStepDisabled = _a.checkIsStepDisabled, checkIsStepError = _a.checkIsStepError, checkIsStepCriticalError = _a.checkIsStepCriticalError, checkIsStepWarning = _a.checkIsStepWarning, checkIsStepWaiting = _a.checkIsStepWaiting, checkIsStepPositive = _a.checkIsStepPositive, checkIsStepCustom = _a.checkIsStepCustom, onChange = _a.onChange, dataTestId = _a.dataTestId, completedDashColor = _a.completedDashColor;
@@ -31,8 +29,8 @@ var Steps = function (_a) {
     if (!stepsLength)
         return null;
     var visibleActiveStep = uncontrolled ? activeStep : activeStepProp;
-    return (React__default.default.createElement("div", { className: cn__default.default(className, styles.component, (_b = {},
-            _b[styles.vertical] = isVerticalAlign,
+    return (React__default.default.createElement("div", { className: cn__default.default(className, index_module.component, (_b = {},
+            _b[index_module.vertical] = isVerticalAlign,
             _b)), "data-test-id": dataTestId }, React__default.default.Children.map(children, function (step, index) {
         var stepNumber = index + 1;
         var isSelected = stepNumber === visibleActiveStep;
@@ -48,8 +46,9 @@ 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, isCriticalError: isCriticalError, isWarning: isWarning, isWaiting: isWaiting, customStepIndicator: customStepIndicator, onClick: handleStepClick, ordered: ordered, interactive: isInteractive, isVerticalAlign: isVerticalAlign, isNotLastStep: isNotLastStep, key: stepNumber, fullWidth: fullWidth, minSpaceBetweenSteps: minSpaceBetweenSteps, completedDashColor: completedDashColor, dataTestId: dataTestId }, step));
+        return (React__default.default.createElement(Component.Step, { stepNumber: stepNumber, isSelected: isSelected, isStepCompleted: isStepCompleted, disabled: disabled, isPositive: isPositive, isError: isError, isCriticalError: isCriticalError, isWarning: isWarning, isWaiting: isWaiting, customStepIndicator: customStepIndicator, onClick: handleStepClick, ordered: ordered, interactive: isInteractive, isVerticalAlign: isVerticalAlign, isNotLastStep: isNotLastStep, key: stepNumber, fullWidth: fullWidth, minSpaceBetweenSteps: minSpaceBetweenSteps, completedDashColor: completedDashColor, dataTestId: dataTestId }, step));
     })));
 };
 
 exports.Steps = Steps;
+//# sourceMappingURL=Component.js.map

package/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["src/Component.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport cn from 'classnames';\n\nimport { Step } from './components/step';\nimport { StepIndicatorProps } from './components/step-indicator';\nimport { CommonProps } from './types/common-props';\n\nimport styles from './index.module.css';\n\nexport type StepsProps = {\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Активный шаг, указанный по умолчанию\n     * @default 1\n     */\n    defaultActiveStep?: number;\n\n    /**\n     * Активный шаг\n     */\n    activeStep?: number;\n\n    /**\n     * Управление возможностью отключения пометки пройденного шага\n     * @default true\n     */\n    isMarkCompletedSteps?: boolean;\n\n    /**\n     * Кастомный метод для управления состоянием disabled шага и\n     * возможностью перехода на этот шаг\n     * @param stepNumber - номер шага\n     * @return Флаг состояния disabled\n     */\n    checkIsStepDisabled?: (stepNumber: number) => boolean;\n\n    /**\n     * Кастомный метод для управления состоянием шага error\n     * @param stepNumber - номер шага\n     * @return Флаг состояния error\n     */\n    checkIsStepError?: (stepNumber: number) => boolean;\n\n    /**\n     * Кастомный метод для управления состоянием шага criticalError\n     * @param stepNumber - номер шага\n     * @return Флаг состояния error\n     */\n    checkIsStepCriticalError?: (stepNumber: number) => boolean;\n\n    /**\n     * Кастомный метод для управления состоянием шага warning\n     * @param stepNumber - номер шага\n     * @return Флаг состояния warning\n     */\n    checkIsStepWarning?: (stepNumber: number) => boolean;\n\n    /**\n     * Кастомный метод для управления состоянием шага waiting\n     * @param stepNumber - номер шага\n     * @return Флаг состояния waiting\n     */\n    checkIsStepWaiting?: (stepNumber: number) => boolean;\n\n    /**\n     * Кастомный метод для управления состоянием шага positive\n     * @param stepNumber - номер шага\n     * @return Флаг состояния positive\n     */\n    checkIsStepPositive?: (stepNumber: number) => boolean;\n\n    /**\n     * Кастомный метод для установки кастомного индикатора шага\n     * @param stepNumber - номер шага\n     * @return Объект StepIndicatorProps { className, content, iconColor } или null\n     */\n    checkIsStepCustom?: (stepNumber: number) => StepIndicatorProps | null;\n\n    /**\n     * Обработчик клика на шаг\n     * @param stepNumber - номер активного шага\n     */\n    onChange?: (stepNumber: number) => void;\n} & CommonProps;\n\nexport const Steps: React.FC<StepsProps> = ({\n    className,\n    children,\n    defaultActiveStep = 1,\n    activeStep: activeStepProp,\n    isMarkCompletedSteps = true,\n    isVerticalAlign = false,\n    ordered = true,\n    interactive = true,\n    fullWidth = false,\n    minSpaceBetweenSteps = 24,\n    checkIsStepDisabled,\n    checkIsStepError,\n    checkIsStepCriticalError,\n    checkIsStepWarning,\n    checkIsStepWaiting,\n    checkIsStepPositive,\n    checkIsStepCustom,\n    onChange,\n    dataTestId,\n    completedDashColor,\n}) => {\n    const uncontrolled = activeStepProp === undefined;\n    const [activeStep, setActiveStep] = useState(defaultActiveStep);\n\n    const stepsLength = React.Children.count(children);\n\n    const handleStepClick = (stepNumber: number) => {\n        if (uncontrolled) {\n            setActiveStep(stepNumber);\n        }\n\n        if (onChange) {\n            onChange(stepNumber);\n        }\n    };\n\n    if (!stepsLength) return null;\n\n    const visibleActiveStep = uncontrolled ? activeStep : activeStepProp;\n\n    return (\n        <div\n            className={cn(className, styles.component, {\n                [styles.vertical]: isVerticalAlign,\n            })}\n            data-test-id={dataTestId}\n        >\n            {React.Children.map(children, (step, index) => {\n                const stepNumber = index + 1;\n                const isSelected = stepNumber === visibleActiveStep;\n                const isStepCompleted = isMarkCompletedSteps && stepNumber < visibleActiveStep;\n                const disabled = checkIsStepDisabled ? checkIsStepDisabled(stepNumber) : false;\n                const isPositive = checkIsStepPositive ? checkIsStepPositive(stepNumber) : false;\n                const isError = checkIsStepError ? checkIsStepError(stepNumber) : false;\n                const isCriticalError = checkIsStepCriticalError\n                    ? checkIsStepCriticalError(stepNumber)\n                    : false;\n                const isWarning = checkIsStepWarning ? checkIsStepWarning(stepNumber) : false;\n                const isWaiting = checkIsStepWaiting ? checkIsStepWaiting(stepNumber) : false;\n                const customStepIndicator = checkIsStepCustom && checkIsStepCustom(stepNumber);\n                const isNotLastStep = stepsLength !== stepNumber;\n                const isInteractive = !disabled && interactive;\n\n                return (\n                    <Step\n                        stepNumber={stepNumber}\n                        isSelected={isSelected}\n                        isStepCompleted={isStepCompleted}\n                        disabled={disabled}\n                        isPositive={isPositive}\n                        isError={isError}\n                        isCriticalError={isCriticalError}\n                        isWarning={isWarning}\n                        isWaiting={isWaiting}\n                        customStepIndicator={customStepIndicator}\n                        onClick={handleStepClick}\n                        ordered={ordered}\n                        interactive={isInteractive}\n                        isVerticalAlign={isVerticalAlign}\n                        isNotLastStep={isNotLastStep}\n                        key={stepNumber}\n                        fullWidth={fullWidth}\n                        minSpaceBetweenSteps={minSpaceBetweenSteps}\n                        completedDashColor={completedDashColor}\n                        dataTestId={dataTestId}\n                    >\n                        {step}\n                    </Step>\n                );\n            })}\n        </div>\n    );\n};\n"],"names":["useState","React","cn","styles","Step"],"mappings":"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"}

package/components/step/Component.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
-import { CommonProps } from "../../types/common-props";
-import { StepIndicatorProps } from "../step-indicator/index";
-type StepProps = {
+import { CommonProps } from '../../types/common-props';
+import { StepIndicatorProps } from '../step-indicator';
+declare type StepProps = {
     /**
      * Номер шага
      */
@@ -52,5 +52,5 @@ type StepProps = {
      */
     onClick: (stepNumber: number) => void;
 } & CommonProps;
-declare const Step: FC<StepProps>;
-export { Step };
+export declare const Step: FC<StepProps>;
+export {};

package/components/step/Component.js

@@ -11,16 +11,14 @@ var CheckmarkCircleMIcon = require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 var ClockMIcon = require('@alfalab/icons-glyph/ClockMIcon');
 var CrossCompactMIcon = require('@alfalab/icons-glyph/CrossCompactMIcon');
 var ExclamationCircleMIcon = require('@alfalab/icons-glyph/ExclamationCircleMIcon');
-var components_stepIndicator_Component = require('../step-indicator/Component.js');
+var Component = require('../step-indicator/Component.js');
+var index_module = require('./index.module.css.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"step":"steps__step_wfskf","horizontal":"steps__horizontal_wfskf","vertical":"steps__vertical_wfskf","textWrapper":"steps__textWrapper_wfskf","interactive":"steps__interactive_wfskf","disabled":"steps__disabled_wfskf","text":"steps__text_wfskf","indicator":"steps__indicator_wfskf","option":"steps__option_wfskf","dash":"steps__dash_wfskf","completed":"steps__completed_wfskf","gap-24":"steps__gap-24_wfskf","gap-32":"steps__gap-32_wfskf","focused":"steps__focused_wfskf","selected":"steps__selected_wfskf","checkbox":"steps__checkbox_wfskf","dot":"steps__dot_wfskf","error":"steps__error_wfskf","unordered":"steps__unordered_wfskf","completedIndicator":"steps__completedIndicator_wfskf","fullWidth":"steps__fullWidth_wfskf"};
-require('./index.css')
-
 var Step = function (_a) {
     var _b, _c, _d, _e, _f;
     var children = _a.children, stepNumber = _a.stepNumber, isSelected = _a.isSelected, disabled = _a.disabled, ordered = _a.ordered, isPositive = _a.isPositive, isError = _a.isError, isCriticalError = _a.isCriticalError, isWarning = _a.isWarning, isWaiting = _a.isWaiting, customStepIndicator = _a.customStepIndicator, isStepCompleted = _a.isStepCompleted, onClick = _a.onClick, interactive = _a.interactive, isVerticalAlign = _a.isVerticalAlign, isNotLastStep = _a.isNotLastStep, fullWidth = _a.fullWidth, _g = _a.minSpaceBetweenSteps, minSpaceBetweenSteps = _g === void 0 ? 24 : _g, completedDashColor = _a.completedDashColor, dataTestId = _a.dataTestId;
@@ -43,29 +41,29 @@ var Step = function (_a) {
     };
     var getStepIndicator = function () {
         if (customStepIndicator) {
-            return React__default.default.createElement(components_stepIndicator_Component.StepIndicator, tslib.__assign({}, customStepIndicator));
+            return React__default.default.createElement(Component.StepIndicator, tslib.__assign({}, customStepIndicator));
         }
         if (isCriticalError) {
-            return React__default.default.createElement(components_stepIndicator_Component.StepIndicator, { iconColor: 'negative', content: React__default.default.createElement(CrossCompactMIcon.CrossCompactMIcon, null) });
+            return React__default.default.createElement(Component.StepIndicator, { iconColor: 'negative', content: React__default.default.createElement(CrossCompactMIcon.CrossCompactMIcon, null) });
         }
         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(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(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(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(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(Component.StepIndicator, { iconColor: 'positive', content: React__default.default.createElement(CheckmarkCircleMIcon.CheckmarkCircleMIcon, null), className: index_module.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: index_module.checkbox },
+                React__default.default.createElement("span", { className: index_module.dot })));
         }
         return stepNumber;
     };
@@ -79,40 +77,41 @@ var Step = function (_a) {
     };
     var renderDash = function () {
         var _a;
-        return (React__default.default.createElement("div", { className: cn__default.default(styles.dash, (_a = {},
-                _a[styles.vertical] = isVerticalAlign,
-                _a[styles.completed] = isStepCompleted,
+        return (React__default.default.createElement("div", { className: cn__default.default(index_module.dash, (_a = {},
+                _a[index_module.vertical] = isVerticalAlign,
+                _a[index_module.completed] = isStepCompleted,
                 _a)), style: tslib.__assign({}, getCustomDashColor()) }));
     };
-    return (React__default.default.createElement("div", { "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'step'), 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,
-            _b[styles.disabled] = disabled,
-            _b[styles.focused] = focused,
-            _b[styles.vertical] = isVerticalAlign,
-            _b[styles.interactive] = interactive,
-            _b[styles.fullWidth] = fullWidth && isVerticalAlign,
-            _b[styles.horizontal] = !isVerticalAlign,
+    return (React__default.default.createElement("div", { "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'step'), role: 'button', tabIndex: 0, ref: stepRef, className: cn__default.default(index_module.step, (_b = {},
+            _b[index_module.completed] = isStepCompleted,
+            _b[index_module.error] = isError,
+            _b[index_module.selected] = isSelected,
+            _b[index_module.disabled] = disabled,
+            _b[index_module.focused] = focused,
+            _b[index_module.vertical] = isVerticalAlign,
+            _b[index_module.interactive] = interactive,
+            _b[index_module.fullWidth] = fullWidth && isVerticalAlign,
+            _b[index_module.horizontal] = !isVerticalAlign,
             _b)), onClick: handleButtonClick, onKeyDown: handleKeyDown },
-        React__default.default.createElement("div", { className: cn__default.default(styles.indicator, (_c = {},
-                _c[styles.vertical] = isVerticalAlign,
-                _c[styles.interactive] = interactive,
+        React__default.default.createElement("div", { className: cn__default.default(index_module.indicator, (_c = {},
+                _c[index_module.vertical] = isVerticalAlign,
+                _c[index_module.interactive] = interactive,
                 _c)) },
-            React__default.default.createElement("div", { className: cn__default.default(styles.option, (_d = {},
-                    _d[styles.unordered] = !ordered,
-                    _d[styles.vertical] = isVerticalAlign,
-                    _d[styles.error] = isError,
+            React__default.default.createElement("div", { className: cn__default.default(index_module.option, (_d = {},
+                    _d[index_module.unordered] = !ordered,
+                    _d[index_module.vertical] = isVerticalAlign,
+                    _d[index_module.error] = isError,
                     _d)) }, getStepIndicator()),
             isNotLastStep && isVerticalAlign && renderDash()),
-        React__default.default.createElement("div", { className: cn__default.default(styles.textWrapper, styles["gap-".concat(minSpaceBetweenSteps)], (_e = {},
-                _e[styles.vertical] = isVerticalAlign,
+        React__default.default.createElement("div", { className: cn__default.default(index_module.textWrapper, index_module["gap-".concat(minSpaceBetweenSteps)], (_e = {},
+                _e[index_module.vertical] = isVerticalAlign,
                 _e)) },
-            React__default.default.createElement("div", { className: cn__default.default(styles.text, (_f = {},
-                    _f[styles.interactive] = interactive,
-                    _f[styles.fullWidth] = fullWidth && isVerticalAlign,
+            React__default.default.createElement("div", { className: cn__default.default(index_module.text, (_f = {},
+                    _f[index_module.interactive] = interactive,
+                    _f[index_module.fullWidth] = fullWidth && isVerticalAlign,
                     _f)), onClick: handleTextClick }, children)),
         isNotLastStep && !isVerticalAlign && renderDash()));
 };
 
 exports.Step = Step;
+//# sourceMappingURL=Component.js.map

package/components/step/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../../src/components/step/Component.tsx"],"sourcesContent":["import React, { FC, useRef } from 'react';\nimport cn from 'classnames';\n\nimport { getDataTestId } from '@alfalab/core-components-shared';\nimport { useFocus } from '@alfalab/hooks';\nimport { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon';\nimport { ClockMIcon } from '@alfalab/icons-glyph/ClockMIcon';\nimport { CrossCompactMIcon } from '@alfalab/icons-glyph/CrossCompactMIcon';\nimport { ExclamationCircleMIcon } from '@alfalab/icons-glyph/ExclamationCircleMIcon';\n\nimport { CommonProps } from '../../types/common-props';\nimport { StepIndicator, StepIndicatorProps } from '../step-indicator';\n\nimport styles from './index.module.css';\n\ntype StepProps = {\n    /**\n     * Номер шага\n     */\n    stepNumber: number;\n\n    /**\n     * Маркер того, что текущий шаг выбран\n     */\n    isSelected: boolean;\n\n    /**\n     * Маркер того, что текущий шаг доступен для клика\n     */\n    disabled: boolean;\n\n    /**\n     * Маркер того, что текущий шаг находится в состоянии \"Positive\"\n     */\n    isPositive: boolean;\n\n    /**\n     * Маркер того, что текущий шаг находится в состоянии \"Error\"\n     */\n    isError: boolean;\n\n    /**\n     * Маркер того, что текущий шаг находится в состоянии \"isCriticalError\"\n     */\n    isCriticalError: boolean;\n\n    /**\n     * Маркер того, что текущий шаг находится в состоянии \"Warning\"\n     */\n    isWarning: boolean;\n\n    /**\n     * Маркер того, что текущий шаг находится в состоянии \"Waiting\"\n     */\n    isWaiting: boolean;\n\n    /**\n     * Маркер того, что текущий шаг нужно пометить как завершенный\n     */\n    isStepCompleted: boolean;\n\n    /**\n     * Свойства кастомного индикатора текущего шага\n     */\n    customStepIndicator?: StepIndicatorProps | null;\n\n    /**\n     * Указывает, является ли текущий шаг последним в списке\n     */\n    isNotLastStep?: boolean;\n\n    /**\n     * Обработчик нажатия на текущей шаг\n     * @param stepNumber - номер шага\n     */\n    onClick: (stepNumber: number) => void;\n} & CommonProps;\n\nexport const Step: FC<StepProps> = ({\n    children,\n    stepNumber,\n    isSelected,\n    disabled,\n    ordered,\n    isPositive,\n    isError,\n    isCriticalError,\n    isWarning,\n    isWaiting,\n    customStepIndicator,\n    isStepCompleted,\n    onClick,\n    interactive,\n    isVerticalAlign,\n    isNotLastStep,\n    fullWidth,\n    minSpaceBetweenSteps = 24,\n    completedDashColor,\n    dataTestId,\n}) => {\n    const stepRef = useRef<HTMLDivElement>(null);\n\n    const [focused] = useFocus(stepRef, 'keyboard');\n\n    const handleButtonClick = () => {\n        if (!disabled && interactive && onClick) {\n            onClick(stepNumber);\n        }\n    };\n\n    const handleTextClick = (e: React.MouseEvent<HTMLElement>) => {\n        if (!interactive) {\n            e.stopPropagation();\n        }\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n        if (event.key === 'Enter') {\n            handleButtonClick();\n        }\n    };\n\n    const getStepIndicator = () => {\n        if (customStepIndicator) {\n            return <StepIndicator {...customStepIndicator} />;\n        }\n        if (isCriticalError) {\n            return <StepIndicator iconColor='negative' content={<CrossCompactMIcon />} />;\n        }\n        if (isError) {\n            return <StepIndicator iconColor='negative' content={<ExclamationCircleMIcon />} />;\n        }\n        if (isWarning) {\n            return <StepIndicator iconColor='attention' content={<ExclamationCircleMIcon />} />;\n        }\n        if (isWaiting) {\n            return <StepIndicator iconColor='secondary' content={<ClockMIcon />} />;\n        }\n        if (isPositive) {\n            return <StepIndicator iconColor='positive' content={<CheckmarkCircleMIcon />} />;\n        }\n        if (isStepCompleted) {\n            return (\n                <StepIndicator\n                    iconColor='positive'\n                    content={<CheckmarkCircleMIcon />}\n                    className={styles.completedIndicator}\n                />\n            );\n        }\n        if (!ordered) {\n            return (\n                <div className={styles.checkbox}>\n                    <span className={styles.dot} />\n                </div>\n            );\n        }\n\n        return stepNumber;\n    };\n\n    const getCustomDashColor = () => {\n        if (isStepCompleted && completedDashColor) {\n            return {\n                borderColor: completedDashColor,\n            };\n        }\n\n        return {};\n    };\n\n    const renderDash = () => (\n        <div\n            className={cn(styles.dash, {\n                [styles.vertical]: isVerticalAlign,\n                [styles.completed]: isStepCompleted,\n            })}\n            style={{\n                ...getCustomDashColor(),\n            }}\n        />\n    );\n\n    return (\n        <div\n            data-test-id={getDataTestId(dataTestId, 'step')}\n            role='button'\n            tabIndex={0}\n            ref={stepRef}\n            className={cn(styles.step, {\n                [styles.completed]: isStepCompleted,\n                [styles.error]: isError,\n                [styles.selected]: isSelected,\n                [styles.disabled]: disabled,\n                [styles.focused]: focused,\n                [styles.vertical]: isVerticalAlign,\n                [styles.interactive]: interactive,\n                [styles.fullWidth]: fullWidth && isVerticalAlign,\n                [styles.horizontal]: !isVerticalAlign,\n            })}\n            onClick={handleButtonClick}\n            onKeyDown={handleKeyDown}\n        >\n            <div\n                className={cn(styles.indicator, {\n                    [styles.vertical]: isVerticalAlign,\n                    [styles.interactive]: interactive,\n                })}\n            >\n                <div\n                    className={cn(styles.option, {\n                        [styles.unordered]: !ordered,\n                        [styles.vertical]: isVerticalAlign,\n                        [styles.error]: isError,\n                    })}\n                >\n                    {getStepIndicator()}\n                </div>\n                {isNotLastStep && isVerticalAlign && renderDash()}\n            </div>\n            <div\n                className={cn(styles.textWrapper, styles[`gap-${minSpaceBetweenSteps}`], {\n                    [styles.vertical]: isVerticalAlign,\n                })}\n            >\n                {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */}\n                <div\n                    className={cn(styles.text, {\n                        [styles.interactive]: interactive,\n                        [styles.fullWidth]: fullWidth && isVerticalAlign,\n                    })}\n                    onClick={handleTextClick}\n                >\n                    {children}\n                </div>\n            </div>\n            {isNotLastStep && !isVerticalAlign && renderDash()}\n        </div>\n    );\n};\n"],"names":["useRef","useFocus","React","StepIndicator","__assign","CrossCompactMIcon","ExclamationCircleMIcon","ClockMIcon","CheckmarkCircleMIcon","styles","cn","getDataTestId"],"mappings":"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"}

package/components/step/index.css

@@ -1,6 +1,4 @@
-/* hash: 1qy04 */
-: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 */ /* 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 {
+:root {
     --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
     --color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1);
     --color-light-status-info: #2288fa;
@@ -8,65 +6,46 @@
     --color-light-text-primary: rgba(3, 3, 6, 0.88);
     --color-light-text-primary-inverted: rgba(255, 255, 255, 0.94);
     --color-light-transparent-default-hover: rgba(38, 55, 88, 0.06);
-    --color-light-transparent-default-press: rgba(30, 43, 68, 0.08); /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */
+    --color-light-transparent-default-press: rgba(30, 43, 68, 0.08);
 } :root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
     --border-radius-circle: 50%;
-
-    /* новые значения, используйте их */
 } :root {
-    --gap-3xs: 2px; /* deprecated */
-    --gap-2xs: 4px; /* deprecated */
-    --gap-xs: 8px; /* deprecated */ /* deprecated */ /* deprecated */
-    --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-
-    /* новые значения, используйте их */
-
-    /* no-unit может приводить к проблемам в calc (#1559) */
-    /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-3xs: 2px;
+    --gap-2xs: 4px;
+    --gap-xs: 8px;
+    --gap-m: 16px;
     --gap-0: 0px;
     --gap-2: var(--gap-3xs);
     --gap-4: var(--gap-2xs);
     --gap-8: var(--gap-xs);
     --gap-16: var(--gap-m);
 } :root {
-} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
     --focus-color: var(--color-light-status-info);
-} /* сбрасывает синюю подсветку при нажатии */ :root {
+} :root {
     --steps-option-svg-color: var(--color-light-status-positive);
     --steps-dash-border: 2px solid var(--color-light-status-positive);
-} .steps__step_wfskf {
+} .steps__step_41a33 {
     display: flex;
     outline: none
-} .steps__step_wfskf.steps__horizontal_wfskf {
+} .steps__step_41a33.steps__horizontal_41a33 {
         flex-grow: 1;
-    } .steps__step_wfskf:not(.steps__vertical_wfskf) {
+    } .steps__step_41a33:not(.steps__vertical_41a33) {
         align-items: center;
-    } .steps__step_wfskf:last-of-type .steps__textWrapper_wfskf.steps__vertical_wfskf {
-        margin-bottom: var(--gap-0);
-    } .steps__step_wfskf.steps__interactive_wfskf:not(.steps__disabled_wfskf):hover {
+    } .steps__step_41a33.steps__interactive_41a33:not(.steps__disabled_41a33):hover {
     cursor: pointer;
-} .steps__step_wfskf.steps__disabled_wfskf:hover .steps__text_wfskf {
+} .steps__step_41a33.steps__disabled_41a33:hover .steps__text_41a33 {
         background: unset;
-    } .steps__step_wfskf.steps__disabled_wfskf .steps__indicator_wfskf {
+    } .steps__step_41a33.steps__disabled_41a33 .steps__indicator_41a33 {
         cursor: unset;
-    } .steps__indicator_wfskf {
+    } .steps__indicator_41a33 {
     cursor: pointer;
     display: flex;
     align-items: center;
     margin-right: var(--gap-4)
-} .steps__indicator_wfskf.steps__vertical_wfskf {
+} .steps__indicator_41a33.steps__vertical_41a33 {
         flex-direction: column;
         margin-right: var(--gap-8);
-    } .steps__option_wfskf {
+    } .steps__option_41a33 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 700;
@@ -79,31 +58,31 @@
     min-width: 24px;
     height: 24px;
     border-radius: var(--border-radius-circle)
-} .steps__option_wfskf.steps__vertical_wfskf {
+} .steps__option_41a33.steps__vertical_41a33 {
         margin-top: var(--gap-8);
-    } .steps__dash_wfskf {
+    } .steps__dash_41a33 {
     flex: 1 1 auto;
     min-width: 24px;
     border-top: 2px solid var(--color-light-neutral-translucent-300);
     margin-right: var(--gap-8)
-} .steps__dash_wfskf.steps__completed_wfskf {
+} .steps__dash_41a33.steps__completed_41a33 {
         border-top: var(--steps-dash-border);
-    } .steps__dash_wfskf.steps__vertical_wfskf {
+    } .steps__dash_41a33.steps__vertical_41a33 {
         min-width: unset;
         min-height: 8px;
         margin-right: var(--gap-0);
         margin-top: var(--gap-8);
         border-left: 2px solid var(--color-light-neutral-translucent-300);
         border-top: none;
-    } .steps__dash_wfskf.steps__completed_wfskf.steps__vertical_wfskf {
+    } .steps__dash_41a33.steps__completed_41a33.steps__vertical_41a33 {
         border-left: var(--steps-dash-border);
-    } .steps__textWrapper_wfskf.steps__vertical_wfskf {
+    } .steps__textWrapper_41a33.steps__vertical_41a33 {
         min-height: 48px
-    } .steps__textWrapper_wfskf.steps__vertical_wfskf.steps__gap-24_wfskf {
+    } .steps__textWrapper_41a33.steps__vertical_41a33.steps__gap-24_41a33 {
             margin-bottom: var(--gap-8);
-        } .steps__textWrapper_wfskf.steps__vertical_wfskf.steps__gap-32_wfskf {
+        } .steps__textWrapper_41a33.steps__vertical_41a33.steps__gap-32_41a33 {
             margin-bottom: var(--gap-16);
-        } .steps__text_wfskf {
+        } .steps__text_41a33 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -112,20 +91,21 @@
     padding: var(--gap-8);
     color: var(--color-light-text-primary);
     border-radius: var(--gap-8);
+    height: -moz-min-content;
     height: min-content
-} .steps__text_wfskf.steps__interactive_wfskf:not(.steps__disabled_wfskf):hover {
+} .steps__text_41a33.steps__interactive_41a33:not(.steps__disabled_41a33):hover {
             background: var(--color-light-transparent-default-hover);
-        } .steps__text_wfskf.steps__interactive_wfskf:not(.steps__disabled_wfskf):active {
+        } .steps__text_41a33.steps__interactive_41a33:not(.steps__disabled_41a33):active {
             background: var(--color-light-transparent-default-press);
-        } .steps__focused_wfskf {
+        } .steps__focused_41a33 {
     outline: var(--gap-2) solid var(--focus-color);
     outline-offset: var(--gap-2);
-} .steps__selected_wfskf .steps__text_wfskf {
+} .steps__selected_41a33 .steps__text_41a33 {
         color: var(--color-light-text-primary);
-    } .steps__selected_wfskf .steps__option_wfskf {
+    } .steps__selected_41a33 .steps__option_41a33 {
         color: var(--color-light-text-primary-inverted);
         background: var(--color-light-neutral-translucent-1300);
-    } .steps__checkbox_wfskf {
+    } .steps__checkbox_41a33 {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -133,20 +113,20 @@
     width: 20px;
     height: 20px;
     border: 2px solid var(--color-light-neutral-translucent-300);
-} .steps__dot_wfskf {
+} .steps__dot_41a33 {
     width: 10px;
     height: 10px;
     border-radius: var(--border-radius-circle);
     background: var(--color-light-neutral-translucent-300);
-} .steps__selected_wfskf .steps__checkbox_wfskf {
+} .steps__selected_41a33 .steps__checkbox_41a33 {
     border: 2px solid var(--color-light-neutral-translucent-1300)
-} .steps__selected_wfskf .steps__checkbox_wfskf .steps__dot_wfskf {
+} .steps__selected_41a33 .steps__checkbox_41a33 .steps__dot_41a33 {
         background: var(--color-light-neutral-translucent-1300);
-    } .steps__option_wfskf:not(.steps__error_wfskf).steps__unordered_wfskf {
+    } .steps__option_41a33:not(.steps__error_41a33).steps__unordered_41a33 {
     background: unset;
-} .steps__completedIndicator_wfskf > [class*='positive'] {
+} .steps__completedIndicator_41a33 > [class*='positive'] {
     color: var(--steps-option-svg-color);
     background-color: var(--steps-option-svg-color);
-} .steps__fullWidth_wfskf {
+} .steps__fullWidth_41a33 {
     width: 100%;
 }

package/components/step/index.d.ts

@@ -1 +1 @@
-export * from "./Component";
+export * from './Component';

package/components/step/index.js

@@ -2,8 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_step_Component = require('./Component.js');
+var Component = require('./Component.js');
 
 
 
-exports.Step = components_step_Component.Step;
+exports.Step = Component.Step;
+//# sourceMappingURL=index.js.map

package/components/step/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

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

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var styles = {"step":"steps__step_41a33","horizontal":"steps__horizontal_41a33","vertical":"steps__vertical_41a33","interactive":"steps__interactive_41a33","disabled":"steps__disabled_41a33","text":"steps__text_41a33","indicator":"steps__indicator_41a33","option":"steps__option_41a33","dash":"steps__dash_41a33","completed":"steps__completed_41a33","textWrapper":"steps__textWrapper_41a33","gap-24":"steps__gap-24_41a33","gap-32":"steps__gap-32_41a33","focused":"steps__focused_41a33","selected":"steps__selected_41a33","checkbox":"steps__checkbox_41a33","dot":"steps__dot_41a33","error":"steps__error_41a33","unordered":"steps__unordered_41a33","completedIndicator":"steps__completedIndicator_41a33","fullWidth":"steps__fullWidth_41a33"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.css.js.map

package/components/step/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/step/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n:root {\n    --steps-option-svg-color: var(--color-light-status-positive);\n    --steps-dash-border: 2px solid var(--color-light-status-positive);\n}\n\n.step {\n    display: flex;\n    outline: none;\n\n    &.horizontal {\n        flex-grow: 1;\n    }\n\n    &:not(.vertical) {\n        align-items: center;\n    }\n}\n\n.step.interactive:not(.disabled):hover {\n    cursor: pointer;\n}\n\n.step.disabled:hover {\n    & .text {\n        background: unset;\n    }\n}\n\n.step.disabled {\n    & .indicator {\n        cursor: unset;\n    }\n}\n\n.indicator {\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    margin-right: var(--gap-4);\n\n    &.vertical {\n        flex-direction: column;\n        margin-right: var(--gap-8);\n    }\n}\n\n.option {\n    @mixin accent_primary_small;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--color-light-text-primary);\n    background: var(--color-light-neutral-translucent-300);\n    min-width: 24px;\n    height: 24px;\n    border-radius: var(--border-radius-circle);\n\n    &.vertical {\n        margin-top: var(--gap-8);\n    }\n}\n\n.dash {\n    flex: 1 1 auto;\n    min-width: 24px;\n    border-top: 2px solid var(--color-light-neutral-translucent-300);\n    margin-right: var(--gap-8);\n\n    &.completed {\n        border-top: var(--steps-dash-border);\n    }\n\n    &.vertical {\n        min-width: unset;\n        min-height: 8px;\n        margin-right: var(--gap-0);\n        margin-top: var(--gap-8);\n        border-left: 2px solid var(--color-light-neutral-translucent-300);\n        border-top: none;\n    }\n\n    &.completed.vertical {\n        border-left: var(--steps-dash-border);\n    }\n}\n\n.textWrapper {\n    &.vertical {\n        min-height: 48px;\n\n        &.gap-24 {\n            margin-bottom: var(--gap-8);\n        }\n\n        &.gap-32 {\n            margin-bottom: var(--gap-16);\n        }\n    }\n}\n\n.text {\n    @mixin paragraph_primary_medium;\n\n    transition: background 0.2s;\n    padding: var(--gap-8);\n    color: var(--color-light-text-primary);\n    border-radius: var(--gap-8);\n    height: min-content;\n\n    &.interactive:not(.disabled) {\n        &:hover {\n            background: var(--color-light-transparent-default-hover);\n        }\n\n        &:active {\n            background: var(--color-light-transparent-default-press);\n        }\n    }\n}\n\n.focused {\n    outline: var(--gap-2) solid var(--focus-color);\n    outline-offset: var(--gap-2);\n}\n\n.selected {\n    & .text {\n        color: var(--color-light-text-primary);\n    }\n\n    & .option {\n        color: var(--color-light-text-primary-inverted);\n        background: var(--color-light-neutral-translucent-1300);\n    }\n}\n\n.checkbox {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: var(--border-radius-circle);\n    width: 20px;\n    height: 20px;\n    border: 2px solid var(--color-light-neutral-translucent-300);\n}\n\n.dot {\n    width: 10px;\n    height: 10px;\n    border-radius: var(--border-radius-circle);\n    background: var(--color-light-neutral-translucent-300);\n}\n\n.selected .checkbox {\n    border: 2px solid var(--color-light-neutral-translucent-1300);\n\n    & .dot {\n        background: var(--color-light-neutral-translucent-1300);\n    }\n}\n\n.option:not(.error).unordered {\n    background: unset;\n}\n\n.completedIndicator > [class*='positive'] {\n    color: var(--steps-option-svg-color);\n    background-color: var(--steps-option-svg-color);\n}\n\n.fullWidth {\n    width: 100%;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,MAAM,CAAC,mBAAmB,CAAC,YAAY,CAAC,yBAAyB,CAAC,UAAU,CAAC,uBAAuB,CAAC,aAAa,CAAC,0BAA0B,CAAC,UAAU,CAAC,uBAAuB,CAAC,MAAM,CAAC,mBAAmB,CAAC,WAAW,CAAC,wBAAwB,CAAC,QAAQ,CAAC,qBAAqB,CAAC,MAAM,CAAC,mBAAmB,CAAC,WAAW,CAAC,wBAAwB,CAAC,aAAa,CAAC,0BAA0B,CAAC,QAAQ,CAAC,qBAAqB,CAAC,QAAQ,CAAC,qBAAqB,CAAC,SAAS,CAAC,sBAAsB,CAAC,UAAU,CAAC,uBAAuB,CAAC,UAAU,CAAC,uBAAuB,CAAC,KAAK,CAAC,kBAAkB,CAAC,OAAO,CAAC,oBAAoB,CAAC,WAAW,CAAC,wBAAwB,CAAC,oBAAoB,CAAC,iCAAiC,CAAC,WAAW,CAAC,wBAAwB,CAAC;;;;"}

package/components/step-indicator/Component.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="react" />
 import React from 'react';
-import { BadgeProps } from "@alfalab/core-components-badge";
-type StepIndicatorProps = Pick<BadgeProps, 'content' | 'iconColor' | 'className'>;
-declare const StepIndicator: React.FC<StepIndicatorProps>;
-export { StepIndicatorProps, StepIndicator };
+import { BadgeProps } from '@alfalab/core-components-badge';
+export declare type StepIndicatorProps = Pick<BadgeProps, 'content' | 'iconColor' | 'className'>;
+export declare const StepIndicator: React.FC<StepIndicatorProps>;

package/components/step-indicator/Component.js

@@ -5,18 +5,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBadge = require('@alfalab/core-components-badge');
+var index_module = require('./index.module.css.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"steps__component_1du8h"};
-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(index_module.component, className), content: content }));
 };
 
 exports.StepIndicator = StepIndicator;
+//# sourceMappingURL=Component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../../src/components/step-indicator/Component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { Badge, BadgeProps } from '@alfalab/core-components-badge';\n\nimport styles from './index.module.css';\n\nexport type StepIndicatorProps = Pick<BadgeProps, 'content' | 'iconColor' | 'className'>;\n\nexport const StepIndicator: React.FC<StepIndicatorProps> = ({ content, iconColor, className }) => (\n    <Badge\n        size='l'\n        view='icon'\n        iconColor={iconColor}\n        className={cn(styles.component, className)}\n        content={content}\n    />\n);\n"],"names":["React","Badge","cn","styles"],"mappings":";;;;;;;;;;;;;;AASO,IAAM,aAAa,GAAiC,UAAC,EAAiC,EAAA;AAA/B,IAAA,IAAA,OAAO,aAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA;AAAO,IAAA,QAC9FA,sBAAA,CAAA,aAAA,CAACC,yBAAK,EAAA,EACF,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,SAAS,EACpB,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAC1C,OAAO,EAAE,OAAO,GAClB;AAP4F;;;;"}