@salutejs/plasma-new-hope 0.242.0-dev.0 → 0.242.1-canary.1707.12879664455.0

package/cjs/components/Slider/ui/Handler/Handler.js

@@ -12,6 +12,11 @@ var Slider_tokens = require('../../Slider.tokens.js');
 var Handler_styles = require('./Handler.styles.js');
 var computeKeyPressData = require('./computeKeyPressData.js');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var Draggable__default = /*#__PURE__*/_interopDefault(Draggable);
+
 var _excluded = ["size", "visibility", "isHovered", "orientation", "stepSize", "onChangeCommitted", "onChange", "position", "min", "max", "bounds", "zIndex", "disabled", "side", "showCurrentValue", "startOffset", "endOffset", "value", "valuePlacement"];
 
 // TODO: PLASMA-1707
@@ -112,7 +117,7 @@ var Handler = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   if (isDrag) {
     isPointerHidden = false;
   }
-  return /*#__PURE__*/React.createElement(Draggable, {
+  return /*#__PURE__*/React__default.default.createElement(Draggable__default.default, {
     axis: isVertical ? 'y' : 'x',
     bounds: computedBounds,
     grid: isVertical ? [1, stepSize] : [stepSize, 1],
@@ -121,7 +126,7 @@ var Handler = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onDrag: onDrag,
     position: dragPosition,
     disabled: disabled
-  }, /*#__PURE__*/React.createElement(Handler_styles.HandlerStyled, {
+  }, /*#__PURE__*/React__default.default.createElement(Handler_styles.HandlerStyled, {
     ref: ref,
     style: {
       zIndex: zIndex
@@ -130,14 +135,14 @@ var Handler = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     isLarge: size === 'large',
     isPointerHidden: isPointerHidden,
     onKeyDown: onKeyPress
-  }, !isPointerHidden && /*#__PURE__*/React.createElement(Thumb.Thumb, _rollupPluginBabelHelpers.extends({
+  }, !isPointerHidden && /*#__PURE__*/React__default.default.createElement(Thumb.Thumb, _rollupPluginBabelHelpers.extends({
     tabIndex: tabIndex,
     min: min,
     max: max,
     value: value,
     disabled: disabled,
     orientation: orientation
-  }, rest)), showCurrentValueCondition && /*#__PURE__*/React.createElement(Handler_styles.StyledValue, {
+  }, rest)), showCurrentValueCondition && /*#__PURE__*/React__default.default.createElement(Handler_styles.StyledValue, {
     isPointerHidden: isPointerHidden
   }, value)));
 });

package/cjs/components/Slider/ui/Handler/Handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"Handler.js","sources":["../../../../../src/components/Slider/ui/Handler/Handler.tsx"],"sourcesContent":["import React, { useRef, useState, forwardRef, KeyboardEvent } from 'react';\nimport Draggable, { DraggableEventHandler } from 'react-draggable';\n\nimport { cx } from '../../../../utils';\nimport { getSliderThumbValue, getOffsets } from '../../utils';\nimport { Thumb } from '../Thumb/Thumb';\nimport { classes } from '../../Slider.tokens';\n\nimport type { HandlerProps } from './Handler.types';\nimport { HandlerStyled, StyledValue } from './Handler.styles';\nimport { computeKeyPressData } from './computeKeyPressData';\n\n// TODO: PLASMA-1707\ndeclare module 'react-draggable' {\n    export interface DraggableProps {\n        children: React.ReactNode;\n    }\n}\n\nexport const Handler = forwardRef<HTMLDivElement, HandlerProps>(\n    (\n        {\n            size,\n            visibility,\n            isHovered,\n            orientation,\n            stepSize,\n            onChangeCommitted,\n            onChange,\n            position = 0,\n            min,\n            max,\n            bounds = [],\n            zIndex,\n            disabled,\n            side,\n            showCurrentValue = false,\n            startOffset = 0,\n            endOffset = 0,\n            value,\n            valuePlacement,\n            ...rest\n        },\n        ref,\n    ) => {\n        const isVertical = orientation === 'vertical';\n        const [isDrag, setIsDrag] = useState(false);\n\n        const lastOnChangeValue = useRef<number>();\n        const [startClientOffset, endClientOffset] = getOffsets(ref, side, isVertical);\n\n        const [startValueBound, endValueBound] = bounds;\n        const startPositionBound = startValueBound ? (startValueBound - min) * stepSize : null;\n        const endPositionBound = endValueBound ? (endValueBound - min) * stepSize : null;\n\n        const dragPosition =\n            typeof position === 'number' ? { x: isVertical ? 0 : position, y: isVertical ? position : 0 } : undefined;\n        const tabIndex = disabled ? -1 : 0;\n\n        const computedBounds = {\n            [isVertical ? 'top' : 'left']: (startPositionBound ?? 0) - (startClientOffset ? stepSize : 0),\n            [isVertical ? 'bottom' : 'right']:\n                (endPositionBound ?? stepSize * (max - min)) - (endClientOffset ? stepSize : 0),\n        };\n\n        const showCurrentValueCondition =\n            showCurrentValue &&\n            ((position >= startOffset && position <= max * stepSize - endOffset) || (position === 0 && value !== 0));\n\n        const onDrag: DraggableEventHandler = (_, data) => {\n            const newValue = getSliderThumbValue(isVertical ? data.y : data.x, stepSize, min, max);\n            if (lastOnChangeValue.current !== newValue) {\n                onChange?.(newValue, data);\n                lastOnChangeValue.current = newValue;\n            }\n        };\n\n        const onStart: DraggableEventHandler = () => {\n            setIsDrag(true);\n        };\n\n        const onStop: DraggableEventHandler = (_, data) => {\n            setIsDrag(false);\n\n            const newValue = getSliderThumbValue(isVertical ? data.y : data.x, stepSize, min, max);\n            onChangeCommitted && onChangeCommitted(newValue, data);\n        };\n\n        const onKeyPress = (event: KeyboardEvent<HTMLDivElement>) => {\n            event.persist();\n\n            const computedMultipleSteps = stepSize * ((rest.multipleStepSize / 100) * max);\n\n            const data = computeKeyPressData(event, {\n                isVertical,\n                stepSize,\n                position,\n                max,\n                computedMultipleSteps,\n            });\n\n            if (!data) {\n                return;\n            }\n\n            const { left, right, top, bottom } = computedBounds;\n\n            /*\n             * INFO: Находим значение в диапазоне между указанными левой и правой границами.\n             * Или между верхней и нижней\n             * Необходимо для правильного расчета положения SliderThumb.\n             * см. функция clamp\n             */\n            const boundedValue = isVertical\n                ? Math.max(Math.min(bottom, data.y), top)\n                : Math.max(Math.min(right, data.x), left);\n\n            const computedValue = getSliderThumbValue(boundedValue, stepSize, min, max);\n            lastOnChangeValue.current = computedValue;\n\n            onChangeCommitted && onChangeCommitted(computedValue, data);\n        };\n\n        let isPointerHidden = (visibility === 'hover' && !isHovered) || size === 'none';\n\n        if (isDrag) {\n            isPointerHidden = false;\n        }\n\n        return (\n            <Draggable\n                axis={isVertical ? 'y' : 'x'}\n                bounds={computedBounds}\n                grid={isVertical ? [1, stepSize] : [stepSize, 1]}\n                onStart={onStart}\n                onStop={onStop}\n                onDrag={onDrag}\n                position={dragPosition}\n                disabled={disabled}\n            >\n                <HandlerStyled\n                    ref={ref}\n                    style={{ zIndex }}\n                    className={cx(\n                        isVertical && classes.verticalOrientation,\n                        valuePlacement === 'left' && classes.valuePlacementLeft,\n                    )}\n                    isLarge={size === 'large'}\n                    isPointerHidden={isPointerHidden}\n                    onKeyDown={onKeyPress}\n                >\n                    {!isPointerHidden && (\n                        <Thumb\n                            tabIndex={tabIndex}\n                            min={min}\n                            max={max}\n                            value={value}\n                            disabled={disabled}\n                            orientation={orientation}\n                            {...rest}\n                        />\n                    )}\n                    {showCurrentValueCondition && <StyledValue isPointerHidden={isPointerHidden}>{value}</StyledValue>}\n                </HandlerStyled>\n            </Draggable>\n        );\n    },\n);\n"],"names":["Handler","forwardRef","_ref","ref","size","visibility","isHovered","orientation","stepSize","onChangeCommitted","onChange","_ref$position","position","min","max","_ref$bounds","bounds","zIndex","disabled","side","_ref$showCurrentValue","showCurrentValue","_ref$startOffset","startOffset","_ref$endOffset","endOffset","value","valuePlacement","rest","_objectWithoutProperties","_excluded","isVertical","_useState","useState","_useState2","_slicedToArray","isDrag","setIsDrag","lastOnChangeValue","useRef","_getOffsets","getOffsets","_getOffsets2","startClientOffset","endClientOffset","_bounds","startValueBound","endValueBound","startPositionBound","endPositionBound","dragPosition","x","y","undefined","tabIndex","computedBounds","_defineProperty","showCurrentValueCondition","onDrag","_","data","newValue","getSliderThumbValue","current","onStart","onStop","onKeyPress","event","persist","computedMultipleSteps","multipleStepSize","computeKeyPressData","left","right","top","bottom","boundedValue","Math","computedValue","isPointerHidden","React","createElement","Draggable","axis","grid","HandlerStyled","style","className","cx","classes","verticalOrientation","valuePlacementLeft","isLarge","onKeyDown","Thumb","_extends","StyledValue"],"mappings":"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"}
+{"version":3,"file":"Handler.js","sources":["../../../../../src/components/Slider/ui/Handler/Handler.tsx"],"sourcesContent":["import React, { useRef, useState, forwardRef, KeyboardEvent } from 'react';\nimport Draggable, { DraggableEventHandler } from 'react-draggable';\n\nimport { cx } from '../../../../utils';\nimport { getSliderThumbValue, getOffsets } from '../../utils';\nimport { Thumb } from '../Thumb/Thumb';\nimport { classes } from '../../Slider.tokens';\n\nimport type { HandlerProps } from './Handler.types';\nimport { HandlerStyled, StyledValue } from './Handler.styles';\nimport { computeKeyPressData } from './computeKeyPressData';\n\n// TODO: PLASMA-1707\ndeclare module 'react-draggable' {\n    export interface DraggableProps {\n        children: React.ReactNode;\n    }\n}\n\nexport const Handler = forwardRef<HTMLDivElement, HandlerProps>(\n    (\n        {\n            size,\n            visibility,\n            isHovered,\n            orientation,\n            stepSize,\n            onChangeCommitted,\n            onChange,\n            position = 0,\n            min,\n            max,\n            bounds = [],\n            zIndex,\n            disabled,\n            side,\n            showCurrentValue = false,\n            startOffset = 0,\n            endOffset = 0,\n            value,\n            valuePlacement,\n            ...rest\n        },\n        ref,\n    ) => {\n        const isVertical = orientation === 'vertical';\n        const [isDrag, setIsDrag] = useState(false);\n\n        const lastOnChangeValue = useRef<number>();\n        const [startClientOffset, endClientOffset] = getOffsets(ref, side, isVertical);\n\n        const [startValueBound, endValueBound] = bounds;\n        const startPositionBound = startValueBound ? (startValueBound - min) * stepSize : null;\n        const endPositionBound = endValueBound ? (endValueBound - min) * stepSize : null;\n\n        const dragPosition =\n            typeof position === 'number' ? { x: isVertical ? 0 : position, y: isVertical ? position : 0 } : undefined;\n        const tabIndex = disabled ? -1 : 0;\n\n        const computedBounds = {\n            [isVertical ? 'top' : 'left']: (startPositionBound ?? 0) - (startClientOffset ? stepSize : 0),\n            [isVertical ? 'bottom' : 'right']:\n                (endPositionBound ?? stepSize * (max - min)) - (endClientOffset ? stepSize : 0),\n        };\n\n        const showCurrentValueCondition =\n            showCurrentValue &&\n            ((position >= startOffset && position <= max * stepSize - endOffset) || (position === 0 && value !== 0));\n\n        const onDrag: DraggableEventHandler = (_, data) => {\n            const newValue = getSliderThumbValue(isVertical ? data.y : data.x, stepSize, min, max);\n            if (lastOnChangeValue.current !== newValue) {\n                onChange?.(newValue, data);\n                lastOnChangeValue.current = newValue;\n            }\n        };\n\n        const onStart: DraggableEventHandler = () => {\n            setIsDrag(true);\n        };\n\n        const onStop: DraggableEventHandler = (_, data) => {\n            setIsDrag(false);\n\n            const newValue = getSliderThumbValue(isVertical ? data.y : data.x, stepSize, min, max);\n            onChangeCommitted && onChangeCommitted(newValue, data);\n        };\n\n        const onKeyPress = (event: KeyboardEvent<HTMLDivElement>) => {\n            event.persist();\n\n            const computedMultipleSteps = stepSize * ((rest.multipleStepSize / 100) * max);\n\n            const data = computeKeyPressData(event, {\n                isVertical,\n                stepSize,\n                position,\n                max,\n                computedMultipleSteps,\n            });\n\n            if (!data) {\n                return;\n            }\n\n            const { left, right, top, bottom } = computedBounds;\n\n            /*\n             * INFO: Находим значение в диапазоне между указанными левой и правой границами.\n             * Или между верхней и нижней\n             * Необходимо для правильного расчета положения SliderThumb.\n             * см. функция clamp\n             */\n            const boundedValue = isVertical\n                ? Math.max(Math.min(bottom, data.y), top)\n                : Math.max(Math.min(right, data.x), left);\n\n            const computedValue = getSliderThumbValue(boundedValue, stepSize, min, max);\n            lastOnChangeValue.current = computedValue;\n\n            onChangeCommitted && onChangeCommitted(computedValue, data);\n        };\n\n        let isPointerHidden = (visibility === 'hover' && !isHovered) || size === 'none';\n\n        if (isDrag) {\n            isPointerHidden = false;\n        }\n\n        return (\n            <Draggable\n                axis={isVertical ? 'y' : 'x'}\n                bounds={computedBounds}\n                grid={isVertical ? [1, stepSize] : [stepSize, 1]}\n                onStart={onStart}\n                onStop={onStop}\n                onDrag={onDrag}\n                position={dragPosition}\n                disabled={disabled}\n            >\n                <HandlerStyled\n                    ref={ref}\n                    style={{ zIndex }}\n                    className={cx(\n                        isVertical && classes.verticalOrientation,\n                        valuePlacement === 'left' && classes.valuePlacementLeft,\n                    )}\n                    isLarge={size === 'large'}\n                    isPointerHidden={isPointerHidden}\n                    onKeyDown={onKeyPress}\n                >\n                    {!isPointerHidden && (\n                        <Thumb\n                            tabIndex={tabIndex}\n                            min={min}\n                            max={max}\n                            value={value}\n                            disabled={disabled}\n                            orientation={orientation}\n                            {...rest}\n                        />\n                    )}\n                    {showCurrentValueCondition && <StyledValue isPointerHidden={isPointerHidden}>{value}</StyledValue>}\n                </HandlerStyled>\n            </Draggable>\n        );\n    },\n);\n"],"names":["Handler","forwardRef","_ref","ref","size","visibility","isHovered","orientation","stepSize","onChangeCommitted","onChange","_ref$position","position","min","max","_ref$bounds","bounds","zIndex","disabled","side","_ref$showCurrentValue","showCurrentValue","_ref$startOffset","startOffset","_ref$endOffset","endOffset","value","valuePlacement","rest","_objectWithoutProperties","_excluded","isVertical","_useState","useState","_useState2","_slicedToArray","isDrag","setIsDrag","lastOnChangeValue","useRef","_getOffsets","getOffsets","_getOffsets2","startClientOffset","endClientOffset","_bounds","startValueBound","endValueBound","startPositionBound","endPositionBound","dragPosition","x","y","undefined","tabIndex","computedBounds","_defineProperty","showCurrentValueCondition","onDrag","_","data","newValue","getSliderThumbValue","current","onStart","onStop","onKeyPress","event","persist","computedMultipleSteps","multipleStepSize","computeKeyPressData","left","right","top","bottom","boundedValue","Math","computedValue","isPointerHidden","React","createElement","Draggable","axis","grid","HandlerStyled","style","className","cx","classes","verticalOrientation","valuePlacementLeft","isLarge","onKeyDown","Thumb","_extends","StyledValue"],"mappings":"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"}

package/cjs/components/Slider/ui/Handler/Handler.styles.js

@@ -1,4 +1,4 @@
-import './Handler.styles_gi7pw9.css';
+require('./Handler.styles_gi7pw9.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Slider/ui/Thumb/Thumb.js

@@ -6,6 +6,10 @@ var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabel
 var React = require('react');
 var Thumb_styles = require('./Thumb.styles.js');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
 var _excluded = ["min", "max", "value", "ariaValueMin", "ariaLabel", "disabled", "orientation"];
 var Thumb = function Thumb(_ref) {
   var min = _ref.min,
@@ -17,7 +21,7 @@ var Thumb = function Thumb(_ref) {
     disabled = _ref.disabled,
     orientation = _ref.orientation,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Thumb_styles.ThumbBase, _rollupPluginBabelHelpers.extends({
+  return /*#__PURE__*/React__default.default.createElement(Thumb_styles.ThumbBase, _rollupPluginBabelHelpers.extends({
     role: "slider",
     "aria-label": ariaLabel,
     "aria-valuemin": ariaValueMin,

package/cjs/components/Slider/ui/Thumb/Thumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"Thumb.js","sources":["../../../../../src/components/Slider/ui/Thumb/Thumb.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { ThumbProps } from './Thumb.types';\nimport { ThumbBase } from './Thumb.styles';\n\nexport const Thumb = ({\n    min,\n    max,\n    value,\n    ariaValueMin = min,\n    ariaLabel,\n    disabled,\n    orientation,\n    ...rest\n}: ThumbProps) => {\n    return (\n        <ThumbBase\n            role=\"slider\"\n            aria-label={ariaLabel}\n            aria-valuemin={ariaValueMin}\n            aria-valuemax={max}\n            aria-valuenow={value}\n            disabled={disabled}\n            aria-orientation={orientation}\n            {...rest}\n        />\n    );\n};\n"],"names":["Thumb","_ref","min","max","value","_ref$ariaValueMin","ariaValueMin","ariaLabel","disabled","orientation","rest","_objectWithoutProperties","_excluded","React","createElement","ThumbBase","_extends","role"],"mappings":";;;;;;;;;IAKaA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EASA;AAAA,EAAA,IARdC,GAAG,GAAAD,IAAA,CAAHC,GAAG;IACHC,GAAG,GAAAF,IAAA,CAAHE,GAAG;IACHC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAAC,iBAAA,GAAAJ,IAAA,CACLK,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAGH,KAAAA,CAAAA,GAAAA,GAAG,GAAAG,iBAAA;IAClBE,SAAS,GAAAN,IAAA,CAATM,SAAS;IACTC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IACRC,WAAW,GAAAR,IAAA,CAAXQ,WAAW;AACRC,IAAAA,IAAI,GAAAC,iDAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA,CAAA;AAEP,EAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,sBAAS,EAAAC,iCAAA,CAAA;AACNC,IAAAA,IAAI,EAAC,QAAQ;AACb,IAAA,YAAA,EAAYV,SAAU;AACtB,IAAA,eAAA,EAAeD,YAAa;AAC5B,IAAA,eAAA,EAAeH,GAAI;AACnB,IAAA,eAAA,EAAeC,KAAM;AACrBI,IAAAA,QAAQ,EAAEA,QAAS;IACnB,kBAAkBC,EAAAA,WAAAA;GACdC,EAAAA,IAAI,CACX,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"Thumb.js","sources":["../../../../../src/components/Slider/ui/Thumb/Thumb.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { ThumbProps } from './Thumb.types';\nimport { ThumbBase } from './Thumb.styles';\n\nexport const Thumb = ({\n    min,\n    max,\n    value,\n    ariaValueMin = min,\n    ariaLabel,\n    disabled,\n    orientation,\n    ...rest\n}: ThumbProps) => {\n    return (\n        <ThumbBase\n            role=\"slider\"\n            aria-label={ariaLabel}\n            aria-valuemin={ariaValueMin}\n            aria-valuemax={max}\n            aria-valuenow={value}\n            disabled={disabled}\n            aria-orientation={orientation}\n            {...rest}\n        />\n    );\n};\n"],"names":["Thumb","_ref","min","max","value","_ref$ariaValueMin","ariaValueMin","ariaLabel","disabled","orientation","rest","_objectWithoutProperties","_excluded","React","createElement","ThumbBase","_extends","role"],"mappings":";;;;;;;;;;;;;IAKaA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EASA;AAAA,EAAA,IARdC,GAAG,GAAAD,IAAA,CAAHC,GAAG;IACHC,GAAG,GAAAF,IAAA,CAAHE,GAAG;IACHC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAAC,iBAAA,GAAAJ,IAAA,CACLK,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAGH,KAAAA,CAAAA,GAAAA,GAAG,GAAAG,iBAAA;IAClBE,SAAS,GAAAN,IAAA,CAATM,SAAS;IACTC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IACRC,WAAW,GAAAR,IAAA,CAAXQ,WAAW;AACRC,IAAAA,IAAI,GAAAC,iDAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA,CAAA;AAEP,EAAA,oBACIC,sBAAA,CAAAC,aAAA,CAACC,sBAAS,EAAAC,iCAAA,CAAA;AACNC,IAAAA,IAAI,EAAC,QAAQ;AACb,IAAA,YAAA,EAAYV,SAAU;AACtB,IAAA,eAAA,EAAeD,YAAa;AAC5B,IAAA,eAAA,EAAeH,GAAI;AACnB,IAAA,eAAA,EAAeC,KAAM;AACrBI,IAAAA,QAAQ,EAAEA,QAAS;IACnB,kBAAkBC,EAAAA,WAAAA;GACdC,EAAAA,IAAI,CACX,CAAC,CAAA;AAEV;;;;"}

package/cjs/components/Slider/ui/Thumb/Thumb.styles.js

@@ -1,4 +1,4 @@
-import './Thumb.styles_1y5d9dd.css';
+require('./Thumb.styles_1y5d9dd.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Slider/variations/_disabled/base.js

@@ -1,4 +1,4 @@
-import './base_x642ct.css';
+require('./base_x642ct.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Slider/variations/_size/base.js

@@ -1,4 +1,4 @@
-import './base_x642ct.css';
+require('./base_x642ct.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Slider/variations/_view/base.js

@@ -1,4 +1,4 @@
-import './base_1s3f6q8.css';
+require('./base_1s3f6q8.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Spinner/Spinner.js

@@ -11,6 +11,10 @@ var SpinnerSvg = require('./SpinnerSvg.js');
 var Spinner_styles = require('./Spinner.styles.js');
 var index = require('./hooks/index.js');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
 var _excluded = ["id"];
 var spinnerRoot = function spinnerRoot(Root) {
   return /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -25,13 +29,13 @@ var spinnerRoot = function spinnerRoot(Root) {
     });
     var uniqId = plasmaCore.safeUseId;
     var innerId = id || uniqId();
-    return /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
+    return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
       ref: ref,
       id: innerId
-    }, rest), /*#__PURE__*/React.createElement(Spinner_styles.SpinnerWrapper, {
+    }, rest), /*#__PURE__*/React__default.default.createElement(Spinner_styles.SpinnerWrapper, {
       width: innerProps.wrapperWidth,
       height: innerProps.wrapperHeight
-    }, /*#__PURE__*/React.createElement(SpinnerSvg.SpinnerSvg, {
+    }, /*#__PURE__*/React__default.default.createElement(SpinnerSvg.SpinnerSvg, {
       id: innerId,
       width: innerProps.svgWidth,
       height: innerProps.svgHeight,

package/cjs/components/Spinner/Spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.js","sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines/types';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { SpinnerSvg } from './SpinnerSvg';\nimport { SpinnerWrapper, base } from './Spinner.styles';\nimport type { SpinnerProps } from './Spinner.types';\nimport { useInnerProps } from './hooks';\n\nexport const spinnerRoot = (Root: RootProps<HTMLDivElement, SpinnerProps>) =>\n    forwardRef<HTMLDivElement, SpinnerProps>((props, ref) => {\n        const { id, ...rest } = props;\n\n        const innerProps = useInnerProps(props, {\n            wrapperWidth: 'auto',\n            wrapperHeight: 'auto',\n            svgWidth: 'var(--plasma-spinner-size)',\n            svgHeight: 'var(--plasma-spinner-size)',\n            color: 'currentColor',\n        });\n\n        const uniqId = safeUseId;\n        const innerId = id || uniqId();\n\n        return (\n            <Root ref={ref} id={innerId} {...rest}>\n                <SpinnerWrapper width={innerProps.wrapperWidth} height={innerProps.wrapperHeight}>\n                    <SpinnerSvg\n                        id={innerId}\n                        width={innerProps.svgWidth}\n                        height={innerProps.svgHeight}\n                        color={innerProps.color}\n                    />\n                </SpinnerWrapper>\n            </Root>\n        );\n    });\n\nexport const spinnerConfig = {\n    name: 'Spinner',\n    tag: 'div',\n    layout: spinnerRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'accent',\n    },\n};\n"],"names":["spinnerRoot","Root","forwardRef","props","ref","id","rest","_objectWithoutProperties","_excluded","innerProps","useInnerProps","wrapperWidth","wrapperHeight","svgWidth","svgHeight","color","uniqId","safeUseId","innerId","React","createElement","_extends","SpinnerWrapper","width","height","SpinnerSvg","spinnerConfig","name","tag","layout","base","variations","size","css","sizeCSS","view","viewCSS","defaults"],"mappings":";;;;;;;;;;;;;;IAYaA,WAAW,GAAG,SAAdA,WAAWA,CAAIC,IAA6C,EAAA;AAAA,EAAA,oBACrEC,gBAAU,CAA+B,UAACC,KAAK,EAAEC,GAAG,EAAK;AACrD,IAAA,IAAQC,EAAE,GAAcF,KAAK,CAArBE,EAAE;AAAKC,MAAAA,IAAI,GAAAC,iDAAA,CAAKJ,KAAK,EAAAK,SAAA,CAAA,CAAA;AAE7B,IAAA,IAAMC,UAAU,GAAGC,mBAAa,CAACP,KAAK,EAAE;AACpCQ,MAAAA,YAAY,EAAE,MAAM;AACpBC,MAAAA,aAAa,EAAE,MAAM;AACrBC,MAAAA,QAAQ,EAAE,4BAA4B;AACtCC,MAAAA,SAAS,EAAE,4BAA4B;AACvCC,MAAAA,KAAK,EAAE,cAAA;AACX,KAAC,CAAC,CAAA;IAEF,IAAMC,MAAM,GAAGC,oBAAS,CAAA;AACxB,IAAA,IAAMC,OAAO,GAAGb,EAAE,IAAIW,MAAM,EAAE,CAAA;AAE9B,IAAA,oBACIG,KAAA,CAAAC,aAAA,CAACnB,IAAI,EAAAoB,iCAAA,CAAA;AAACjB,MAAAA,GAAG,EAAEA,GAAI;AAACC,MAAAA,EAAE,EAAEa,OAAAA;AAAQ,KAAA,EAAKZ,IAAI,CACjCa,eAAAA,KAAA,CAAAC,aAAA,CAACE,6BAAc,EAAA;MAACC,KAAK,EAAEd,UAAU,CAACE,YAAa;MAACa,MAAM,EAAEf,UAAU,CAACG,aAAAA;AAAc,KAAA,eAC7EO,KAAA,CAAAC,aAAA,CAACK,qBAAU,EAAA;AACPpB,MAAAA,EAAE,EAAEa,OAAQ;MACZK,KAAK,EAAEd,UAAU,CAACI,QAAS;MAC3BW,MAAM,EAAEf,UAAU,CAACK,SAAU;MAC7BC,KAAK,EAAEN,UAAU,CAACM,KAAAA;KACrB,CACW,CACd,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMW,aAAa,GAAG;AACzBC,EAAAA,IAAI,EAAE,SAAS;AACfC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE7B,WAAW;AACnB8B,EAAAA,IAAI,EAAJA,mBAAI;AACJC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,GAAG,EAAEG,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNL,IAAAA,IAAI,EAAE,GAAG;AACTG,IAAAA,IAAI,EAAE,QAAA;AACV,GAAA;AACJ;;;;;"}
+{"version":3,"file":"Spinner.js","sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines/types';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { SpinnerSvg } from './SpinnerSvg';\nimport { SpinnerWrapper, base } from './Spinner.styles';\nimport type { SpinnerProps } from './Spinner.types';\nimport { useInnerProps } from './hooks';\n\nexport const spinnerRoot = (Root: RootProps<HTMLDivElement, SpinnerProps>) =>\n    forwardRef<HTMLDivElement, SpinnerProps>((props, ref) => {\n        const { id, ...rest } = props;\n\n        const innerProps = useInnerProps(props, {\n            wrapperWidth: 'auto',\n            wrapperHeight: 'auto',\n            svgWidth: 'var(--plasma-spinner-size)',\n            svgHeight: 'var(--plasma-spinner-size)',\n            color: 'currentColor',\n        });\n\n        const uniqId = safeUseId;\n        const innerId = id || uniqId();\n\n        return (\n            <Root ref={ref} id={innerId} {...rest}>\n                <SpinnerWrapper width={innerProps.wrapperWidth} height={innerProps.wrapperHeight}>\n                    <SpinnerSvg\n                        id={innerId}\n                        width={innerProps.svgWidth}\n                        height={innerProps.svgHeight}\n                        color={innerProps.color}\n                    />\n                </SpinnerWrapper>\n            </Root>\n        );\n    });\n\nexport const spinnerConfig = {\n    name: 'Spinner',\n    tag: 'div',\n    layout: spinnerRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'accent',\n    },\n};\n"],"names":["spinnerRoot","Root","forwardRef","props","ref","id","rest","_objectWithoutProperties","_excluded","innerProps","useInnerProps","wrapperWidth","wrapperHeight","svgWidth","svgHeight","color","uniqId","safeUseId","innerId","React","createElement","_extends","SpinnerWrapper","width","height","SpinnerSvg","spinnerConfig","name","tag","layout","base","variations","size","css","sizeCSS","view","viewCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;;IAYaA,WAAW,GAAG,SAAdA,WAAWA,CAAIC,IAA6C,EAAA;AAAA,EAAA,oBACrEC,gBAAU,CAA+B,UAACC,KAAK,EAAEC,GAAG,EAAK;AACrD,IAAA,IAAQC,EAAE,GAAcF,KAAK,CAArBE,EAAE;AAAKC,MAAAA,IAAI,GAAAC,iDAAA,CAAKJ,KAAK,EAAAK,SAAA,CAAA,CAAA;AAE7B,IAAA,IAAMC,UAAU,GAAGC,mBAAa,CAACP,KAAK,EAAE;AACpCQ,MAAAA,YAAY,EAAE,MAAM;AACpBC,MAAAA,aAAa,EAAE,MAAM;AACrBC,MAAAA,QAAQ,EAAE,4BAA4B;AACtCC,MAAAA,SAAS,EAAE,4BAA4B;AACvCC,MAAAA,KAAK,EAAE,cAAA;AACX,KAAC,CAAC,CAAA;IAEF,IAAMC,MAAM,GAAGC,oBAAS,CAAA;AACxB,IAAA,IAAMC,OAAO,GAAGb,EAAE,IAAIW,MAAM,EAAE,CAAA;AAE9B,IAAA,oBACIG,sBAAA,CAAAC,aAAA,CAACnB,IAAI,EAAAoB,iCAAA,CAAA;AAACjB,MAAAA,GAAG,EAAEA,GAAI;AAACC,MAAAA,EAAE,EAAEa,OAAAA;AAAQ,KAAA,EAAKZ,IAAI,CACjCa,eAAAA,sBAAA,CAAAC,aAAA,CAACE,6BAAc,EAAA;MAACC,KAAK,EAAEd,UAAU,CAACE,YAAa;MAACa,MAAM,EAAEf,UAAU,CAACG,aAAAA;AAAc,KAAA,eAC7EO,sBAAA,CAAAC,aAAA,CAACK,qBAAU,EAAA;AACPpB,MAAAA,EAAE,EAAEa,OAAQ;MACZK,KAAK,EAAEd,UAAU,CAACI,QAAS;MAC3BW,MAAM,EAAEf,UAAU,CAACK,SAAU;MAC7BC,KAAK,EAAEN,UAAU,CAACM,KAAAA;KACrB,CACW,CACd,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMW,aAAa,GAAG;AACzBC,EAAAA,IAAI,EAAE,SAAS;AACfC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE7B,WAAW;AACnB8B,EAAAA,IAAI,EAAJA,mBAAI;AACJC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,GAAG,EAAEG,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNL,IAAAA,IAAI,EAAE,GAAG;AACTG,IAAAA,IAAI,EAAE,QAAA;AACV,GAAA;AACJ;;;;;"}

package/cjs/components/Spinner/Spinner.styles.js

@@ -1,4 +1,4 @@
-import './Spinner.styles_13q7ndk.css';
+require('./Spinner.styles_13q7ndk.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Spinner/SpinnerSvg.js

@@ -5,6 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
 var _excluded = ["id", "color", "width", "height"];
 var SpinnerSvg = function SpinnerSvg(_ref) {
   var id = _ref.id,
@@ -12,60 +16,60 @@ var SpinnerSvg = function SpinnerSvg(_ref) {
     width = _ref.width,
     height = _ref.height,
     props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("svg", _rollupPluginBabelHelpers.extends({
+  return /*#__PURE__*/React__default.default.createElement("svg", _rollupPluginBabelHelpers.extends({
     viewBox: "0 0 56 56",
     fill: "none",
     style: {
       width: width,
       height: height
     }
-  }, props), /*#__PURE__*/React.createElement("path", {
+  }, props), /*#__PURE__*/React__default.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M28 0C12.536 0 0 12.536 0 28s12.536 28 28 28h.055H28v-4C14.745 52 4 41.255 4 28S14.745 4 28 4V0z",
     fill: "url(#prefix__paint0_linear".concat(id, ")")
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React__default.default.createElement("path", {
     d: "M56 28c0 14.791-11.47 26.904-26 27.93-1.102.077-2-.825-2-1.93s.899-1.991 2-2.082C42.318 50.902 52 40.58 52 28 52 14.745 41.255 4 28 4V0c15.464 0 28 12.536 28 28z",
     fill: "url(#prefix__paint1_linear".concat(id, ")")
-  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+  }), /*#__PURE__*/React__default.default.createElement("defs", null, /*#__PURE__*/React__default.default.createElement("linearGradient", {
     id: "prefix__paint0_linear".concat(id),
     x1: 0,
     y1: 56,
     x2: 0,
     y2: 0,
     gradientUnits: "userSpaceOnUse"
-  }, /*#__PURE__*/React.createElement("stop", {
+  }, /*#__PURE__*/React__default.default.createElement("stop", {
     stopColor: color,
     stopOpacity: 0
-  }), /*#__PURE__*/React.createElement("stop", {
+  }), /*#__PURE__*/React__default.default.createElement("stop", {
     offset: 0.048,
     stopColor: color,
     stopOpacity: 0
-  }), /*#__PURE__*/React.createElement("stop", {
+  }), /*#__PURE__*/React__default.default.createElement("stop", {
     offset: 0.952,
     stopColor: color,
     stopOpacity: 0.5
-  }), /*#__PURE__*/React.createElement("stop", {
+  }), /*#__PURE__*/React__default.default.createElement("stop", {
     offset: 1,
     stopColor: color,
     stopOpacity: 0.5
-  })), /*#__PURE__*/React.createElement("linearGradient", {
+  })), /*#__PURE__*/React__default.default.createElement("linearGradient", {
     id: "prefix__paint1_linear".concat(id),
     x1: 28,
     y1: 56,
     x2: 28,
     y2: 0,
     gradientUnits: "userSpaceOnUse"
-  }, /*#__PURE__*/React.createElement("stop", {
+  }, /*#__PURE__*/React__default.default.createElement("stop", {
     stopColor: color
-  }), /*#__PURE__*/React.createElement("stop", {
+  }), /*#__PURE__*/React__default.default.createElement("stop", {
     offset: 0.048,
     stopColor: color
-  }), /*#__PURE__*/React.createElement("stop", {
+  }), /*#__PURE__*/React__default.default.createElement("stop", {
     offset: 0.952,
     stopColor: color,
     stopOpacity: 0.5
-  }), /*#__PURE__*/React.createElement("stop", {
+  }), /*#__PURE__*/React__default.default.createElement("stop", {
     offset: 1,
     stopColor: color,
     stopOpacity: 0.5

package/cjs/components/Spinner/SpinnerSvg.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpinnerSvg.js","sources":["../../../src/components/Spinner/SpinnerSvg.tsx"],"sourcesContent":["import React from 'react';\n\ninterface SpinnerSvgProps {\n    width: number | string;\n    height: number | string;\n    color: string;\n    id?: string;\n}\n\nexport const SpinnerSvg: React.FC<SpinnerSvgProps> = ({ id, color, width, height, ...props }) => (\n    <svg\n        viewBox=\"0 0 56 56\"\n        fill=\"none\"\n        style={{\n            width,\n            height,\n        }}\n        {...props}\n    >\n        <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M28 0C12.536 0 0 12.536 0 28s12.536 28 28 28h.055H28v-4C14.745 52 4 41.255 4 28S14.745 4 28 4V0z\"\n            fill={`url(#prefix__paint0_linear${id})`}\n        />\n        <path\n            d=\"M56 28c0 14.791-11.47 26.904-26 27.93-1.102.077-2-.825-2-1.93s.899-1.991 2-2.082C42.318 50.902 52 40.58 52 28 52 14.745 41.255 4 28 4V0c15.464 0 28 12.536 28 28z\"\n            fill={`url(#prefix__paint1_linear${id})`}\n        />\n        <defs>\n            <linearGradient\n                id={`prefix__paint0_linear${id}`}\n                x1={0}\n                y1={56}\n                x2={0}\n                y2={0}\n                gradientUnits=\"userSpaceOnUse\"\n            >\n                <stop stopColor={color} stopOpacity={0} />\n                <stop offset={0.048} stopColor={color} stopOpacity={0} />\n                <stop offset={0.952} stopColor={color} stopOpacity={0.5} />\n                <stop offset={1} stopColor={color} stopOpacity={0.5} />\n            </linearGradient>\n            <linearGradient\n                id={`prefix__paint1_linear${id}`}\n                x1={28}\n                y1={56}\n                x2={28}\n                y2={0}\n                gradientUnits=\"userSpaceOnUse\"\n            >\n                <stop stopColor={color} />\n                <stop offset={0.048} stopColor={color} />\n                <stop offset={0.952} stopColor={color} stopOpacity={0.5} />\n                <stop offset={1} stopColor={color} stopOpacity={0.5} />\n            </linearGradient>\n        </defs>\n    </svg>\n);\n"],"names":["SpinnerSvg","_ref","id","color","width","height","props","_objectWithoutProperties","_excluded","React","createElement","_extends","viewBox","fill","style","fillRule","clipRule","d","concat","x1","y1","x2","y2","gradientUnits","stopColor","stopOpacity","offset"],"mappings":"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"}
+{"version":3,"file":"SpinnerSvg.js","sources":["../../../src/components/Spinner/SpinnerSvg.tsx"],"sourcesContent":["import React from 'react';\n\ninterface SpinnerSvgProps {\n    width: number | string;\n    height: number | string;\n    color: string;\n    id?: string;\n}\n\nexport const SpinnerSvg: React.FC<SpinnerSvgProps> = ({ id, color, width, height, ...props }) => (\n    <svg\n        viewBox=\"0 0 56 56\"\n        fill=\"none\"\n        style={{\n            width,\n            height,\n        }}\n        {...props}\n    >\n        <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M28 0C12.536 0 0 12.536 0 28s12.536 28 28 28h.055H28v-4C14.745 52 4 41.255 4 28S14.745 4 28 4V0z\"\n            fill={`url(#prefix__paint0_linear${id})`}\n        />\n        <path\n            d=\"M56 28c0 14.791-11.47 26.904-26 27.93-1.102.077-2-.825-2-1.93s.899-1.991 2-2.082C42.318 50.902 52 40.58 52 28 52 14.745 41.255 4 28 4V0c15.464 0 28 12.536 28 28z\"\n            fill={`url(#prefix__paint1_linear${id})`}\n        />\n        <defs>\n            <linearGradient\n                id={`prefix__paint0_linear${id}`}\n                x1={0}\n                y1={56}\n                x2={0}\n                y2={0}\n                gradientUnits=\"userSpaceOnUse\"\n            >\n                <stop stopColor={color} stopOpacity={0} />\n                <stop offset={0.048} stopColor={color} stopOpacity={0} />\n                <stop offset={0.952} stopColor={color} stopOpacity={0.5} />\n                <stop offset={1} stopColor={color} stopOpacity={0.5} />\n            </linearGradient>\n            <linearGradient\n                id={`prefix__paint1_linear${id}`}\n                x1={28}\n                y1={56}\n                x2={28}\n                y2={0}\n                gradientUnits=\"userSpaceOnUse\"\n            >\n                <stop stopColor={color} />\n                <stop offset={0.048} stopColor={color} />\n                <stop offset={0.952} stopColor={color} stopOpacity={0.5} />\n                <stop offset={1} stopColor={color} stopOpacity={0.5} />\n            </linearGradient>\n        </defs>\n    </svg>\n);\n"],"names":["SpinnerSvg","_ref","id","color","width","height","props","_objectWithoutProperties","_excluded","React","createElement","_extends","viewBox","fill","style","fillRule","clipRule","d","concat","x1","y1","x2","y2","gradientUnits","stopColor","stopOpacity","offset"],"mappings":"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"}

package/cjs/components/Spinner/variations/_size/base.js

@@ -1,4 +1,4 @@
-import './base_ova69f.css';
+require('./base_ova69f.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Spinner/variations/_view/base.js

@@ -1,4 +1,4 @@
-import './base_1gusher.css';
+require('./base_1gusher.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Steps/Steps.js

@@ -12,6 +12,11 @@ var base$1 = require('./variations/_view/base.js');
 var getItemStatus = require('./utils/getItemStatus.js');
 var StepItem = require('./ui/StepItem/StepItem.js');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var cls__default = /*#__PURE__*/_interopDefault(cls);
+
 var _excluded = ["view", "size", "orientation", "contentAlign", "hasLine", "hasContent", "hasLoader", "items", "onChange", "current", "status"];
 var stepsRoot = function stepsRoot(Root) {
   return /*#__PURE__*/React.forwardRef(function (props, outerRef) {
@@ -74,11 +79,11 @@ var stepsRoot = function stepsRoot(Root) {
         calcPrevIndex();
       };
     }, [current, innerItems]);
-    return /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
+    return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
       size: size,
       view: view,
       ref: outerRef,
-      className: cls(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.verticalOrientation, orientation === 'vertical'), Steps_tokens.classes.simple, isSimple), Steps_tokens.classes.hasIndicator, hasIndicator))
+      className: cls__default.default(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.verticalOrientation, orientation === 'vertical'), Steps_tokens.classes.simple, isSimple), Steps_tokens.classes.hasIndicator, hasIndicator))
     }, rest), innerItems.map(function (item, index) {
       var isActive = item.status === 'active';
       var itemContent = hasContent === 'active' && !isActive || hasContent === 'none' ? '' : item.content;
@@ -86,7 +91,7 @@ var stepsRoot = function stepsRoot(Root) {
       var onClick = onChange ? function () {
         return onChange(item, index, prevIndex);
       } : undefined;
-      return /*#__PURE__*/React.createElement(StepItem.StepItem, {
+      return /*#__PURE__*/React__default.default.createElement(StepItem.StepItem, {
         key: index,
         index: index,
         title: item.title,

package/cjs/components/Steps/Steps.js.map

@@ -1 +1 @@
-{"version":3,"file":"Steps.js","sources":["../../../src/components/Steps/Steps.tsx"],"sourcesContent":["import React, { forwardRef, useState, useEffect, HTMLAttributes, useMemo } from 'react';\nimport cls from 'classnames';\n\nimport type { RootPropsOmitOnChange } from '../../engines/types';\n\nimport { classes } from './Steps.tokens';\nimport { StepsProps as BaseStepsProps } from './Steps.types';\nimport { StepItem } from './ui';\nimport { base } from './Steps.styles';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { getItemStatus } from './utils/getItemStatus';\n\ntype StepsProps = BaseStepsProps & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;\n\nexport const stepsRoot = (Root: RootPropsOmitOnChange<HTMLDivElement, StepsProps>) =>\n    forwardRef<HTMLDivElement, StepsProps>((props, outerRef) => {\n        const {\n            view = 'default',\n            size,\n            orientation = 'horizontal',\n            contentAlign = 'left',\n            hasLine = true,\n            hasContent = 'all',\n            hasLoader,\n            items = [],\n            onChange,\n            current,\n            status,\n            ...rest\n        } = props;\n\n        const [prevIndex, setPrevIndex] = useState<number | undefined>();\n\n        const hasIndicator = items.some((item) => item.indicator != null);\n        const isSimple = items.every((item) => !item.title && !item.content);\n\n        const innerItems = useMemo(() => {\n            const isUncontrolled = current !== undefined;\n\n            return items.map((item, index) => {\n                const itemStatus = getItemStatus({\n                    isUncontrolled,\n                    current,\n                    status,\n                    index,\n                    item,\n                });\n\n                return {\n                    ...item,\n                    status: itemStatus,\n                };\n            });\n        }, [status, current, items]);\n\n        useEffect(() => {\n            const calcPrevIndex = () => {\n                if (current !== undefined) {\n                    setPrevIndex(current);\n                } else {\n                    const index = innerItems.findIndex((item) => item.status === 'active');\n                    setPrevIndex(index !== -1 ? index : undefined);\n                }\n            };\n\n            calcPrevIndex();\n\n            return () => {\n                calcPrevIndex();\n            };\n        }, [current, innerItems]);\n\n        return (\n            <Root\n                size={size}\n                view={view}\n                ref={outerRef}\n                className={cls({\n                    [classes.verticalOrientation]: orientation === 'vertical',\n                    [classes.simple]: isSimple,\n                    [classes.hasIndicator]: hasIndicator,\n                })}\n                {...rest}\n            >\n                {innerItems.map((item, index) => {\n                    const isActive = item.status === 'active';\n\n                    const itemContent =\n                        (hasContent === 'active' && !isActive) || hasContent === 'none' ? '' : item.content;\n\n                    const itemContentAlign = orientation === 'horizontal' ? contentAlign : 'left';\n                    const onClick = onChange ? () => onChange(item, index, prevIndex) : undefined;\n\n                    return (\n                        <StepItem\n                            key={index}\n                            index={index}\n                            title={item.title}\n                            content={itemContent}\n                            indicator={item.indicator}\n                            status={item.status}\n                            size={size!}\n                            orientation={orientation}\n                            contentAlign={itemContentAlign}\n                            hasLine={hasLine}\n                            hasLoader={hasLoader && isActive}\n                            onClick={onClick}\n                            items={innerItems}\n                        />\n                    );\n                })}\n            </Root>\n        );\n    });\n\nexport const stepsConfig = {\n    name: 'Steps',\n    tag: 'div',\n    layout: stepsRoot,\n    base,\n    variations: {\n        size: sizeCSS,\n        view: viewCSS,\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["stepsRoot","Root","forwardRef","props","outerRef","_props$view","view","size","_props$orientation","orientation","_props$contentAlign","contentAlign","_props$hasLine","hasLine","_props$hasContent","hasContent","hasLoader","_props$items","items","onChange","current","status","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","prevIndex","setPrevIndex","hasIndicator","some","item","indicator","isSimple","every","title","content","innerItems","useMemo","isUncontrolled","undefined","map","index","itemStatus","getItemStatus","_objectSpread","useEffect","calcPrevIndex","findIndex","React","createElement","_extends","ref","className","cls","_defineProperty","classes","verticalOrientation","simple","isActive","itemContent","itemContentAlign","onClick","StepItem","key","stepsConfig","name","tag","layout","base","variations","sizeCSS","viewCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Steps.js","sources":["../../../src/components/Steps/Steps.tsx"],"sourcesContent":["import React, { forwardRef, useState, useEffect, HTMLAttributes, useMemo } from 'react';\nimport cls from 'classnames';\n\nimport type { RootPropsOmitOnChange } from '../../engines/types';\n\nimport { classes } from './Steps.tokens';\nimport { StepsProps as BaseStepsProps } from './Steps.types';\nimport { StepItem } from './ui';\nimport { base } from './Steps.styles';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { getItemStatus } from './utils/getItemStatus';\n\ntype StepsProps = BaseStepsProps & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;\n\nexport const stepsRoot = (Root: RootPropsOmitOnChange<HTMLDivElement, StepsProps>) =>\n    forwardRef<HTMLDivElement, StepsProps>((props, outerRef) => {\n        const {\n            view = 'default',\n            size,\n            orientation = 'horizontal',\n            contentAlign = 'left',\n            hasLine = true,\n            hasContent = 'all',\n            hasLoader,\n            items = [],\n            onChange,\n            current,\n            status,\n            ...rest\n        } = props;\n\n        const [prevIndex, setPrevIndex] = useState<number | undefined>();\n\n        const hasIndicator = items.some((item) => item.indicator != null);\n        const isSimple = items.every((item) => !item.title && !item.content);\n\n        const innerItems = useMemo(() => {\n            const isUncontrolled = current !== undefined;\n\n            return items.map((item, index) => {\n                const itemStatus = getItemStatus({\n                    isUncontrolled,\n                    current,\n                    status,\n                    index,\n                    item,\n                });\n\n                return {\n                    ...item,\n                    status: itemStatus,\n                };\n            });\n        }, [status, current, items]);\n\n        useEffect(() => {\n            const calcPrevIndex = () => {\n                if (current !== undefined) {\n                    setPrevIndex(current);\n                } else {\n                    const index = innerItems.findIndex((item) => item.status === 'active');\n                    setPrevIndex(index !== -1 ? index : undefined);\n                }\n            };\n\n            calcPrevIndex();\n\n            return () => {\n                calcPrevIndex();\n            };\n        }, [current, innerItems]);\n\n        return (\n            <Root\n                size={size}\n                view={view}\n                ref={outerRef}\n                className={cls({\n                    [classes.verticalOrientation]: orientation === 'vertical',\n                    [classes.simple]: isSimple,\n                    [classes.hasIndicator]: hasIndicator,\n                })}\n                {...rest}\n            >\n                {innerItems.map((item, index) => {\n                    const isActive = item.status === 'active';\n\n                    const itemContent =\n                        (hasContent === 'active' && !isActive) || hasContent === 'none' ? '' : item.content;\n\n                    const itemContentAlign = orientation === 'horizontal' ? contentAlign : 'left';\n                    const onClick = onChange ? () => onChange(item, index, prevIndex) : undefined;\n\n                    return (\n                        <StepItem\n                            key={index}\n                            index={index}\n                            title={item.title}\n                            content={itemContent}\n                            indicator={item.indicator}\n                            status={item.status}\n                            size={size!}\n                            orientation={orientation}\n                            contentAlign={itemContentAlign}\n                            hasLine={hasLine}\n                            hasLoader={hasLoader && isActive}\n                            onClick={onClick}\n                            items={innerItems}\n                        />\n                    );\n                })}\n            </Root>\n        );\n    });\n\nexport const stepsConfig = {\n    name: 'Steps',\n    tag: 'div',\n    layout: stepsRoot,\n    base,\n    variations: {\n        size: sizeCSS,\n        view: viewCSS,\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["stepsRoot","Root","forwardRef","props","outerRef","_props$view","view","size","_props$orientation","orientation","_props$contentAlign","contentAlign","_props$hasLine","hasLine","_props$hasContent","hasContent","hasLoader","_props$items","items","onChange","current","status","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","prevIndex","setPrevIndex","hasIndicator","some","item","indicator","isSimple","every","title","content","innerItems","useMemo","isUncontrolled","undefined","map","index","itemStatus","getItemStatus","_objectSpread","useEffect","calcPrevIndex","findIndex","React","createElement","_extends","ref","className","cls","_defineProperty","classes","verticalOrientation","simple","isActive","itemContent","itemContentAlign","onClick","StepItem","key","stepsConfig","name","tag","layout","base","variations","sizeCSS","viewCSS","defaults"],"mappings":"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"}

package/cjs/components/Steps/Steps.styles.js

@@ -1,4 +1,4 @@
-import './Steps.styles_wa45kj.css';
+require('./Steps.styles_wa45kj.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Steps/ui/StepItem/StepItem.js

@@ -8,6 +8,11 @@ var cls = require('classnames');
 var Steps_tokens = require('../../Steps.tokens.js');
 var StepItem_styles = require('./StepItem.styles.js');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var cls__default = /*#__PURE__*/_interopDefault(cls);
+
 // todo попробовать заменить через baseline выравнивание
 var indicatorSizesIndentsMap = {
   8: /*#__PURE__*/"var(".concat(Steps_tokens.tokens.smallBulletIndentHeight, ")"),
@@ -78,62 +83,62 @@ var StepItem = function StepItem(_ref) {
   }, [isDisabled]);
   if (isSimple) {
     var _cls;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StepItem_styles.StepItemStyled, {
-      className: cls((_cls = {}, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_cls, Steps_tokens.classes.simple, isSimple), Steps_tokens.classes.active, isActive), Steps_tokens.classes.hovered, isHovered && !isActive), Steps_tokens.classes.inactive, isInactive), Steps_tokens.classes.centered, isCentered), Steps_tokens.classes.disabled, isDisabled), Steps_tokens.classes.clickable, clickable && !isActive), Steps_tokens.classes.hasIndicator, hasIndicator), Steps_tokens.classes.transparentDivider, !hasLine), Steps_tokens.classes.verticalOrientation, isVertical), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_cls, "isFirst", isFirst), "isLast", isLast), "isPrevInactive", isPrevInactive), "isNextInactive", isNextInactive)))
-    }, /*#__PURE__*/React.createElement(StepItem_styles.BulletIndicatorWrapper, {
-      className: cls(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.verticalOrientation, isVertical), Steps_tokens.classes.centered, isCentered), Steps_tokens.classes.simple, isSimple), Steps_tokens.classes.hasIndicator, hasIndicator)),
+    return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, /*#__PURE__*/React__default.default.createElement(StepItem_styles.StepItemStyled, {
+      className: cls__default.default((_cls = {}, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_cls, Steps_tokens.classes.simple, isSimple), Steps_tokens.classes.active, isActive), Steps_tokens.classes.hovered, isHovered && !isActive), Steps_tokens.classes.inactive, isInactive), Steps_tokens.classes.centered, isCentered), Steps_tokens.classes.disabled, isDisabled), Steps_tokens.classes.clickable, clickable && !isActive), Steps_tokens.classes.hasIndicator, hasIndicator), Steps_tokens.classes.transparentDivider, !hasLine), Steps_tokens.classes.verticalOrientation, isVertical), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_cls, "isFirst", isFirst), "isLast", isLast), "isPrevInactive", isPrevInactive), "isNextInactive", isNextInactive)))
+    }, /*#__PURE__*/React__default.default.createElement(StepItem_styles.BulletIndicatorWrapper, {
+      className: cls__default.default(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.verticalOrientation, isVertical), Steps_tokens.classes.centered, isCentered), Steps_tokens.classes.simple, isSimple), Steps_tokens.classes.hasIndicator, hasIndicator)),
       onClick: onClickHandler,
       onFocus: onMouseOver,
       onBlur: onMouseOut,
       onMouseOver: onMouseOver,
       onMouseOut: onMouseOut
-    }, hasLoader && /*#__PURE__*/React.createElement(StepItem_styles.SpinnerStyled, {
+    }, hasLoader && /*#__PURE__*/React__default.default.createElement(StepItem_styles.SpinnerStyled, {
       hasIndicator: hasIndicator
-    }), !hasLoader && /*#__PURE__*/React.createElement(BulletNode, {
-      className: cls(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.active, isActive), Steps_tokens.classes.inactive, isInactive)),
+    }), !hasLoader && /*#__PURE__*/React__default.default.createElement(BulletNode, {
+      className: cls__default.default(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.active, isActive), Steps_tokens.classes.inactive, isInactive)),
       disabled: isDisabled
     }, typeof indicator === 'function' && indicator({
       status: status,
       item: item,
       size: size
-    }), typeof indicator !== 'function' && indicator))), !isLast && /*#__PURE__*/React.createElement(StepItem_styles.StepItemDivider, {
-      className: cls(Steps_tokens.classes.simple, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.verticalOrientation, isVertical), Steps_tokens.classes.transparentDivider, !hasLine), Steps_tokens.classes.active, isActive), Steps_tokens.classes.inactive, isInactive || isNextInactive), Steps_tokens.classes.disabled, isDisabled))
+    }), typeof indicator !== 'function' && indicator))), !isLast && /*#__PURE__*/React__default.default.createElement(StepItem_styles.StepItemDivider, {
+      className: cls__default.default(Steps_tokens.classes.simple, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.verticalOrientation, isVertical), Steps_tokens.classes.transparentDivider, !hasLine), Steps_tokens.classes.active, isActive), Steps_tokens.classes.inactive, isInactive || isNextInactive), Steps_tokens.classes.disabled, isDisabled))
     }));
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StepItem_styles.StepItemStyled, {
-    className: cls(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.simple, isSimple), Steps_tokens.classes.active, isActive), Steps_tokens.classes.hovered, isHovered && !isActive), Steps_tokens.classes.inactive, isInactive), Steps_tokens.classes.centered, isCentered), Steps_tokens.classes.disabled, isDisabled), Steps_tokens.classes.clickable, clickable && !isActive), Steps_tokens.classes.hasIndicator, hasIndicator), Steps_tokens.classes.verticalOrientation, isVertical), "isNextActive", isNextActive))
-  }, /*#__PURE__*/React.createElement(StepItem_styles.BulletIndicatorWrapper, {
-    className: cls(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.verticalOrientation, isVertical), Steps_tokens.classes.centered, isCentered), Steps_tokens.classes.simple, isSimple), Steps_tokens.classes.hasIndicator, hasIndicator)),
+  return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, /*#__PURE__*/React__default.default.createElement(StepItem_styles.StepItemStyled, {
+    className: cls__default.default(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.simple, isSimple), Steps_tokens.classes.active, isActive), Steps_tokens.classes.hovered, isHovered && !isActive), Steps_tokens.classes.inactive, isInactive), Steps_tokens.classes.centered, isCentered), Steps_tokens.classes.disabled, isDisabled), Steps_tokens.classes.clickable, clickable && !isActive), Steps_tokens.classes.hasIndicator, hasIndicator), Steps_tokens.classes.verticalOrientation, isVertical), "isNextActive", isNextActive))
+  }, /*#__PURE__*/React__default.default.createElement(StepItem_styles.BulletIndicatorWrapper, {
+    className: cls__default.default(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.verticalOrientation, isVertical), Steps_tokens.classes.centered, isCentered), Steps_tokens.classes.simple, isSimple), Steps_tokens.classes.hasIndicator, hasIndicator)),
     onClick: onClickHandler,
     onFocus: onMouseOver,
     onBlur: onMouseOut,
     onMouseOver: onMouseOver,
     onMouseOut: onMouseOut
