@alfalab/core-components-steps 1.8.0 → 1.8.1-snapshot-1393ffa

package/modern/components/step-indicator/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/step-indicator/index.module.css"],"sourcesContent":["@import '../../../../vars/src/index.css';\n\n.component.component {\n    padding: var(--gap-0);\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC;;;;"}

package/modern/index.css

@@ -1,31 +1,8 @@
-/* hash: 1ju3z */
-: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 { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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 */
-} :root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-} :root { /* 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 */
-
-    /* новые значения, используйте их */
-
-    /* no-unit может приводить к проблемам в calc (#1559) */
-    /* stylelint-disable-next-line length-zero-no-unit */
-} :root {
-} :root {
-} /* сбрасывает синюю подсветку при нажатии */ .steps__component_4vqw7 {
+.steps__component_c6t4v {
     display: flex;
     align-items: center;
     flex-direction: row
-} .steps__component_4vqw7.steps__vertical_4vqw7 {
+} .steps__component_c6t4v.steps__vertical_c6t4v {
         flex-direction: column;
         align-items: flex-start;
     }

package/modern/index.js

@@ -1 +1,2 @@
 export { Steps } from './Component.js';
+//# sourceMappingURL=index.js.map

package/modern/index.js.map

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

package/modern/index.module.css.js

@@ -0,0 +1,6 @@
+import './index.css';
+
+const styles = {"component":"steps__component_c6t4v","vertical":"steps__vertical_c6t4v"};
+
+export { styles as default };
+//# sourceMappingURL=index.module.css.js.map

package/modern/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '../../vars/src/index.css';\n\n.component {\n    display: flex;\n    align-items: center;\n    flex-direction: row;\n\n    &.vertical {\n        flex-direction: column;\n        align-items: flex-start;\n    }\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,UAAU,CAAC,uBAAuB,CAAC;;;;"}

package/modern/shared/index.js

@@ -1 +1,2 @@
 export { getStepsTestIds } from '../utils/getStepsTestIds.js';
+//# sourceMappingURL=index.js.map

package/modern/shared/index.js.map

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

package/{cssm → modern/src}/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/modern/{components → src/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/modern/src/components/step/index.d.ts

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

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

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

package/modern/src/components/step-indicator/index.d.ts

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

package/modern/src/index.d.ts

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

package/modern/src/shared/index.d.ts

@@ -0,0 +1 @@
+export { getStepsTestIds } from '../utils/getStepsTestIds';

package/modern/{types → src/types}/common-props.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 /** Обобщенный набор типов который подходит для Steps, но также прокинут в дочерний Step */
-type CommonProps = {
+export declare type CommonProps = {
     /**
      * Идентификатор для систем автоматизированного тестирования
      */
@@ -38,4 +38,3 @@ type CommonProps = {
      */
     completedDashColor?: string;
 };
-export { CommonProps };

package/modern/src/utils/getStepsTestIds.d.ts

@@ -0,0 +1,4 @@
+export declare function getStepsTestIds(dataTestId: string): {
+    steps: string;
+    step: string;
+};

package/modern/types/common-props.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=common-props.js.map

package/modern/types/common-props.js.map

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

package/modern/utils/getStepsTestIds.js

@@ -8,3 +8,4 @@ function getStepsTestIds(dataTestId) {
 }
 
 export { getStepsTestIds };
+//# sourceMappingURL=getStepsTestIds.js.map

package/modern/utils/getStepsTestIds.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getStepsTestIds.js","sources":["../../../src/utils/getStepsTestIds.ts"],"sourcesContent":["import { getDataTestId } from '@alfalab/core-components-shared';\n\nexport function getStepsTestIds(dataTestId: string) {\n    return {\n        steps: dataTestId,\n        step: getDataTestId(dataTestId, 'step'),\n    };\n}\n"],"names":[],"mappings":";;AAEM,SAAU,eAAe,CAAC,UAAkB,EAAA;IAC9C,OAAO;AACH,QAAA,KAAK,EAAE,UAAU;AACjB,QAAA,IAAI,EAAE,aAAa,CAAC,UAAU,EAAE,MAAM,CAAC;KAC1C;AACL;;;;"}

package/moderncssm/Component.js

@@ -40,3 +40,4 @@ const Steps = ({ className, children, defaultActiveStep = 1, activeStep: activeS
 };
 
 export { Steps };
+//# sourceMappingURL=Component.js.map

package/moderncssm/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":[],"mappings":";;;;;AAyFO,MAAM,KAAK,GAAyB,CAAC,EACxC,SAAS,EACT,QAAQ,EACR,iBAAiB,GAAG,CAAC,EACrB,UAAU,EAAE,cAAc,EAC1B,oBAAoB,GAAG,IAAI,EAC3B,eAAe,GAAG,KAAK,EACvB,OAAO,GAAG,IAAI,EACd,WAAW,GAAG,IAAI,EAClB,SAAS,GAAG,KAAK,EACjB,oBAAoB,GAAG,EAAE,EACzB,mBAAmB,EACnB,gBAAgB,EAChB,wBAAwB,EACxB,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,QAAQ,EACR,UAAU,EACV,kBAAkB,GACrB,KAAI;AACD,IAAA,MAAM,YAAY,GAAG,cAAc,KAAK,SAAS;IACjD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,iBAAiB,CAAC;IAE/D,MAAM,WAAW,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC;AAElD,IAAA,MAAM,eAAe,GAAG,CAAC,UAAkB,KAAI;AAC3C,QAAA,IAAI,YAAY,EAAE;YACd,aAAa,CAAC,UAAU,CAAC;AAC5B;AAED,QAAA,IAAI,QAAQ,EAAE;YACV,QAAQ,CAAC,UAAU,CAAC;AACvB;AACL,KAAC;AAED,IAAA,IAAI,CAAC,WAAW;AAAE,QAAA,OAAO,IAAI;IAE7B,MAAM,iBAAiB,GAAG,YAAY,GAAG,UAAU,GAAG,cAAc;IAEpE,QACI,KACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,SAAS,EAAE;AACvC,YAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,eAAe;AACrC,SAAA,CAAC,kBACY,UAAU,EAAA,EAEvB,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,KAAI;AAC1C,QAAA,MAAM,UAAU,GAAG,KAAK,GAAG,CAAC;AAC5B,QAAA,MAAM,UAAU,GAAG,UAAU,KAAK,iBAAiB;AACnD,QAAA,MAAM,eAAe,GAAG,oBAAoB,IAAI,UAAU,GAAG,iBAAiB;AAC9E,QAAA,MAAM,QAAQ,GAAG,mBAAmB,GAAG,mBAAmB,CAAC,UAAU,CAAC,GAAG,KAAK;AAC9E,QAAA,MAAM,UAAU,GAAG,mBAAmB,GAAG,mBAAmB,CAAC,UAAU,CAAC,GAAG,KAAK;AAChF,QAAA,MAAM,OAAO,GAAG,gBAAgB,GAAG,gBAAgB,CAAC,UAAU,CAAC,GAAG,KAAK;QACvE,MAAM,eAAe,GAAG;AACpB,cAAE,wBAAwB,CAAC,UAAU;cACnC,KAAK;AACX,QAAA,MAAM,SAAS,GAAG,kBAAkB,GAAG,kBAAkB,CAAC,UAAU,CAAC,GAAG,KAAK;AAC7E,QAAA,MAAM,SAAS,GAAG,kBAAkB,GAAG,kBAAkB,CAAC,UAAU,CAAC,GAAG,KAAK;QAC7E,MAAM,mBAAmB,GAAG,iBAAiB,IAAI,iBAAiB,CAAC,UAAU,CAAC;AAC9E,QAAA,MAAM,aAAa,GAAG,WAAW,KAAK,UAAU;AAChD,QAAA,MAAM,aAAa,GAAG,CAAC,QAAQ,IAAI,WAAW;AAE9C,QAAA,QACI,KAAC,CAAA,aAAA,CAAA,IAAI,IACD,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,mBAAmB,EAAE,mBAAmB,EACxC,OAAO,EAAE,eAAe,EACxB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,aAAa,EAC1B,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,aAAa,EAC5B,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,SAAS,EACpB,oBAAoB,EAAE,oBAAoB,EAC1C,kBAAkB,EAAE,kBAAkB,EACtC,UAAU,EAAE,UAAU,IAErB,IAAI,CACF;KAEd,CAAC,CACA;AAEd;;;;"}

package/moderncssm/components/step/Component.js

@@ -101,3 +101,4 @@ const Step = ({ children, stepNumber, isSelected, disabled, ordered, isPositive,
 };
 
 export { Step };
+//# sourceMappingURL=Component.js.map

package/moderncssm/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":[],"mappings":"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"}

package/moderncssm/components/step/index.js

@@ -1 +1,2 @@
 export { Step } from './Component.js';
+//# sourceMappingURL=index.js.map

package/moderncssm/components/step/index.js.map

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

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

@@ -1,5 +1,3 @@
-/* */
-
 :root {
     --steps-option-svg-color: var(--color-light-status-positive);
     --steps-dash-border: 2px solid var(--color-light-status-positive);
@@ -106,6 +104,7 @@
     padding: var(--gap-8);
     color: var(--color-light-text-primary);
     border-radius: var(--gap-8);
+    height: -moz-min-content;
     height: min-content
 }
 

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

@@ -6,3 +6,4 @@ import styles from './index.module.css';
 const StepIndicator = ({ content, iconColor, className }) => (React.createElement(Badge, { size: 'l', view: 'icon', iconColor: iconColor, className: cn(styles.component, className), content: content }));
 
 export { StepIndicator };
+//# sourceMappingURL=Component.js.map

package/moderncssm/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":[],"mappings":";;;;;MASa,aAAa,GAAiC,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MACzF,oBAAC,KAAK,EAAA,EACF,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAC1C,OAAO,EAAE,OAAO,EAClB,CAAA;;;;"}

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

@@ -1 +1,2 @@
 export { StepIndicator } from './Component.js';
+//# sourceMappingURL=index.js.map

package/moderncssm/components/step-indicator/index.js.map

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

package/moderncssm/components/step-indicator/index.module.css

@@ -1,5 +1,3 @@
-/* */
-
 .component.component {
     padding: var(--gap-0);
 }

package/moderncssm/index.js

@@ -1 +1,2 @@
 export { Steps } from './Component.js';
+//# sourceMappingURL=index.js.map

package/moderncssm/index.js.map

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

package/moderncssm/index.module.css

@@ -1,5 +1,3 @@
-/* */
-
 .component {
     display: flex;
     align-items: center;

package/moderncssm/shared/index.js

@@ -1 +1,2 @@
 export { getStepsTestIds } from '../utils/getStepsTestIds.js';
+//# sourceMappingURL=index.js.map

package/moderncssm/shared/index.js.map

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

package/{modern → moderncssm/src}/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/{components → moderncssm/src/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/moderncssm/src/components/step/index.d.ts

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

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

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

package/moderncssm/src/components/step-indicator/index.d.ts

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

package/moderncssm/src/index.d.ts

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

package/moderncssm/src/shared/index.d.ts

@@ -0,0 +1 @@
+export { getStepsTestIds } from '../utils/getStepsTestIds';

package/moderncssm/{types → src/types}/common-props.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 /** Обобщенный набор типов который подходит для Steps, но также прокинут в дочерний Step */
-type CommonProps = {
+export declare type CommonProps = {
     /**
      * Идентификатор для систем автоматизированного тестирования
      */
@@ -38,4 +38,3 @@ type CommonProps = {
      */
     completedDashColor?: string;
 };
-export { CommonProps };

package/moderncssm/src/utils/getStepsTestIds.d.ts

@@ -0,0 +1,4 @@
+export declare function getStepsTestIds(dataTestId: string): {
+    steps: string;
+    step: string;
+};

package/moderncssm/types/common-props.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=common-props.js.map

package/moderncssm/types/common-props.js.map

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

package/moderncssm/utils/getStepsTestIds.js

@@ -8,3 +8,4 @@ function getStepsTestIds(dataTestId) {
 }
 
 export { getStepsTestIds };
+//# sourceMappingURL=getStepsTestIds.js.map

package/moderncssm/utils/getStepsTestIds.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getStepsTestIds.js","sources":["../../../src/utils/getStepsTestIds.ts"],"sourcesContent":["import { getDataTestId } from '@alfalab/core-components-shared';\n\nexport function getStepsTestIds(dataTestId: string) {\n    return {\n        steps: dataTestId,\n        step: getDataTestId(dataTestId, 'step'),\n    };\n}\n"],"names":[],"mappings":";;AAEM,SAAU,eAAe,CAAC,UAAkB,EAAA;IAC9C,OAAO;AACH,QAAA,KAAK,EAAE,UAAU;AACjB,QAAA,IAAI,EAAE,aAAa,CAAC,UAAU,EAAE,MAAM,CAAC;KAC1C;AACL;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-steps",
-    "version": "1.8.0",
+    "version": "1.8.1-snapshot-1393ffa",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -15,13 +15,13 @@
         "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-badge": "^5.6.4",
-        "@alfalab/core-components-shared": "^0.16.0",
+        "@alfalab/core-components-badge": "5.6.5-snapshot-1393ffa",
+        "@alfalab/core-components-shared": "0.16.1-snapshot-1393ffa",
         "@alfalab/hooks": "^1.13.1",
         "@alfalab/icons-glyph": "^2.210.0",
         "classnames": "^2.5.1",
         "tslib": "^2.4.0"
     },
-    "themesVersion": "13.7.1",
-    "varsVersion": "9.18.0"
+    "themesVersion": "14.0.0-snapshot-1393ffa",
+    "varsVersion": "9.20.1-snapshot-1393ffa"
 }

package/shared/index.js

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

package/shared/index.js.map

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

package/src/Component.d.ts

@@ -0,0 +1,72 @@
+import React from 'react';
+import { StepIndicatorProps } from './components/step-indicator';
+import { CommonProps } from './types/common-props';
+export declare type StepsProps = {
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Активный шаг, указанный по умолчанию
+     * @default 1
+     */
+    defaultActiveStep?: number;
+    /**
+     * Активный шаг
+     */
+    activeStep?: number;
+    /**
+     * Управление возможностью отключения пометки пройденного шага
+     * @default true
+     */
+    isMarkCompletedSteps?: boolean;
+    /**
+     * Кастомный метод для управления состоянием disabled шага и
+     * возможностью перехода на этот шаг
+     * @param stepNumber - номер шага
+     * @return Флаг состояния disabled
+     */
+    checkIsStepDisabled?: (stepNumber: number) => boolean;
+    /**
+     * Кастомный метод для управления состоянием шага error
+     * @param stepNumber - номер шага
+     * @return Флаг состояния error
+     */
+    checkIsStepError?: (stepNumber: number) => boolean;
+    /**
+     * Кастомный метод для управления состоянием шага criticalError
+     * @param stepNumber - номер шага
+     * @return Флаг состояния error
+     */
+    checkIsStepCriticalError?: (stepNumber: number) => boolean;
+    /**
+     * Кастомный метод для управления состоянием шага warning
+     * @param stepNumber - номер шага
+     * @return Флаг состояния warning
+     */
+    checkIsStepWarning?: (stepNumber: number) => boolean;
+    /**
+     * Кастомный метод для управления состоянием шага waiting
+     * @param stepNumber - номер шага
+     * @return Флаг состояния waiting
+     */
+    checkIsStepWaiting?: (stepNumber: number) => boolean;
+    /**
+     * Кастомный метод для управления состоянием шага positive
+     * @param stepNumber - номер шага
+     * @return Флаг состояния positive
+     */
+    checkIsStepPositive?: (stepNumber: number) => boolean;
+    /**
+     * Кастомный метод для установки кастомного индикатора шага
+     * @param stepNumber - номер шага
+     * @return Объект StepIndicatorProps { className, content, iconColor } или null
+     */
+    checkIsStepCustom?: (stepNumber: number) => StepIndicatorProps | null;
+    /**
+     * Обработчик клика на шаг
+     * @param stepNumber - номер активного шага
+     */
+    onChange?: (stepNumber: number) => void;
+} & CommonProps;
+export declare const Steps: React.FC<StepsProps>;

package/src/components/step/Component.d.ts

@@ -0,0 +1,56 @@
+import { FC } from 'react';
+import { CommonProps } from '../../types/common-props';
+import { StepIndicatorProps } from '../step-indicator';
+declare type StepProps = {
+    /**
+     * Номер шага
+     */
+    stepNumber: number;
+    /**
+     * Маркер того, что текущий шаг выбран
+     */
+    isSelected: boolean;
+    /**
+     * Маркер того, что текущий шаг доступен для клика
+     */
+    disabled: boolean;
+    /**
+     * Маркер того, что текущий шаг находится в состоянии "Positive"
+     */
+    isPositive: boolean;
+    /**
+     * Маркер того, что текущий шаг находится в состоянии "Error"
+     */
+    isError: boolean;
+    /**
+     * Маркер того, что текущий шаг находится в состоянии "isCriticalError"
+     */
+    isCriticalError: boolean;
+    /**
+     * Маркер того, что текущий шаг находится в состоянии "Warning"
+     */
+    isWarning: boolean;
+    /**
+     * Маркер того, что текущий шаг находится в состоянии "Waiting"
+     */
+    isWaiting: boolean;
+    /**
+     * Маркер того, что текущий шаг нужно пометить как завершенный
+     */
+    isStepCompleted: boolean;
+    /**
+     * Свойства кастомного индикатора текущего шага
+     */
+    customStepIndicator?: StepIndicatorProps | null;
+    /**
+     * Указывает, является ли текущий шаг последним в списке
+     */
+    isNotLastStep?: boolean;
+    /**
+     * Обработчик нажатия на текущей шаг
+     * @param stepNumber - номер шага
+     */
+    onClick: (stepNumber: number) => void;
+} & CommonProps;
+export declare const Step: FC<StepProps>;
+export {};

package/src/components/step/index.d.ts

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