@hh.ru/magritte-ui-stepper 1.2.9 → 1.3.0

package/Content.js

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef, Fragment } from 'react';
 import classnames from 'classnames';
 import { useDisabled } from '@hh.ru/magritte-common-use-disabled';
-import { s as styles } from './stepper-CZzz9gjH.js';
+import { s as styles } from './stepper-CmOyd1oW.js';
 
 const StepperContent = forwardRef(({ children, onClick }, ref) => {
     const Wrapper = onClick ? 'button' : Fragment;

package/Marker.js

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import classnames from 'classnames';
 import { useDisabled } from '@hh.ru/magritte-common-use-disabled';
 import { isIconElement, IconDynamic } from '@hh.ru/magritte-ui-icon';
-import { s as styles } from './stepper-CZzz9gjH.js';
+import { s as styles } from './stepper-CmOyd1oW.js';
 
 const StepperMarker = ({ children, size }) => {
     const isIcon = isIconElement(children);

package/Step.d.ts

@@ -3,6 +3,8 @@ export interface StepExternalProps {
     'data-qa'?: string;
     /** Флаг отключающий шаг */
     disabled?: boolean;
+    /** Принудительно включает дивайдер для последнего шага */
+    forceDivider?: boolean;
     /** Оформление шага (цвет полосы сверху или слева от шага) */
     style?: 'neutral' | 'positive' | 'warning' | 'negative';
     /** Обработчик клика */

package/Step.js

@@ -4,9 +4,9 @@ import { forwardRef, isValidElement, Children, cloneElement } from 'react';
 import classnames from 'classnames';
 import { useDisabled, DisabledContext } from '@hh.ru/magritte-common-use-disabled';
 import { StepperContent } from './Content.js';
-import { s as styles } from './stepper-CZzz9gjH.js';
+import { s as styles } from './stepper-CmOyd1oW.js';
 
-const StepperStep = forwardRef(({ 'data-qa': dataQa = 'magritte-stepper-step', disabled = false, children, onClick, selected, style = 'neutral', }, ref) => {
+const StepperStep = forwardRef(({ 'data-qa': dataQa = 'magritte-stepper-step', disabled = false, forceDivider = false, children, onClick, selected, style = 'neutral', }, ref) => {
     const isDisabled = !!(useDisabled() || disabled);
     const hasContent = Array.isArray(children) &&
         isValidElement(children[1]) &&
@@ -14,6 +14,7 @@ const StepperStep = forwardRef(({ 'data-qa': dataQa = 'magritte-stepper-step', d
     return (jsx(DisabledContext.Provider, { value: isDisabled, children: jsx("li", { className: classnames(styles.step, styles[`step-style-${style}`], {
                 [styles.disabledStep]: isDisabled,
                 [styles.stepNoContent]: !hasContent,
+                [styles.forceDivider]: forceDivider,
             }), "aria-current": selected ? 'step' : undefined, "aria-disabled": isDisabled, "data-qa": dataQa, ref: ref, children: Children.map(children, (child) => isValidElement(child) && child?.type === StepperContent
                 ? cloneElement(child, {
                     onClick: onClick ? () => onClick(!!selected) : undefined,

package/Step.js.map

@@ -1 +1 @@
-{"version":3,"file":"Step.js","sources":["src/Step.tsx"],"sourcesContent":["import {\n    type LegacyRef,\n    type ForwardRefExoticComponent,\n    type RefAttributes,\n    type ReactNode,\n    isValidElement,\n    cloneElement,\n    forwardRef,\n    Children,\n    ReactElement,\n} from 'react';\nimport classnames from 'classnames';\n\nimport { useDisabled, DisabledContext } from '@hh.ru/magritte-common-use-disabled';\nimport { StepperContent } from '@hh.ru/magritte-ui-stepper/Content';\n\nimport styles from './stepper.less';\n\nexport interface StepExternalProps {\n    'data-qa'?: string;\n    /** Флаг отключающий шаг */\n    disabled?: boolean;\n    /** Оформление шага (цвет полосы сверху или слева от шага) */\n    style?: 'neutral' | 'positive' | 'warning' | 'negative';\n    /** Обработчик клика */\n    onClick?: (isSelected: boolean) => void | null;\n    children?: ReactNode;\n}\n\nexport type StepProps = {\n    selected?: boolean;\n} & StepExternalProps;\n\nexport const StepperStep = forwardRef<HTMLElement, StepProps>(\n    (\n        {\n            'data-qa': dataQa = 'magritte-stepper-step',\n            disabled = false,\n            children,\n            onClick,\n            selected,\n            style = 'neutral',\n        },\n        ref\n    ) => {\n        const isDisabled = !!(useDisabled() || disabled);\n        const hasContent =\n            Array.isArray(children) &&\n            isValidElement(children[1] as null) &&\n            (children[1] as ReactElement)?.type === StepperContent;\n\n        return (\n            <DisabledContext.Provider value={isDisabled}>\n                <li\n                    className={classnames(styles.step, styles[`step-style-${style}`], {\n                        [styles.disabledStep]: isDisabled,\n                        [styles.stepNoContent]: !hasContent,\n                    })}\n                    aria-current={selected ? 'step' : undefined}\n                    aria-disabled={isDisabled}\n                    data-qa={dataQa}\n                    ref={ref as LegacyRef<HTMLLIElement>}\n                >\n                    {Children.map(children, (child) =>\n                        isValidElement(child) && child?.type === StepperContent\n                            ? cloneElement(child as ReactElement, {\n                                  onClick: onClick ? () => onClick(!!selected) : undefined,\n                              })\n                            : child\n                    )}\n                </li>\n            </DisabledContext.Provider>\n        );\n    }\n) as ForwardRefExoticComponent<StepExternalProps & RefAttributes<HTMLElement>>;\n\nStepperStep.displayName = 'StepperStep';\n"],"names":["_jsx"],"mappings":";;;;;;;AAiCO,MAAM,WAAW,GAAG,UAAU,CACjC,CACI,EACI,SAAS,EAAE,MAAM,GAAG,uBAAuB,EAC3C,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,KAAK,GAAG,SAAS,GACpB,EACD,GAAG,KACH;IACA,MAAM,UAAU,GAAG,CAAC,EAAE,WAAW,EAAE,IAAI,QAAQ,CAAC,CAAC;AACjD,IAAA,MAAM,UAAU,GACZ,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;AACvB,QAAA,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAS,CAAC;AAClC,QAAA,QAAQ,CAAC,CAAC,CAAkB,EAAE,IAAI,KAAK,cAAc,CAAC;IAE3D,QACIA,GAAC,CAAA,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,UAAU,EAAA,QAAA,EACvCA,GACI,CAAA,IAAA,EAAA,EAAA,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAc,WAAA,EAAA,KAAK,CAAE,CAAA,CAAC,EAAE;AAC9D,gBAAA,CAAC,MAAM,CAAC,YAAY,GAAG,UAAU;AACjC,gBAAA,CAAC,MAAM,CAAC,aAAa,GAAG,CAAC,UAAU;AACtC,aAAA,CAAC,kBACY,QAAQ,GAAG,MAAM,GAAG,SAAS,mBAC5B,UAAU,EAAA,SAAA,EAChB,MAAM,EACf,GAAG,EAAE,GAA+B,EAAA,QAAA,EAEnC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,KAC1B,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,EAAE,IAAI,KAAK,cAAc;AACnD,kBAAE,YAAY,CAAC,KAAqB,EAAE;AAChC,oBAAA,OAAO,EAAE,OAAO,GAAG,MAAM,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,SAAS;iBAC3D,CAAC;AACJ,kBAAE,KAAK,CACd,EACA,CAAA,EAAA,CACkB,EAC7B;AACN,CAAC,EAC0E;AAE/E,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
+{"version":3,"file":"Step.js","sources":["src/Step.tsx"],"sourcesContent":["import {\n    type LegacyRef,\n    type ForwardRefExoticComponent,\n    type RefAttributes,\n    type ReactNode,\n    isValidElement,\n    cloneElement,\n    forwardRef,\n    Children,\n    ReactElement,\n} from 'react';\nimport classnames from 'classnames';\n\nimport { useDisabled, DisabledContext } from '@hh.ru/magritte-common-use-disabled';\nimport { StepperContent } from '@hh.ru/magritte-ui-stepper/Content';\n\nimport styles from './stepper.less';\n\nexport interface StepExternalProps {\n    'data-qa'?: string;\n    /** Флаг отключающий шаг */\n    disabled?: boolean;\n    /** Принудительно включает дивайдер для последнего шага */\n    forceDivider?: boolean;\n    /** Оформление шага (цвет полосы сверху или слева от шага) */\n    style?: 'neutral' | 'positive' | 'warning' | 'negative';\n    /** Обработчик клика */\n    onClick?: (isSelected: boolean) => void | null;\n    children?: ReactNode;\n}\n\nexport type StepProps = {\n    selected?: boolean;\n} & StepExternalProps;\n\nexport const StepperStep = forwardRef<HTMLElement, StepProps>(\n    (\n        {\n            'data-qa': dataQa = 'magritte-stepper-step',\n            disabled = false,\n            forceDivider = false,\n            children,\n            onClick,\n            selected,\n            style = 'neutral',\n        },\n        ref\n    ) => {\n        const isDisabled = !!(useDisabled() || disabled);\n        const hasContent =\n            Array.isArray(children) &&\n            isValidElement(children[1] as null) &&\n            (children[1] as ReactElement)?.type === StepperContent;\n\n        return (\n            <DisabledContext.Provider value={isDisabled}>\n                <li\n                    className={classnames(styles.step, styles[`step-style-${style}`], {\n                        [styles.disabledStep]: isDisabled,\n                        [styles.stepNoContent]: !hasContent,\n                        [styles.forceDivider]: forceDivider,\n                    })}\n                    aria-current={selected ? 'step' : undefined}\n                    aria-disabled={isDisabled}\n                    data-qa={dataQa}\n                    ref={ref as LegacyRef<HTMLLIElement>}\n                >\n                    {Children.map(children, (child) =>\n                        isValidElement(child) && child?.type === StepperContent\n                            ? cloneElement(child as ReactElement, {\n                                  onClick: onClick ? () => onClick(!!selected) : undefined,\n                              })\n                            : child\n                    )}\n                </li>\n            </DisabledContext.Provider>\n        );\n    }\n) as ForwardRefExoticComponent<StepExternalProps & RefAttributes<HTMLElement>>;\n\nStepperStep.displayName = 'StepperStep';\n"],"names":["_jsx"],"mappings":";;;;;;;AAmCO,MAAM,WAAW,GAAG,UAAU,CACjC,CACI,EACI,SAAS,EAAE,MAAM,GAAG,uBAAuB,EAC3C,QAAQ,GAAG,KAAK,EAChB,YAAY,GAAG,KAAK,EACpB,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,KAAK,GAAG,SAAS,GACpB,EACD,GAAG,KACH;IACA,MAAM,UAAU,GAAG,CAAC,EAAE,WAAW,EAAE,IAAI,QAAQ,CAAC,CAAC;AACjD,IAAA,MAAM,UAAU,GACZ,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;AACvB,QAAA,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAS,CAAC;AAClC,QAAA,QAAQ,CAAC,CAAC,CAAkB,EAAE,IAAI,KAAK,cAAc,CAAC;IAE3D,QACIA,GAAC,CAAA,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,UAAU,EAAA,QAAA,EACvCA,GACI,CAAA,IAAA,EAAA,EAAA,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAc,WAAA,EAAA,KAAK,CAAE,CAAA,CAAC,EAAE;AAC9D,gBAAA,CAAC,MAAM,CAAC,YAAY,GAAG,UAAU;AACjC,gBAAA,CAAC,MAAM,CAAC,aAAa,GAAG,CAAC,UAAU;AACnC,gBAAA,CAAC,MAAM,CAAC,YAAY,GAAG,YAAY;AACtC,aAAA,CAAC,kBACY,QAAQ,GAAG,MAAM,GAAG,SAAS,mBAC5B,UAAU,EAAA,SAAA,EAChB,MAAM,EACf,GAAG,EAAE,GAA+B,EAAA,QAAA,EAEnC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,KAC1B,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,EAAE,IAAI,KAAK,cAAc;AACnD,kBAAE,YAAY,CAAC,KAAqB,EAAE;AAChC,oBAAA,OAAO,EAAE,OAAO,GAAG,MAAM,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,SAAS;iBAC3D,CAAC;AACJ,kBAAE,KAAK,CACd,EACA,CAAA,EAAA,CACkB,EAC7B;AACN,CAAC,EAC0E;AAE/E,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

package/Stepper.js

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef, Children, cloneElement, Fragment } from 'react';
 import classnames from 'classnames';
 import { useDisabled, DisabledContext } from '@hh.ru/magritte-common-use-disabled';
-import { s as styles } from './stepper-CZzz9gjH.js';
+import { s as styles } from './stepper-CmOyd1oW.js';
 
 const Stepper = forwardRef(({ selectedStep = null, onStepClick, orientation = 'vertical', 'data-qa': dataQa = 'magritte-stepper', 'aria-label': ariaLabel, disabled, children, }, ref) => {
     const isDisabled = !!(useDisabled() || disabled);

package/index.css

@@ -10,158 +10,159 @@
   --magritte-color-stroke-neutral-v24-5-0:#303030;
   --magritte-color-stroke-positive-v24-5-0:#10b55f;
 }
-.magritte-stepper___bf9CG_1-2-9{
+.magritte-stepper___bf9CG_1-3-0{
   display:flex;
   flex:1 1;
   list-style:none;
 }
-.magritte-stepper-horizontal___54ih5_1-2-9{
+.magritte-stepper-horizontal___54ih5_1-3-0{
   flex-direction:row;
 }
-.magritte-stepper-horizontal___54ih5_1-2-9 .magritte-step___7YXV2_1-2-9{
+.magritte-stepper-horizontal___54ih5_1-3-0 .magritte-step___7YXV2_1-3-0{
   flex-direction:column;
 }
-.magritte-stepper-horizontal___54ih5_1-2-9 .magritte-marker-container___ZuSOj_1-2-9{
+.magritte-stepper-horizontal___54ih5_1-3-0 .magritte-marker-container___ZuSOj_1-3-0{
   flex-direction:row;
   padding:0 12px 0 0;
 }
-.magritte-stepper-horizontal___54ih5_1-2-9 .magritte-marker-container___ZuSOj_1-2-9.magritte-marker-container-with-icon___rBC1i_1-2-9{
+.magritte-stepper-horizontal___54ih5_1-3-0 .magritte-marker-container___ZuSOj_1-3-0.magritte-marker-container-with-icon___rBC1i_1-3-0{
   padding:0 8px 0 0;
 }
-.magritte-stepper-horizontal___54ih5_1-2-9 .magritte-marker-container___ZuSOj_1-2-9::after{
+.magritte-stepper-horizontal___54ih5_1-3-0 .magritte-marker-container___ZuSOj_1-3-0::after{
   border-width:0;
   border-top-width:1px;
 }
-.magritte-stepper-horizontal___54ih5_1-2-9 .magritte-marker-wrapper___m-Hsn_1-2-9{
+.magritte-stepper-horizontal___54ih5_1-3-0 .magritte-marker-wrapper___m-Hsn_1-3-0{
   padding:0 12px 0 0;
 }
-.magritte-stepper-horizontal___54ih5_1-2-9 .magritte-marker-container-with-icon___rBC1i_1-2-9 .magritte-marker-wrapper___m-Hsn_1-2-9{
+.magritte-stepper-horizontal___54ih5_1-3-0 .magritte-marker-container-with-icon___rBC1i_1-3-0 .magritte-marker-wrapper___m-Hsn_1-3-0{
   padding:0 8px 0 0;
 }
-.magritte-stepper-horizontal___54ih5_1-2-9 .magritte-content-container___KPIiS_1-2-9{
+.magritte-stepper-horizontal___54ih5_1-3-0 .magritte-content-container___KPIiS_1-3-0{
   padding:12px 24px 0 0;
 }
-.magritte-stepper-horizontal___54ih5_1-2-9 .magritte-step___7YXV2_1-2-9:last-of-type .magritte-content-container___KPIiS_1-2-9{
+.magritte-stepper-horizontal___54ih5_1-3-0 .magritte-step___7YXV2_1-3-0:last-of-type:not(.magritte-force-divider___KV-G7_1-3-0) .magritte-content-container___KPIiS_1-3-0{
   padding-right:0;
 }
-.magritte-content-container___KPIiS_1-2-9{
+.magritte-content-container___KPIiS_1-3-0{
   order:2;
 }
-.magritte-stepper-vertical___032Tm_1-2-9{
+.magritte-stepper-vertical___032Tm_1-3-0{
   flex-direction:column;
 }
-.magritte-stepper-vertical___032Tm_1-2-9 .magritte-step___7YXV2_1-2-9{
+.magritte-stepper-vertical___032Tm_1-3-0 .magritte-step___7YXV2_1-3-0{
   flex-direction:row;
 }
-.magritte-stepper-vertical___032Tm_1-2-9 .magritte-content-container___KPIiS_1-2-9,
-.magritte-stepper-vertical___032Tm_1-2-9 .magritte-step-button___xSXUO_1-2-9{
+.magritte-stepper-vertical___032Tm_1-3-0 .magritte-content-container___KPIiS_1-3-0,
+.magritte-stepper-vertical___032Tm_1-3-0 .magritte-step-button___xSXUO_1-3-0{
   flex:1 1;
 }
-.magritte-stepper-vertical___032Tm_1-2-9 .magritte-marker-container___ZuSOj_1-2-9{
+.magritte-stepper-vertical___032Tm_1-3-0 .magritte-marker-container___ZuSOj_1-3-0{
   flex-direction:column;
   padding:4px 0 8px;
 }
-.magritte-stepper-vertical___032Tm_1-2-9 .magritte-marker-container___ZuSOj_1-2-9.magritte-marker-container-with-icon___rBC1i_1-2-9{
+.magritte-stepper-vertical___032Tm_1-3-0 .magritte-marker-container___ZuSOj_1-3-0.magritte-marker-container-with-icon___rBC1i_1-3-0{
   padding-bottom:4px;
 }
-.magritte-stepper-vertical___032Tm_1-2-9.magritte-stepper-no-content___AEmtQ_1-2-9 .magritte-marker-container___ZuSOj_1-2-9{
+.magritte-stepper-vertical___032Tm_1-3-0.magritte-stepper-no-content___AEmtQ_1-3-0 .magritte-marker-container___ZuSOj_1-3-0{
   padding-right:0;
 }
-.magritte-stepper-vertical___032Tm_1-2-9 .magritte-marker-container___ZuSOj_1-2-9::after{
+.magritte-stepper-vertical___032Tm_1-3-0 .magritte-marker-container___ZuSOj_1-3-0::after{
   border-width:0;
   border-left-width:1px;
 }
-.magritte-stepper-vertical___032Tm_1-2-9 .magritte-marker-wrapper___m-Hsn_1-2-9{
+.magritte-stepper-vertical___032Tm_1-3-0 .magritte-marker-wrapper___m-Hsn_1-3-0{
   padding:0 0 12px;
 }
-.magritte-stepper-vertical___032Tm_1-2-9 .magritte-marker-container-with-icon___rBC1i_1-2-9 .magritte-marker-wrapper___m-Hsn_1-2-9{
+.magritte-stepper-vertical___032Tm_1-3-0 .magritte-marker-container-with-icon___rBC1i_1-3-0 .magritte-marker-wrapper___m-Hsn_1-3-0{
   padding:0 0 8px;
 }
-.magritte-stepper-vertical___032Tm_1-2-9 .magritte-content-container___KPIiS_1-2-9{
+.magritte-stepper-vertical___032Tm_1-3-0 .magritte-content-container___KPIiS_1-3-0{
   padding:0 0 24px 12px;
 }
-.magritte-stepper-vertical___032Tm_1-2-9 .magritte-step___7YXV2_1-2-9:last-of-type .magritte-content-container___KPIiS_1-2-9,
-.magritte-stepper-vertical___032Tm_1-2-9 .magritte-step___7YXV2_1-2-9:last-of-type .magritte-marker-container___ZuSOj_1-2-9,
-.magritte-stepper-vertical___032Tm_1-2-9 .magritte-step___7YXV2_1-2-9:last-of-type .magritte-marker-wrapper___m-Hsn_1-2-9{
+.magritte-stepper-vertical___032Tm_1-3-0 .magritte-step___7YXV2_1-3-0:last-of-type:not(.magritte-force-divider___KV-G7_1-3-0) .magritte-content-container___KPIiS_1-3-0,
+.magritte-stepper-vertical___032Tm_1-3-0 .magritte-step___7YXV2_1-3-0:last-of-type:not(.magritte-force-divider___KV-G7_1-3-0) .magritte-marker-container___ZuSOj_1-3-0,
+.magritte-stepper-vertical___032Tm_1-3-0 .magritte-step___7YXV2_1-3-0:last-of-type:not(.magritte-force-divider___KV-G7_1-3-0) .magritte-marker-wrapper___m-Hsn_1-3-0{
   padding-bottom:0;
 }
-.magritte-step___7YXV2_1-2-9:last-of-type.magritte-step-no-content___mTIaO_1-2-9{
+.magritte-step___7YXV2_1-3-0:last-of-type.magritte-step-no-content___mTIaO_1-3-0:not(.magritte-force-divider___KV-G7_1-3-0){
   flex:0 0;
 }
-.magritte-step___7YXV2_1-2-9:last-of-type.magritte-step-no-content___mTIaO_1-2-9 .magritte-marker-container___ZuSOj_1-2-9,
-.magritte-step___7YXV2_1-2-9:last-of-type.magritte-step-no-content___mTIaO_1-2-9 .magritte-marker-wrapper___m-Hsn_1-2-9{
+.magritte-step___7YXV2_1-3-0:last-of-type.magritte-step-no-content___mTIaO_1-3-0:not(.magritte-force-divider___KV-G7_1-3-0) .magritte-marker-container___ZuSOj_1-3-0,
+.magritte-step___7YXV2_1-3-0:last-of-type.magritte-step-no-content___mTIaO_1-3-0:not(.magritte-force-divider___KV-G7_1-3-0) .magritte-marker-wrapper___m-Hsn_1-3-0{
   padding:0;
 }
-.magritte-step___7YXV2_1-2-9{
+.magritte-step___7YXV2_1-3-0{
   display:flex;
   flex:1 1;
 }
-.magritte-marker-container___ZuSOj_1-2-9{
+.magritte-marker-container___ZuSOj_1-3-0{
   order:1;
   display:flex;
   align-items:center;
 }
-.magritte-marker-container-disabled___lJ-PA_1-2-9::after{
+.magritte-marker-container-disabled___lJ-PA_1-3-0::after{
   opacity:0.5;
 }
-.magritte-step___7YXV2_1-2-9:not(:last-of-type) .magritte-marker-container___ZuSOj_1-2-9::after{
+.magritte-step___7YXV2_1-3-0:not(:last-of-type) .magritte-marker-container___ZuSOj_1-3-0::after,
+.magritte-step___7YXV2_1-3-0.magritte-force-divider___KV-G7_1-3-0 .magritte-marker-container___ZuSOj_1-3-0::after{
   flex:1 1;
   content:'';
   border-style:solid;
 }
-.magritte-step-style-neutral___061j4_1-2-9 .magritte-marker-container___ZuSOj_1-2-9::after{
+.magritte-step-style-neutral___061j4_1-3-0 .magritte-marker-container___ZuSOj_1-3-0::after{
   border-color:var(--magritte-color-stroke-neutral-v24-5-0);
 }
-.magritte-step-style-positive___9jcvm_1-2-9 .magritte-marker-container___ZuSOj_1-2-9::after{
+.magritte-step-style-positive___9jcvm_1-3-0 .magritte-marker-container___ZuSOj_1-3-0::after{
   border-color:var(--magritte-color-stroke-positive-v24-5-0);
 }
-.magritte-step-style-warning___NboIv_1-2-9 .magritte-marker-container___ZuSOj_1-2-9::after{
+.magritte-step-style-warning___NboIv_1-3-0 .magritte-marker-container___ZuSOj_1-3-0::after{
   border-color:var(--magritte-color-stroke-neutral-v24-5-0);
 }
-.magritte-step-style-negative___w1AbF_1-2-9 .magritte-marker-container___ZuSOj_1-2-9::after{
+.magritte-step-style-negative___w1AbF_1-3-0 .magritte-marker-container___ZuSOj_1-3-0::after{
   border-color:var(--magritte-color-stroke-neutral-v24-5-0);
 }
-.magritte-marker-wrapper___m-Hsn_1-2-9{
+.magritte-marker-wrapper___m-Hsn_1-3-0{
   display:flex;
   flex:0 0;
   line-height:0;
 }
-.magritte-marker-divider-wrapper___PGB27_1-2-9{
+.magritte-marker-divider-wrapper___PGB27_1-3-0{
   display:inline-block;
   flex:1 1;
 }
-.magritte-content-container___KPIiS_1-2-9,
-.magritte-step-button___xSXUO_1-2-9{
+.magritte-content-container___KPIiS_1-3-0,
+.magritte-step-button___xSXUO_1-3-0{
   display:flex;
   flex-direction:column;
   align-items:flex-start;
   gap:12px;
 }
-.magritte-content-interactive___Cd9wI_1-2-9{
+.magritte-content-interactive___Cd9wI_1-3-0{
   align-items:stretch;
 }
-.magritte-step-button___xSXUO_1-2-9{
+.magritte-step-button___xSXUO_1-3-0{
   margin:-4px -8px;
   padding:4px 8px;
   border-radius:12px;
   cursor:default;
 }
-.magritte-step-button___xSXUO_1-2-9:not(:disabled){
+.magritte-step-button___xSXUO_1-3-0:not(:disabled){
   cursor:pointer;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-step-button___xSXUO_1-2-9:hover:not(:disabled){
+  body.magritte-old-layout .magritte-step-button___xSXUO_1-3-0:hover:not(:disabled){
     background-color:var(--magritte-color-background-state-secondary-hovered-v24-5-0);
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-step-button___xSXUO_1-2-9:hover:not(:disabled){
+  body:not(.magritte-old-layout) .magritte-step-button___xSXUO_1-3-0:hover:not(:disabled){
     background-color:var(--magritte-color-background-state-secondary-hovered-v24-5-0);
   }
 }
-.magritte-step-button___xSXUO_1-2-9:active:not(:disabled){
+.magritte-step-button___xSXUO_1-3-0:active:not(:disabled){
   background-color:var(--magritte-color-background-state-secondary-hovered-v24-5-0);
 }
-.magritte-step-button___xSXUO_1-2-9.focus-visible{
+.magritte-step-button___xSXUO_1-3-0.focus-visible{
   outline:4px solid var(--magritte-color-stroke-state-focused-accessible-v24-5-0);
 }

package/index.js

@@ -7,6 +7,6 @@ import 'react/jsx-runtime';
 import 'react';
 import 'classnames';
 import '@hh.ru/magritte-common-use-disabled';
-import './stepper-CZzz9gjH.js';
+import './stepper-CmOyd1oW.js';
 import '@hh.ru/magritte-ui-icon';
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-stepper",
-  "version": "1.2.9",
+  "version": "1.3.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -32,5 +32,5 @@
     "classnames": ">=2.3.2",
     "react": ">=18.2.0"
   },
-  "gitHead": "e019f700cfff466975b65b96124aaac592268720"
+  "gitHead": "56146e5bdeb38baa5983c67826334d805677aded"
 }

package/stepper-CmOyd1oW.js

@@ -0,0 +1,5 @@
+import './index.css';
+var styles = {"stepper":"magritte-stepper___bf9CG_1-3-0","stepper-horizontal":"magritte-stepper-horizontal___54ih5_1-3-0","stepperHorizontal":"magritte-stepper-horizontal___54ih5_1-3-0","step":"magritte-step___7YXV2_1-3-0","marker-container":"magritte-marker-container___ZuSOj_1-3-0","markerContainer":"magritte-marker-container___ZuSOj_1-3-0","marker-container-with-icon":"magritte-marker-container-with-icon___rBC1i_1-3-0","markerContainerWithIcon":"magritte-marker-container-with-icon___rBC1i_1-3-0","marker-wrapper":"magritte-marker-wrapper___m-Hsn_1-3-0","markerWrapper":"magritte-marker-wrapper___m-Hsn_1-3-0","content-container":"magritte-content-container___KPIiS_1-3-0","contentContainer":"magritte-content-container___KPIiS_1-3-0","force-divider":"magritte-force-divider___KV-G7_1-3-0","forceDivider":"magritte-force-divider___KV-G7_1-3-0","stepper-vertical":"magritte-stepper-vertical___032Tm_1-3-0","stepperVertical":"magritte-stepper-vertical___032Tm_1-3-0","step-button":"magritte-step-button___xSXUO_1-3-0","stepButton":"magritte-step-button___xSXUO_1-3-0","stepper-no-content":"magritte-stepper-no-content___AEmtQ_1-3-0","stepperNoContent":"magritte-stepper-no-content___AEmtQ_1-3-0","step-no-content":"magritte-step-no-content___mTIaO_1-3-0","stepNoContent":"magritte-step-no-content___mTIaO_1-3-0","marker-container-disabled":"magritte-marker-container-disabled___lJ-PA_1-3-0","markerContainerDisabled":"magritte-marker-container-disabled___lJ-PA_1-3-0","step-style-neutral":"magritte-step-style-neutral___061j4_1-3-0","stepStyleNeutral":"magritte-step-style-neutral___061j4_1-3-0","step-style-positive":"magritte-step-style-positive___9jcvm_1-3-0","stepStylePositive":"magritte-step-style-positive___9jcvm_1-3-0","step-style-warning":"magritte-step-style-warning___NboIv_1-3-0","stepStyleWarning":"magritte-step-style-warning___NboIv_1-3-0","step-style-negative":"magritte-step-style-negative___w1AbF_1-3-0","stepStyleNegative":"magritte-step-style-negative___w1AbF_1-3-0","marker-divider-wrapper":"magritte-marker-divider-wrapper___PGB27_1-3-0","markerDividerWrapper":"magritte-marker-divider-wrapper___PGB27_1-3-0","content-interactive":"magritte-content-interactive___Cd9wI_1-3-0","contentInteractive":"magritte-content-interactive___Cd9wI_1-3-0"};
+
+export { styles as s };
+//# sourceMappingURL=stepper-CmOyd1oW.js.map

package/stepper-CmOyd1oW.js.map

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

package/stepper-CZzz9gjH.js

@@ -1,5 +0,0 @@
-import './index.css';
-var styles = {"stepper":"magritte-stepper___bf9CG_1-2-9","stepper-horizontal":"magritte-stepper-horizontal___54ih5_1-2-9","stepperHorizontal":"magritte-stepper-horizontal___54ih5_1-2-9","step":"magritte-step___7YXV2_1-2-9","marker-container":"magritte-marker-container___ZuSOj_1-2-9","markerContainer":"magritte-marker-container___ZuSOj_1-2-9","marker-container-with-icon":"magritte-marker-container-with-icon___rBC1i_1-2-9","markerContainerWithIcon":"magritte-marker-container-with-icon___rBC1i_1-2-9","marker-wrapper":"magritte-marker-wrapper___m-Hsn_1-2-9","markerWrapper":"magritte-marker-wrapper___m-Hsn_1-2-9","content-container":"magritte-content-container___KPIiS_1-2-9","contentContainer":"magritte-content-container___KPIiS_1-2-9","stepper-vertical":"magritte-stepper-vertical___032Tm_1-2-9","stepperVertical":"magritte-stepper-vertical___032Tm_1-2-9","step-button":"magritte-step-button___xSXUO_1-2-9","stepButton":"magritte-step-button___xSXUO_1-2-9","stepper-no-content":"magritte-stepper-no-content___AEmtQ_1-2-9","stepperNoContent":"magritte-stepper-no-content___AEmtQ_1-2-9","step-no-content":"magritte-step-no-content___mTIaO_1-2-9","stepNoContent":"magritte-step-no-content___mTIaO_1-2-9","marker-container-disabled":"magritte-marker-container-disabled___lJ-PA_1-2-9","markerContainerDisabled":"magritte-marker-container-disabled___lJ-PA_1-2-9","step-style-neutral":"magritte-step-style-neutral___061j4_1-2-9","stepStyleNeutral":"magritte-step-style-neutral___061j4_1-2-9","step-style-positive":"magritte-step-style-positive___9jcvm_1-2-9","stepStylePositive":"magritte-step-style-positive___9jcvm_1-2-9","step-style-warning":"magritte-step-style-warning___NboIv_1-2-9","stepStyleWarning":"magritte-step-style-warning___NboIv_1-2-9","step-style-negative":"magritte-step-style-negative___w1AbF_1-2-9","stepStyleNegative":"magritte-step-style-negative___w1AbF_1-2-9","marker-divider-wrapper":"magritte-marker-divider-wrapper___PGB27_1-2-9","markerDividerWrapper":"magritte-marker-divider-wrapper___PGB27_1-2-9","content-interactive":"magritte-content-interactive___Cd9wI_1-2-9","contentInteractive":"magritte-content-interactive___Cd9wI_1-2-9"};
-
-export { styles as s };
-//# sourceMappingURL=stepper-CZzz9gjH.js.map

package/stepper-CZzz9gjH.js.map

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