-  }, contentAlign === 'center' && !isSimple && /*#__PURE__*/React.createElement(StepItem_styles.StepItemDivider, {
-    className: cls(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.simple, isSimple), Steps_tokens.classes.transparentDivider, !hasLine || isFirst), Steps_tokens.classes.inactive, isInactive || isPrevInactive))
-  }), isVertical && /*#__PURE__*/React.createElement(StepItem_styles.StepItemDivider, {
-    className: cls(Steps_tokens.classes.indentDivider, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.simple, isSimple), Steps_tokens.classes.transparentDivider, !hasLine || isFirst), Steps_tokens.classes.inactive, isInactive || isPrevInactive)),
+  }, contentAlign === 'center' && !isSimple && /*#__PURE__*/React__default.default.createElement(StepItem_styles.StepItemDivider, {
+    className: cls__default.default(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.simple, isSimple), Steps_tokens.classes.transparentDivider, !hasLine || isFirst), Steps_tokens.classes.inactive, isInactive || isPrevInactive))
+  }), isVertical && /*#__PURE__*/React__default.default.createElement(StepItem_styles.StepItemDivider, {
+    className: cls__default.default(Steps_tokens.classes.indentDivider, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.simple, isSimple), Steps_tokens.classes.transparentDivider, !hasLine || isFirst), Steps_tokens.classes.inactive, isInactive || isPrevInactive)),
     indentToken: indentToken
-  }), hasLoader && /*#__PURE__*/React.createElement(StepItem_styles.SpinnerStyled, {
+  }), hasLoader && /*#__PURE__*/React__default.default.createElement(StepItem_styles.SpinnerStyled, {
     hasIndicator: hasIndicator
-  }), !hasLoader && /*#__PURE__*/React.createElement(BulletNode, {
-    className: cls(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.active, isActive), Steps_tokens.classes.inactive, isInactive)),
+  }), !hasLoader && /*#__PURE__*/React__default.default.createElement(BulletNode, {
+    className: cls__default.default(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.active, isActive), Steps_tokens.classes.inactive, isInactive)),
     disabled: isDisabled
   }, typeof indicator === 'function' && indicator({
     status: status,
     item: item,
     size: size
-  }), typeof indicator !== 'function' && indicator), /*#__PURE__*/React.createElement(StepItem_styles.StepItemDivider, {
-    className: cls(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.simple, isSimple), Steps_tokens.classes.transparentDivider, !hasLine || isLast), Steps_tokens.classes.inactive, isInactive || isNextInactive))
-  })), /*#__PURE__*/React.createElement(StepItem_styles.StepItemContentWrapper, {
-    className: cls(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.verticalOrientation, isVertical), Steps_tokens.classes.centered, isCentered), Steps_tokens.classes.active, isActive), Steps_tokens.classes.hasIndicator, hasIndicator))
-  }, /*#__PURE__*/React.createElement(StepItem_styles.StepItemTitle, {
+  }), typeof indicator !== 'function' && indicator), /*#__PURE__*/React__default.default.createElement(StepItem_styles.StepItemDivider, {
+    className: cls__default.default(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.simple, isSimple), Steps_tokens.classes.transparentDivider, !hasLine || isLast), Steps_tokens.classes.inactive, isInactive || isNextInactive))
+  })), /*#__PURE__*/React__default.default.createElement(StepItem_styles.StepItemContentWrapper, {
+    className: cls__default.default(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.verticalOrientation, isVertical), Steps_tokens.classes.centered, isCentered), Steps_tokens.classes.active, isActive), Steps_tokens.classes.hasIndicator, hasIndicator))
+  }, /*#__PURE__*/React__default.default.createElement(StepItem_styles.StepItemTitle, {
     onClick: onClickHandler,
     onFocus: onMouseOver,
     onBlur: onMouseOut,
     onMouseOver: onMouseOver,
     onMouseOut: onMouseOut
-  }, title), content && /*#__PURE__*/React.createElement(StepItem_styles.StepItemContent, null, typeof content === 'function' ? content(status, index, items) : content))));
+  }, title), content && /*#__PURE__*/React__default.default.createElement(StepItem_styles.StepItemContent, null, typeof content === 'function' ? content(status, index, items) : content))));
 };
 
 exports.StepItem = StepItem;