@salutejs/plasma-new-hope 0.159.1-canary.1412.11144674561.0 → 0.160.0-dev.0

package/es/components/Steps/Steps.css

@@ -0,0 +1,18 @@
+.base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
+
+.base_ova69f_bw56nfh__55225c7f{width:var(--plasma-spinner-size);height:var(--plasma-spinner-size);}
+
+.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
+.Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
+
+.StepItem_styles_sp9rcd_snf9dn9__20446152{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
+.StepItem_styles_sp9rcd_sv5tpso__20446152{padding-top:var(--plasma-step-item-title-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-title-font-family);font-size:var(--plasma-step-item-title-font-size);font-style:var(--plasma-step-item-title-font-style);font-weight:var(--plasma-step-item-title-font-weight);-webkit-letter-spacing:var(--plasma-step-item-title-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-title-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-title-letter-spacing);letter-spacing:var(--plasma-step-item-title-letter-spacing);line-height:var(--plasma-step-item-title-line-height);word-break:break-word;}
+.StepItem_styles_sp9rcd_s529fhk__20446152{padding-top:var(--plasma-step-item-content-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-content-font-family);font-size:var(--plasma-step-item-content-font-size);font-style:var(--plasma-step-item-content-font-style);font-weight:var(--plasma-step-item-content-font-weight);-webkit-letter-spacing:var(--plasma-step-item-content-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-content-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-content-letter-spacing);letter-spacing:var(--plasma-step-item-content-letter-spacing);line-height:var(--plasma-step-item-content-line-height);word-break:break-word;color:var(--plasma-step-item-content-color);}
+.StepItem_styles_sp9rcd_b1kcj14__20446152{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_sp9rcd_b1kcj14__20446152:not(.StepItem_styles_sp9rcd_simple__20446152){-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_sp9rcd_b1kcj14__20446152:not(.StepItem_styles_sp9rcd_simple__20446152).StepItem_styles_sp9rcd_itemHasIndicator__20446152{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_sp9rcd_b1kcj14__20446152:not(.StepItem_styles_sp9rcd_simple__20446152):not(.StepItem_styles_sp9rcd_itemHasIndicator__20446152){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_sp9rcd_b1kcj14__20446152:not(.StepItem_styles_sp9rcd_simple__20446152).StepItem_styles_sp9rcd_verticalOrientation__20446152{padding-right:var(--plasma-step-item-vertical-content-padding-left);}.StepItem_styles_sp9rcd_b1kcj14__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-height:100%;}.StepItem_styles_sp9rcd_b1kcj14__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152.StepItem_styles_sp9rcd_itemHasIndicator__20446152{min-width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_sp9rcd_b1kcj14__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152:not(.StepItem_styles_sp9rcd_itemHasIndicator__20446152){min-width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_sp9rcd_b1kcj14__20446152.StepItem_styles_sp9rcd_itemCentered__20446152{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
+.StepItem_styles_sp9rcd_b9hdug__20446152{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--plasma-step-item-indicator-size);height:var(--plasma-step-item-indicator-size);border-radius:50%;box-sizing:border-box;position:relative;color:var(--plasma-step-item-completed-indicator-color);background-color:var(--plasma-step-item-completed-indicator-background);font-family:var(--plasma-step-item-indicator-font-family);font-size:var(--plasma-step-item-indicator-font-size);font-style:var(--plasma-step-item-indicator-font-style);font-weight:var(--plasma-step-item-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-indicator-letter-spacing);line-height:var(--plasma-step-item-indicator-line-height);}.StepItem_styles_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemActive__20446152{width:var(--plasma-step-item-active-indicator-size);height:var(--plasma-step-item-active-indicator-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);font-family:var(--plasma-step-item-active-indicator-font-family);font-size:var(--plasma-step-item-active-indicator-font-size);font-style:var(--plasma-step-item-active-indicator-font-style);font-weight:var(--plasma-step-item-active-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);line-height:var(--plasma-step-item-active-indicator-line-height);color:var(--plasma-step-item-active-indicator-color);background:var(--plasma-step-item-active-indicator-background);}.StepItem_styles_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemInactive__20446152{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemInactive__20446152:before,.StepItem_styles_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemInactive__20446152:after{background:var(--plasma-step-item-inactive-indicator-background);}
+.StepItem_styles_sp9rcd_b1eo1o32__20446152.StepItem_styles_sp9rcd_b9hdug__20446152{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.StepItem_styles_sp9rcd_b1eo1o32__20446152.StepItem_styles_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemActive__20446152{width:var(--plasma-step-item-active-bullet-size);height:var(--plasma-step-item-active-bullet-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);background-color:var(--plasma-step-item-active-indicator-background);}
+.StepItem_styles_sp9rcd_sxskc3q__20446152{width:100%;height:var(--plasma-step-item-divider-thickness);-webkit-flex:1;-ms-flex:1;flex:1;background-color:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_itemInactive__20446152{background-color:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_transparentDivider__20446152{background-color:transparent;}.StepItem_styles_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_indentDivider__20446152{height:var(--sxskc3q-0);min-height:var(--sxskc3q-0);max-height:var(--sxskc3q-0);}.StepItem_styles_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_indentDivider__20446152.StepItem_styles_sp9rcd_simple__20446152{height:auto;max-height:none;}
+.StepItem_styles_sp9rcd_s4zgmmr__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{padding-top:var(--plasma-step-item-content-vertical-padding);padding-right:0;}.StepItem_styles_sp9rcd_s4zgmmr__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152 .StepItem_styles_sp9rcd_s529fhk__20446152{padding-top:var(--plasma-step-item-content-vertical-padding);padding-bottom:var(--plasma-step-item-content-vertical-padding);padding-right:0;}
+.StepItem_styles_sp9rcd_s12pqpa3__20446152{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-flex:1;-ms-flex:1;flex:1;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152 .StepItem_styles_sp9rcd_sxskc3q__20446152{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemActive__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemInactive__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152:not(.StepItem_styles_sp9rcd_itemActive__20446152) .StepItem_styles_sp9rcd_sv5tpso__20446152{cursor:pointer;color:var(--plasma-step-item-active-title-color-hover);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152:not(.StepItem_styles_sp9rcd_itemActive__20446152) .StepItem_styles_sp9rcd_b9hdug__20446152,.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152:not(.StepItem_styles_sp9rcd_itemActive__20446152) .StepItem_styles_sp9rcd_b1eo1o32__20446152{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152.StepItem_styles_sp9rcd_itemInactive__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152.StepItem_styles_sp9rcd_itemInactive__20446152 .StepItem_styles_sp9rcd_b9hdug__20446152,.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152.StepItem_styles_sp9rcd_itemInactive__20446152 .StepItem_styles_sp9rcd_b1eo1o32__20446152{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152 .StepItem_styles_sp9rcd_b1kcj14__20446152{cursor:pointer;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152 .StepItem_styles_sp9rcd_s4zgmmr__20446152{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:calc(var(--plasma-step-item-content-side-padding) / 2);padding-right:calc(var(--plasma-step-item-content-side-padding) / 2);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152 .StepItem_styles_sp9rcd_s4zgmmr__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{width:100%;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152 .StepItem_styles_sp9rcd_s4zgmmr__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152,.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152 .StepItem_styles_sp9rcd_s4zgmmr__20446152 .StepItem_styles_sp9rcd_s529fhk__20446152{padding-right:0;text-align:center;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_simple__20446152{-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemDisabled__20446152{opacity:var(--plasma-step-item-disabled-opacity);}
+
+.Steps_styles_1xmqxqu_b7q3upx__86b16d4a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a:not(.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a.Steps_styles_1xmqxqu_verticalOrientation__86b16d4a).Steps_styles_1xmqxqu_itemHasIndicator__86b16d4a{height:var(--plasma-step-item-active-indicator-size);}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a:not(.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a.Steps_styles_1xmqxqu_verticalOrientation__86b16d4a):not(.Steps_styles_1xmqxqu_itemHasIndicator__86b16d4a){height:var(--plasma-step-item-active-bullet-size);}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a.Steps_styles_1xmqxqu_verticalOrientation__86b16d4a.Steps_styles_1xmqxqu_itemHasIndicator__86b16d4a{width:var(--plasma-step-item-active-indicator-size);}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a.Steps_styles_1xmqxqu_verticalOrientation__86b16d4a:not(.Steps_styles_1xmqxqu_itemHasIndicator__86b16d4a){width:var(--plasma-step-item-active-bullet-size);}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_verticalOrientation__86b16d4a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:100%;}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_verticalOrientation__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}

package/es/components/Steps/Steps.js

@@ -0,0 +1,112 @@
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { forwardRef, useState, useEffect } from 'react';
+import cls from 'classnames';
+import { classes } from './Steps.tokens.js';
+import { StepItem } from './ui/StepItem/StepItem.js';
+import { base } from './Steps.styles.js';
+import { base as base$1 } from './variations/_size/base.js';
+import { base as base$2 } from './variations/_view/base.js';
+import { getItemStatus } from './utils/getItemStatus.js';
+
+var _excluded = ["view", "size", "orientation", "contentAlign", "hasLine", "hasContent", "hasLoader", "items", "onChange", "current", "status"];
+var stepsRoot = function stepsRoot(Root) {
+  return /*#__PURE__*/forwardRef(function (props, outerRef) {
+    var _props$view = props.view,
+      view = _props$view === void 0 ? 'default' : _props$view,
+      size = props.size,
+      _props$orientation = props.orientation,
+      orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
+      _props$contentAlign = props.contentAlign,
+      contentAlign = _props$contentAlign === void 0 ? 'left' : _props$contentAlign,
+      _props$hasLine = props.hasLine,
+      hasLine = _props$hasLine === void 0 ? true : _props$hasLine,
+      _props$hasContent = props.hasContent,
+      hasContent = _props$hasContent === void 0 ? 'all' : _props$hasContent,
+      hasLoader = props.hasLoader,
+      _props$items = props.items,
+      items = _props$items === void 0 ? [] : _props$items,
+      onChange = props.onChange,
+      current = props.current,
+      status = props.status,
+      rest = _objectWithoutProperties(props, _excluded);
+    var _useState = useState(),
+      _useState2 = _slicedToArray(_useState, 2),
+      prevIndex = _useState2[0],
+      setPrevIndex = _useState2[1];
+    var isUncontrolled = current !== undefined;
+    var hasIndicator = items.some(function (item) {
+      return item.indicator != null;
+    });
+    var isSimple = items.every(function (item) {
+      return !item.title && !item.content;
+    });
+    useEffect(function () {
+      var calcPrevIndex = function calcPrevIndex() {
+        if (current !== undefined) {
+          setPrevIndex(current);
+        } else {
+          var index = items.findIndex(function (item) {
+            return item.status === 'active';
+          });
+          setPrevIndex(index !== -1 ? index : undefined);
+        }
+      };
+      calcPrevIndex();
+      return function () {
+        calcPrevIndex();
+      };
+    }, [current, items]);
+    return /*#__PURE__*/React.createElement(Root, _extends({
+      size: size,
+      view: view,
+      ref: outerRef,
+      className: cls(_defineProperty(_defineProperty(_defineProperty({}, classes.verticalOrientation, orientation === 'vertical'), classes.simple, isSimple), classes.hasIndicator, hasIndicator))
+    }, rest), items.map(function (item, index) {
+      var itemStatus = getItemStatus({
+        isUncontrolled: isUncontrolled,
+        current: current,
+        status: status,
+        index: index,
+        item: item
+      });
+      var isActive = itemStatus === 'active';
+      var itemContent = hasContent === 'active' && !isActive || hasContent === 'none' ? '' : item.content;
+      var itemContentAlign = orientation === 'horizontal' ? contentAlign : 'left';
+      var onClick = onChange ? function () {
+        return onChange(item, index, prevIndex);
+      } : undefined;
+      return /*#__PURE__*/React.createElement(StepItem, {
+        key: index,
+        index: index,
+        title: item.title,
+        content: itemContent,
+        indicator: item.indicator,
+        status: itemStatus,
+        size: size,
+        orientation: orientation,
+        contentAlign: itemContentAlign,
+        hasLine: hasLine,
+        hasLoader: hasLoader && isActive,
+        onClick: onClick,
+        items: items
+      });
+    }));
+  });
+};
+var stepsConfig = {
+  name: 'Steps',
+  tag: 'div',
+  layout: stepsRoot,
+  base: base,
+  variations: {
+    size: base$1,
+    view: base$2
+  },
+  defaults: {
+    view: 'default',
+    size: 'm'
+  }
+};
+
+export { stepsConfig, stepsRoot };
+//# sourceMappingURL=Steps.js.map

package/es/components/Steps/Steps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Steps.js","sources":["../../../src/components/Steps/Steps.tsx"],"sourcesContent":["import React, { forwardRef, useState, useEffect, HTMLAttributes } 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 isUncontrolled = current !== undefined;\n        const hasIndicator = items.some((item) => item.indicator != null);\n        const isSimple = items.every((item) => !item.title && !item.content);\n\n        useEffect(() => {\n            const calcPrevIndex = () => {\n                if (current !== undefined) {\n                    setPrevIndex(current);\n                } else {\n                    const index = items.findIndex((item) => item.status === 'active');\n                    setPrevIndex(index !== -1 ? index : undefined);\n                }\n            };\n\n            calcPrevIndex();\n\n            return () => {\n                calcPrevIndex();\n            };\n        }, [current, items]);\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                {items.map((item, index) => {\n                    const itemStatus = getItemStatus({ isUncontrolled, current, status, index, item });\n\n                    const isActive = itemStatus === '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={itemStatus}\n                            size={size!}\n                            orientation={orientation}\n                            contentAlign={itemContentAlign}\n                            hasLine={hasLine}\n                            hasLoader={hasLoader && isActive}\n                            onClick={onClick}\n                            items={items}\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","isUncontrolled","undefined","hasIndicator","some","item","indicator","isSimple","every","title","content","useEffect","calcPrevIndex","index","findIndex","React","createElement","_extends","ref","className","cls","_defineProperty","classes","verticalOrientation","simple","map","itemStatus","getItemStatus","isActive","itemContent","itemContentAlign","onClick","StepItem","key","stepsConfig","name","tag","layout","base","variations","sizeCSS","viewCSS","defaults"],"mappings":"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"}

package/es/components/Steps/Steps.styles.js

@@ -0,0 +1,5 @@
+import './Steps.styles_1xmqxqu.css';
+var base = "b7q3upx";
+
+export { base };
+//# sourceMappingURL=Steps.styles.js.map

package/es/components/Steps/Steps.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Steps.styles.js","sources":["../../../src/components/Steps/Steps.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from './Steps.tokens';\n\nexport const base = css`\n    display: flex;\n    flex-direction: row;\n\n    &.${classes.simple} {\n        align-items: center;\n\n        &:not(&.${classes.verticalOrientation}) {\n            &.${classes.hasIndicator} {\n                height: var(${tokens.activeIndicatorSize});\n            }\n\n            &:not(.${classes.hasIndicator}) {\n                height: var(${tokens.activeBulletSize});\n            }\n        }\n\n        &.${classes.verticalOrientation} {\n            &.${classes.hasIndicator} {\n                width: var(${tokens.activeIndicatorSize});\n            }\n            &:not(.${classes.hasIndicator}) {\n                width: var(${tokens.activeBulletSize});\n            }\n        }\n    }\n\n    &.${classes.verticalOrientation} {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        height: 100%;\n\n        &.${classes.simple} {\n            display: inline-flex;\n        }\n    }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAqChB;;;;"}

package/es/components/Steps/Steps.styles_1xmqxqu.css

@@ -0,0 +1 @@
+.b7q3upx{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.b7q3upx.simple{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.b7q3upx.simple:not(.b7q3upx.simple.vertical-orientation).item-has-indicator{height:var(--plasma-step-item-active-indicator-size);}.b7q3upx.simple:not(.b7q3upx.simple.vertical-orientation):not(.item-has-indicator){height:var(--plasma-step-item-active-bullet-size);}.b7q3upx.simple.vertical-orientation.item-has-indicator{width:var(--plasma-step-item-active-indicator-size);}.b7q3upx.simple.vertical-orientation:not(.item-has-indicator){width:var(--plasma-step-item-active-bullet-size);}.b7q3upx.vertical-orientation{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:100%;}.b7q3upx.vertical-orientation.simple{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}

package/es/components/Steps/Steps.tokens.js

@@ -0,0 +1,77 @@
+var classes = {
+  simple: 'simple',
+  centered: 'item-centered',
+  active: 'item-active',
+  inactive: 'item-inactive',
+  clickable: 'item-clickable',
+  hovered: 'item-hovered',
+  disabled: 'item-disabled',
+  verticalOrientation: 'vertical-orientation',
+  hasIndicator: 'item-has-indicator',
+  activeItem: 'item-active',
+  indentDivider: 'indent-divider',
+  transparentDivider: 'transparent-divider'
+};
+var tokens = {
+  indicatorSize: '--plasma-step-item-indicator-size',
+  activeIndicatorSize: '--plasma-step-item-active-indicator-size',
+  bulletSize: '--plasma-step-item-bullet-size',
+  activeBulletSize: '--plasma-step-item-active-bullet-size',
+  titlePaddingTop: '--plasma-step-item-title-padding-top',
+  contentPaddingTop: '--plasma-step-item-content-padding-top',
+  contentPaddingRight: '--plasma-step-item-content-padding-right',
+  contentSidePadding: '--plasma-step-item-content-side-padding',
+  contentVerticalPadding: '--plasma-step-item-content-vertical-padding',
+  verticalContentPaddingLeft: '--plasma-step-item-vertical-content-padding-left',
+  smallIndicatorIndentHeight: '--plasma-step-item-s-indicator-intent-height',
+  largeIndicatorIndentHeight: '--plasma-step-item-l-indicator-intent-height',
+  smallBulletIndentHeight: '--plasma-step-item-s-bullet-intent-height',
+  largeBulletIndentHeight: '--plasma-step-item-l-bullet-intent-height',
+  titleFontFamily: '--plasma-step-item-title-font-family',
+  titleFontSize: '--plasma-step-item-title-font-size',
+  titleFontStyle: '--plasma-step-item-title-font-style',
+  titleFontWeight: '--plasma-step-item-title-font-weight',
+  titleLetterSpacing: '--plasma-step-item-title-letter-spacing',
+  titleLineHeight: '--plasma-step-item-title-line-height',
+  contentFontFamily: '--plasma-step-item-content-font-family',
+  contentFontSize: '--plasma-step-item-content-font-size',
+  contentFontStyle: '--plasma-step-item-content-font-style',
+  contentFontWeight: '--plasma-step-item-content-font-weight',
+  contentLetterSpacing: '--plasma-step-item-content-letter-spacing',
+  contentLineHeight: '--plasma-step-item-content-line-height',
+  indicatorFontFamily: '--plasma-step-item-indicator-font-family',
+  indicatorFontSize: '--plasma-step-item-indicator-font-size',
+  indicatorFontStyle: '--plasma-step-item-indicator-font-style',
+  indicatorFontWeight: '--plasma-step-item-indicator-font-weight',
+  indicatorLetterSpacing: '--plasma-step-item-indicator-letter-spacing',
+  indicatorLineHeight: '--plasma-step-item-indicator-line-height',
+  activeIndicatorFontFamily: '--plasma-step-item-active-indicator-font-family',
+  activeIndicatorFontSize: '--plasma-step-item-active-indicator-font-size',
+  activeIndicatorFontStyle: '--plasma-step-item-active-indicator-font-style',
+  activeIndicatorFontWeight: '--plasma-step-item-active-indicator-font-weight',
+  activeIndicatorLetterSpacing: '--plasma-step-item-active-indicator-letter-spacing',
+  activeIndicatorLineHeight: '--plasma-step-item-active-indicator-line-height',
+  activeTitleColor: '--plasma-step-item-active-title-color',
+  activeTitleColorHover: '--plasma-step-item-active-title-color-hover',
+  inactiveTitleColor: '--plasma-step-item-inactive-title-color',
+  inactiveTitleColorHover: '--plasma-step-item-inactive-title-color-hover',
+  contentColor: '--plasma-step-item-content-color',
+  activeIndicatorBorder: '--plasma-step-item-active-indicator-border',
+  activeIndicatorBorderHover: '--plasma-step-item-active-indicator-border-hover',
+  activeIndicatorColor: '--plasma-step-item-active-indicator-color',
+  activeIndicatorColorHover: '--plasma-step-item-active-indicator-color-hover',
+  activeIndicatorBackground: '--plasma-step-item-active-indicator-background',
+  completedIndicatorColor: '--plasma-step-item-completed-indicator-color',
+  completedIndicatorColorHover: '--plasma-step-item-completed-indicator-color-hover',
+  completedIndicatorBackground: '--plasma-step-item-completed-indicator-background',
+  completedIndicatorBackgroundHover: '--plasma-step-item-completed-indicator-background-hover',
+  inactiveIndicatorColor: '--plasma-step-item-inactive-indicator-color',
+  inactiveIndicatorColorHover: '--plasma-step-item-inactive-indicator-color-hover',
+  inactiveIndicatorBackground: '--plasma-step-item-inactive-indicator-background',
+  inactiveIndicatorBackgroundHover: '--plasma-step-item-inactive-indicator-background-hover',
+  disabledOpacity: '--plasma-step-item-disabled-opacity',
+  dividerThickness: '--plasma-step-item-divider-thickness'
+};
+
+export { classes, tokens };
+//# sourceMappingURL=Steps.tokens.js.map

package/es/components/Steps/Steps.tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Steps.tokens.js","sources":["../../../src/components/Steps/Steps.tokens.ts"],"sourcesContent":["export const classes = {\n    simple: 'simple',\n    centered: 'item-centered',\n    active: 'item-active',\n    inactive: 'item-inactive',\n    clickable: 'item-clickable',\n    hovered: 'item-hovered',\n    disabled: 'item-disabled',\n    verticalOrientation: 'vertical-orientation',\n    hasIndicator: 'item-has-indicator',\n    activeItem: 'item-active',\n    indentDivider: 'indent-divider',\n    transparentDivider: 'transparent-divider',\n};\n\nexport const tokens = {\n    indicatorSize: '--plasma-step-item-indicator-size',\n    activeIndicatorSize: '--plasma-step-item-active-indicator-size',\n    bulletSize: '--plasma-step-item-bullet-size',\n    activeBulletSize: '--plasma-step-item-active-bullet-size',\n\n    titlePaddingTop: '--plasma-step-item-title-padding-top',\n    contentPaddingTop: '--plasma-step-item-content-padding-top',\n    contentPaddingRight: '--plasma-step-item-content-padding-right',\n    contentSidePadding: '--plasma-step-item-content-side-padding',\n    contentVerticalPadding: '--plasma-step-item-content-vertical-padding',\n    verticalContentPaddingLeft: '--plasma-step-item-vertical-content-padding-left',\n\n    smallIndicatorIndentHeight: '--plasma-step-item-s-indicator-intent-height',\n    largeIndicatorIndentHeight: '--plasma-step-item-l-indicator-intent-height',\n    smallBulletIndentHeight: '--plasma-step-item-s-bullet-intent-height',\n    largeBulletIndentHeight: '--plasma-step-item-l-bullet-intent-height',\n\n    titleFontFamily: '--plasma-step-item-title-font-family',\n    titleFontSize: '--plasma-step-item-title-font-size',\n    titleFontStyle: '--plasma-step-item-title-font-style',\n    titleFontWeight: '--plasma-step-item-title-font-weight',\n    titleLetterSpacing: '--plasma-step-item-title-letter-spacing',\n    titleLineHeight: '--plasma-step-item-title-line-height',\n\n    contentFontFamily: '--plasma-step-item-content-font-family',\n    contentFontSize: '--plasma-step-item-content-font-size',\n    contentFontStyle: '--plasma-step-item-content-font-style',\n    contentFontWeight: '--plasma-step-item-content-font-weight',\n    contentLetterSpacing: '--plasma-step-item-content-letter-spacing',\n    contentLineHeight: '--plasma-step-item-content-line-height',\n\n    indicatorFontFamily: '--plasma-step-item-indicator-font-family',\n    indicatorFontSize: '--plasma-step-item-indicator-font-size',\n    indicatorFontStyle: '--plasma-step-item-indicator-font-style',\n    indicatorFontWeight: '--plasma-step-item-indicator-font-weight',\n    indicatorLetterSpacing: '--plasma-step-item-indicator-letter-spacing',\n    indicatorLineHeight: '--plasma-step-item-indicator-line-height',\n\n    activeIndicatorFontFamily: '--plasma-step-item-active-indicator-font-family',\n    activeIndicatorFontSize: '--plasma-step-item-active-indicator-font-size',\n    activeIndicatorFontStyle: '--plasma-step-item-active-indicator-font-style',\n    activeIndicatorFontWeight: '--plasma-step-item-active-indicator-font-weight',\n    activeIndicatorLetterSpacing: '--plasma-step-item-active-indicator-letter-spacing',\n    activeIndicatorLineHeight: '--plasma-step-item-active-indicator-line-height',\n\n    activeTitleColor: '--plasma-step-item-active-title-color',\n    activeTitleColorHover: '--plasma-step-item-active-title-color-hover',\n    inactiveTitleColor: '--plasma-step-item-inactive-title-color',\n    inactiveTitleColorHover: '--plasma-step-item-inactive-title-color-hover',\n\n    contentColor: '--plasma-step-item-content-color',\n\n    activeIndicatorBorder: '--plasma-step-item-active-indicator-border',\n    activeIndicatorBorderHover: '--plasma-step-item-active-indicator-border-hover',\n\n    activeIndicatorColor: '--plasma-step-item-active-indicator-color',\n    activeIndicatorColorHover: '--plasma-step-item-active-indicator-color-hover',\n    activeIndicatorBackground: '--plasma-step-item-active-indicator-background',\n\n    completedIndicatorColor: '--plasma-step-item-completed-indicator-color',\n    completedIndicatorColorHover: '--plasma-step-item-completed-indicator-color-hover',\n    completedIndicatorBackground: '--plasma-step-item-completed-indicator-background',\n    completedIndicatorBackgroundHover: '--plasma-step-item-completed-indicator-background-hover',\n\n    inactiveIndicatorColor: '--plasma-step-item-inactive-indicator-color',\n    inactiveIndicatorColorHover: '--plasma-step-item-inactive-indicator-color-hover',\n    inactiveIndicatorBackground: '--plasma-step-item-inactive-indicator-background',\n    inactiveIndicatorBackgroundHover: '--plasma-step-item-inactive-indicator-background-hover',\n\n    disabledOpacity: '--plasma-step-item-disabled-opacity',\n\n    dividerThickness: '--plasma-step-item-divider-thickness',\n};\n"],"names":["classes","simple","centered","active","inactive","clickable","hovered","disabled","verticalOrientation","hasIndicator","activeItem","indentDivider","transparentDivider","tokens","indicatorSize","activeIndicatorSize","bulletSize","activeBulletSize","titlePaddingTop","contentPaddingTop","contentPaddingRight","contentSidePadding","contentVerticalPadding","verticalContentPaddingLeft","smallIndicatorIndentHeight","largeIndicatorIndentHeight","smallBulletIndentHeight","largeBulletIndentHeight","titleFontFamily","titleFontSize","titleFontStyle","titleFontWeight","titleLetterSpacing","titleLineHeight","contentFontFamily","contentFontSize","contentFontStyle","contentFontWeight","contentLetterSpacing","contentLineHeight","indicatorFontFamily","indicatorFontSize","indicatorFontStyle","indicatorFontWeight","indicatorLetterSpacing","indicatorLineHeight","activeIndicatorFontFamily","activeIndicatorFontSize","activeIndicatorFontStyle","activeIndicatorFontWeight","activeIndicatorLetterSpacing","activeIndicatorLineHeight","activeTitleColor","activeTitleColorHover","inactiveTitleColor","inactiveTitleColorHover","contentColor","activeIndicatorBorder","activeIndicatorBorderHover","activeIndicatorColor","activeIndicatorColorHover","activeIndicatorBackground","completedIndicatorColor","completedIndicatorColorHover","completedIndicatorBackground","completedIndicatorBackgroundHover","inactiveIndicatorColor","inactiveIndicatorColorHover","inactiveIndicatorBackground","inactiveIndicatorBackgroundHover","disabledOpacity","dividerThickness"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,QAAQ,EAAE,eAAe;AACzBC,EAAAA,MAAM,EAAE,aAAa;AACrBC,EAAAA,QAAQ,EAAE,eAAe;AACzBC,EAAAA,SAAS,EAAE,gBAAgB;AAC3BC,EAAAA,OAAO,EAAE,cAAc;AACvBC,EAAAA,QAAQ,EAAE,eAAe;AACzBC,EAAAA,mBAAmB,EAAE,sBAAsB;AAC3CC,EAAAA,YAAY,EAAE,oBAAoB;AAClCC,EAAAA,UAAU,EAAE,aAAa;AACzBC,EAAAA,aAAa,EAAE,gBAAgB;AAC/BC,EAAAA,kBAAkB,EAAE,qBAAA;AACxB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,aAAa,EAAE,mCAAmC;AAClDC,EAAAA,mBAAmB,EAAE,0CAA0C;AAC/DC,EAAAA,UAAU,EAAE,gCAAgC;AAC5CC,EAAAA,gBAAgB,EAAE,uCAAuC;AAEzDC,EAAAA,eAAe,EAAE,sCAAsC;AACvDC,EAAAA,iBAAiB,EAAE,wCAAwC;AAC3DC,EAAAA,mBAAmB,EAAE,0CAA0C;AAC/DC,EAAAA,kBAAkB,EAAE,yCAAyC;AAC7DC,EAAAA,sBAAsB,EAAE,6CAA6C;AACrEC,EAAAA,0BAA0B,EAAE,kDAAkD;AAE9EC,EAAAA,0BAA0B,EAAE,8CAA8C;AAC1EC,EAAAA,0BAA0B,EAAE,8CAA8C;AAC1EC,EAAAA,uBAAuB,EAAE,2CAA2C;AACpEC,EAAAA,uBAAuB,EAAE,2CAA2C;AAEpEC,EAAAA,eAAe,EAAE,sCAAsC;AACvDC,EAAAA,aAAa,EAAE,oCAAoC;AACnDC,EAAAA,cAAc,EAAE,qCAAqC;AACrDC,EAAAA,eAAe,EAAE,sCAAsC;AACvDC,EAAAA,kBAAkB,EAAE,yCAAyC;AAC7DC,EAAAA,eAAe,EAAE,sCAAsC;AAEvDC,EAAAA,iBAAiB,EAAE,wCAAwC;AAC3DC,EAAAA,eAAe,EAAE,sCAAsC;AACvDC,EAAAA,gBAAgB,EAAE,uCAAuC;AACzDC,EAAAA,iBAAiB,EAAE,wCAAwC;AAC3DC,EAAAA,oBAAoB,EAAE,2CAA2C;AACjEC,EAAAA,iBAAiB,EAAE,wCAAwC;AAE3DC,EAAAA,mBAAmB,EAAE,0CAA0C;AAC/DC,EAAAA,iBAAiB,EAAE,wCAAwC;AAC3DC,EAAAA,kBAAkB,EAAE,yCAAyC;AAC7DC,EAAAA,mBAAmB,EAAE,0CAA0C;AAC/DC,EAAAA,sBAAsB,EAAE,6CAA6C;AACrEC,EAAAA,mBAAmB,EAAE,0CAA0C;AAE/DC,EAAAA,yBAAyB,EAAE,iDAAiD;AAC5EC,EAAAA,uBAAuB,EAAE,+CAA+C;AACxEC,EAAAA,wBAAwB,EAAE,gDAAgD;AAC1EC,EAAAA,yBAAyB,EAAE,iDAAiD;AAC5EC,EAAAA,4BAA4B,EAAE,oDAAoD;AAClFC,EAAAA,yBAAyB,EAAE,iDAAiD;AAE5EC,EAAAA,gBAAgB,EAAE,uCAAuC;AACzDC,EAAAA,qBAAqB,EAAE,6CAA6C;AACpEC,EAAAA,kBAAkB,EAAE,yCAAyC;AAC7DC,EAAAA,uBAAuB,EAAE,+CAA+C;AAExEC,EAAAA,YAAY,EAAE,kCAAkC;AAEhDC,EAAAA,qBAAqB,EAAE,4CAA4C;AACnEC,EAAAA,0BAA0B,EAAE,kDAAkD;AAE9EC,EAAAA,oBAAoB,EAAE,2CAA2C;AACjEC,EAAAA,yBAAyB,EAAE,iDAAiD;AAC5EC,EAAAA,yBAAyB,EAAE,gDAAgD;AAE3EC,EAAAA,uBAAuB,EAAE,8CAA8C;AACvEC,EAAAA,4BAA4B,EAAE,oDAAoD;AAClFC,EAAAA,4BAA4B,EAAE,mDAAmD;AACjFC,EAAAA,iCAAiC,EAAE,yDAAyD;AAE5FC,EAAAA,sBAAsB,EAAE,6CAA6C;AACrEC,EAAAA,2BAA2B,EAAE,mDAAmD;AAChFC,EAAAA,2BAA2B,EAAE,kDAAkD;AAC/EC,EAAAA,gCAAgC,EAAE,wDAAwD;AAE1FC,EAAAA,eAAe,EAAE,qCAAqC;AAEtDC,EAAAA,gBAAgB,EAAE,sCAAA;AACtB;;;;"}

package/es/components/Steps/ui/StepItem/StepItem.css

@@ -0,0 +1,16 @@
+.base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
+
+.base_ova69f_bw56nfh__55225c7f{width:var(--plasma-spinner-size);height:var(--plasma-spinner-size);}
+
+.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
+.Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
+
+.StepItem_styles_sp9rcd_snf9dn9__20446152{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
+.StepItem_styles_sp9rcd_sv5tpso__20446152{padding-top:var(--plasma-step-item-title-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-title-font-family);font-size:var(--plasma-step-item-title-font-size);font-style:var(--plasma-step-item-title-font-style);font-weight:var(--plasma-step-item-title-font-weight);-webkit-letter-spacing:var(--plasma-step-item-title-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-title-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-title-letter-spacing);letter-spacing:var(--plasma-step-item-title-letter-spacing);line-height:var(--plasma-step-item-title-line-height);word-break:break-word;}
+.StepItem_styles_sp9rcd_s529fhk__20446152{padding-top:var(--plasma-step-item-content-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-content-font-family);font-size:var(--plasma-step-item-content-font-size);font-style:var(--plasma-step-item-content-font-style);font-weight:var(--plasma-step-item-content-font-weight);-webkit-letter-spacing:var(--plasma-step-item-content-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-content-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-content-letter-spacing);letter-spacing:var(--plasma-step-item-content-letter-spacing);line-height:var(--plasma-step-item-content-line-height);word-break:break-word;color:var(--plasma-step-item-content-color);}
+.StepItem_styles_sp9rcd_b1kcj14__20446152{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_sp9rcd_b1kcj14__20446152:not(.StepItem_styles_sp9rcd_simple__20446152){-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_sp9rcd_b1kcj14__20446152:not(.StepItem_styles_sp9rcd_simple__20446152).StepItem_styles_sp9rcd_itemHasIndicator__20446152{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_sp9rcd_b1kcj14__20446152:not(.StepItem_styles_sp9rcd_simple__20446152):not(.StepItem_styles_sp9rcd_itemHasIndicator__20446152){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_sp9rcd_b1kcj14__20446152:not(.StepItem_styles_sp9rcd_simple__20446152).StepItem_styles_sp9rcd_verticalOrientation__20446152{padding-right:var(--plasma-step-item-vertical-content-padding-left);}.StepItem_styles_sp9rcd_b1kcj14__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-height:100%;}.StepItem_styles_sp9rcd_b1kcj14__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152.StepItem_styles_sp9rcd_itemHasIndicator__20446152{min-width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_sp9rcd_b1kcj14__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152:not(.StepItem_styles_sp9rcd_itemHasIndicator__20446152){min-width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_sp9rcd_b1kcj14__20446152.StepItem_styles_sp9rcd_itemCentered__20446152{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
+.StepItem_styles_sp9rcd_b9hdug__20446152{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--plasma-step-item-indicator-size);height:var(--plasma-step-item-indicator-size);border-radius:50%;box-sizing:border-box;position:relative;color:var(--plasma-step-item-completed-indicator-color);background-color:var(--plasma-step-item-completed-indicator-background);font-family:var(--plasma-step-item-indicator-font-family);font-size:var(--plasma-step-item-indicator-font-size);font-style:var(--plasma-step-item-indicator-font-style);font-weight:var(--plasma-step-item-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-indicator-letter-spacing);line-height:var(--plasma-step-item-indicator-line-height);}.StepItem_styles_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemActive__20446152{width:var(--plasma-step-item-active-indicator-size);height:var(--plasma-step-item-active-indicator-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);font-family:var(--plasma-step-item-active-indicator-font-family);font-size:var(--plasma-step-item-active-indicator-font-size);font-style:var(--plasma-step-item-active-indicator-font-style);font-weight:var(--plasma-step-item-active-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);line-height:var(--plasma-step-item-active-indicator-line-height);color:var(--plasma-step-item-active-indicator-color);background:var(--plasma-step-item-active-indicator-background);}.StepItem_styles_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemInactive__20446152{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemInactive__20446152:before,.StepItem_styles_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemInactive__20446152:after{background:var(--plasma-step-item-inactive-indicator-background);}
+.StepItem_styles_sp9rcd_b1eo1o32__20446152.StepItem_styles_sp9rcd_b9hdug__20446152{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.StepItem_styles_sp9rcd_b1eo1o32__20446152.StepItem_styles_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemActive__20446152{width:var(--plasma-step-item-active-bullet-size);height:var(--plasma-step-item-active-bullet-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);background-color:var(--plasma-step-item-active-indicator-background);}
+.StepItem_styles_sp9rcd_sxskc3q__20446152{width:100%;height:var(--plasma-step-item-divider-thickness);-webkit-flex:1;-ms-flex:1;flex:1;background-color:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_itemInactive__20446152{background-color:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_transparentDivider__20446152{background-color:transparent;}.StepItem_styles_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_indentDivider__20446152{height:var(--sxskc3q-0);min-height:var(--sxskc3q-0);max-height:var(--sxskc3q-0);}.StepItem_styles_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_indentDivider__20446152.StepItem_styles_sp9rcd_simple__20446152{height:auto;max-height:none;}
+.StepItem_styles_sp9rcd_s4zgmmr__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{padding-top:var(--plasma-step-item-content-vertical-padding);padding-right:0;}.StepItem_styles_sp9rcd_s4zgmmr__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152 .StepItem_styles_sp9rcd_s529fhk__20446152{padding-top:var(--plasma-step-item-content-vertical-padding);padding-bottom:var(--plasma-step-item-content-vertical-padding);padding-right:0;}
+.StepItem_styles_sp9rcd_s12pqpa3__20446152{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-flex:1;-ms-flex:1;flex:1;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152 .StepItem_styles_sp9rcd_sxskc3q__20446152{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemActive__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemInactive__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152:not(.StepItem_styles_sp9rcd_itemActive__20446152) .StepItem_styles_sp9rcd_sv5tpso__20446152{cursor:pointer;color:var(--plasma-step-item-active-title-color-hover);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152:not(.StepItem_styles_sp9rcd_itemActive__20446152) .StepItem_styles_sp9rcd_b9hdug__20446152,.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152:not(.StepItem_styles_sp9rcd_itemActive__20446152) .StepItem_styles_sp9rcd_b1eo1o32__20446152{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152.StepItem_styles_sp9rcd_itemInactive__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152.StepItem_styles_sp9rcd_itemInactive__20446152 .StepItem_styles_sp9rcd_b9hdug__20446152,.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152.StepItem_styles_sp9rcd_itemInactive__20446152 .StepItem_styles_sp9rcd_b1eo1o32__20446152{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152 .StepItem_styles_sp9rcd_b1kcj14__20446152{cursor:pointer;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152 .StepItem_styles_sp9rcd_s4zgmmr__20446152{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:calc(var(--plasma-step-item-content-side-padding) / 2);padding-right:calc(var(--plasma-step-item-content-side-padding) / 2);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152 .StepItem_styles_sp9rcd_s4zgmmr__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{width:100%;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152 .StepItem_styles_sp9rcd_s4zgmmr__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152,.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152 .StepItem_styles_sp9rcd_s4zgmmr__20446152 .StepItem_styles_sp9rcd_s529fhk__20446152{padding-right:0;text-align:center;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_simple__20446152{-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemDisabled__20446152{opacity:var(--plasma-step-item-disabled-opacity);}

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

@@ -0,0 +1,112 @@
+import { slicedToArray as _slicedToArray, defineProperty as _defineProperty } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { useState, useEffect } from 'react';
+import cls from 'classnames';
+import { classes, tokens } from '../../Steps.tokens.js';
+import { StepItemStyled, BulletIndicatorWrapper, StepItemDivider, SpinnerStyled, StepItemContentWrapper, StepItemTitle, StepItemContent, BulletIndicator, Bullet } from './StepItem.styles.js';
+
+// todo попробовать заменить через baseline выравнивание
+var indicatorSizesIndentsMap = {
+  8: /*#__PURE__*/"var(".concat(tokens.smallBulletIndentHeight, ")"),
+  16: /*#__PURE__*/"var(".concat(tokens.largeBulletIndentHeight, ")"),
+  24: /*#__PURE__*/"var(".concat(tokens.smallIndicatorIndentHeight, ")"),
+  36: /*#__PURE__*/"var(".concat(tokens.largeIndicatorIndentHeight, ")")
+};
+var StepItem = function StepItem(_ref) {
+  var index = _ref.index,
+    title = _ref.title,
+    content = _ref.content,
+    indicator = _ref.indicator,
+    _ref$status = _ref.status,
+    status = _ref$status === void 0 ? 'inactive' : _ref$status,
+    size = _ref.size,
+    orientation = _ref.orientation,
+    contentAlign = _ref.contentAlign,
+    hasLine = _ref.hasLine,
+    hasLoader = _ref.hasLoader,
+    onClick = _ref.onClick,
+    items = _ref.items;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isHovered = _useState2[0],
+    setIsHovered = _useState2[1];
+  var isFirst = index === 0;
+  var isLast = index === items.length - 1;
+  var prevItem = items[index - 1];
+  var nextItem = items[index + 1];
+  var isActive = status === 'active';
+  var isInactive = status === 'inactive';
+  var isPrevInactive = prevItem && !(prevItem !== null && prevItem !== void 0 && prevItem.status) || (prevItem === null || prevItem === void 0 ? void 0 : prevItem.status) === 'inactive';
+  var isNextInactive = !(nextItem !== null && nextItem !== void 0 && nextItem.status) || (nextItem === null || nextItem === void 0 ? void 0 : nextItem.status) === 'inactive';
+  var hasIndicator = indicator != null;
+  var BulletNode = hasIndicator ? BulletIndicator : Bullet;
+  var item = items[index];
+  var isSimple = !title && !content;
+  var clickable = Boolean(onClick);
+  var isVertical = orientation === 'vertical';
+  var isCentered = contentAlign === 'center';
+  var isDisabled = item.disabled;
+  var onClickHandler = onClick && !isDisabled ? function () {
+    return onClick(item, index);
+  } : undefined;
+  var resultIndicatorSize;
+  if (hasIndicator) {
+    resultIndicatorSize = isActive ? 36 : 24;
+  } else {
+    resultIndicatorSize = isActive ? 16 : 8;
+  }
+  var indentToken = indicatorSizesIndentsMap[resultIndicatorSize];
+
+  // todo заменить на callback с условиями внутри
+  var onMouseOver = clickable && !isDisabled ? function () {
+    if (isDisabled) {
+      setIsHovered(false);
+    }
+    setIsHovered(true);
+  } : undefined;
+  var onMouseOut = clickable && !isDisabled ? function () {
+    setIsHovered(false);
+  } : undefined;
+  useEffect(function () {
+    if (isDisabled) {
+      setIsHovered(false);
+    }
+  }, [isDisabled]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StepItemStyled, {
+    className: cls(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, classes.simple, isSimple), classes.active, isActive), classes.hovered, isHovered && !isActive), classes.inactive, isInactive), classes.centered, isCentered), classes.disabled, isDisabled), classes.clickable, clickable && !isActive), classes.hasIndicator, hasIndicator), classes.verticalOrientation, isVertical))
+  }, /*#__PURE__*/React.createElement(BulletIndicatorWrapper, {
+    className: cls(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, classes.verticalOrientation, isVertical), classes.centered, isCentered), classes.simple, isSimple), classes.hasIndicator, hasIndicator)),
+    onClick: onClickHandler,
+    onFocus: onMouseOver,
+    onBlur: onMouseOut,
+    onMouseOver: onMouseOver,
+    onMouseOut: onMouseOut
+  }, contentAlign === 'center' && !isSimple && /*#__PURE__*/React.createElement(StepItemDivider, {
+    className: cls(_defineProperty(_defineProperty(_defineProperty({}, classes.simple, isSimple), classes.transparentDivider, !hasLine || isFirst), classes.inactive, isInactive || isPrevInactive))
+  }), isVertical && (isSimple ? !isFirst : true) && /*#__PURE__*/React.createElement(StepItemDivider, {
+    className: cls(classes.indentDivider, _defineProperty(_defineProperty(_defineProperty({}, classes.simple, isSimple), classes.transparentDivider, !hasLine || isFirst), classes.inactive, isInactive || isPrevInactive)),
+    indentToken: indentToken
+  }), hasLoader && /*#__PURE__*/React.createElement(SpinnerStyled, {
+    hasIndicator: hasIndicator
+  }), !hasLoader && /*#__PURE__*/React.createElement(BulletNode, {
+    className: cls(_defineProperty(_defineProperty({}, classes.active, isActive), classes.inactive, isInactive))
+  }, typeof indicator === 'function' && indicator({
+    status: status,
+    item: item,
+    size: size
+  }), typeof indicator !== 'function' && indicator), !isSimple && /*#__PURE__*/React.createElement(StepItemDivider, {
+    className: cls(_defineProperty(_defineProperty(_defineProperty({}, classes.simple, isSimple), classes.transparentDivider, !hasLine || isLast), classes.inactive, isInactive || isNextInactive))
+  })), !isSimple && /*#__PURE__*/React.createElement(StepItemContentWrapper, {
+    className: cls(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, classes.verticalOrientation, isVertical), classes.centered, isCentered), classes.active, isActive), classes.hasIndicator, hasIndicator))
+  }, /*#__PURE__*/React.createElement(StepItemTitle, {
+    onClick: onClickHandler,
+    onFocus: onMouseOver,
+    onBlur: onMouseOut,
+    onMouseOver: onMouseOver,
+    onMouseOut: onMouseOut
+  }, title), content && /*#__PURE__*/React.createElement(StepItemContent, null, typeof content === 'function' ? content(status, index, items) : content))), isSimple && !isLast && /*#__PURE__*/React.createElement(StepItemDivider, {
+    className: cls(classes.simple, _defineProperty(_defineProperty(_defineProperty({}, classes.verticalOrientation, isVertical), classes.transparentDivider, !hasLine), classes.inactive, isInactive || isNextInactive))
+  }));
+};
+
+export { StepItem };
+//# sourceMappingURL=StepItem.js.map

package/es/components/Steps/ui/StepItem/StepItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepItem.js","sources":["../../../../../src/components/Steps/ui/StepItem/StepItem.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport cls from 'classnames';\n\nimport { classes, tokens } from '../../Steps.tokens';\nimport { StepsContent, StepsContentAlign, StepsOrientation } from '../../Steps.types';\n\nimport type { StepItemProps } from './StepItem.types';\nimport {\n    Bullet,\n    BulletIndicator,\n    BulletIndicatorWrapper,\n    StepItemContent,\n    StepItemContentWrapper,\n    StepItemDivider,\n    StepItemStyled,\n    StepItemTitle,\n    SpinnerStyled,\n} from './StepItem.styles';\n\n// todo попробовать заменить через baseline выравнивание\nconst indicatorSizesIndentsMap = {\n    8: `var(${tokens.smallBulletIndentHeight})`,\n    16: `var(${tokens.largeBulletIndentHeight})`,\n    24: `var(${tokens.smallIndicatorIndentHeight})`,\n    36: `var(${tokens.largeIndicatorIndentHeight})`,\n} as const;\n\nexport const StepItem: React.FC<\n    StepItemProps & {\n        index: number;\n        items: StepItemProps[];\n        size: string;\n        hasLine?: boolean;\n        hasContent?: StepsContent;\n        hasLoader?: boolean;\n        isFirst?: boolean;\n        isLast?: boolean;\n        onClick?: (item: StepItemProps, index: number) => void;\n        contentAlign?: StepsContentAlign;\n        orientation?: StepsOrientation;\n    }\n> = ({\n    index,\n    title,\n    content,\n    indicator,\n    status = 'inactive',\n    size,\n    orientation,\n    contentAlign,\n    hasLine,\n    hasLoader,\n    onClick,\n    items,\n}) => {\n    const [isHovered, setIsHovered] = useState(false);\n\n    const isFirst = index === 0;\n    const isLast = index === items.length - 1;\n\n    const prevItem = items[index - 1];\n    const nextItem = items[index + 1];\n\n    const isActive = status === 'active';\n    const isInactive = status === 'inactive';\n    const isPrevInactive = (prevItem && !prevItem?.status) || prevItem?.status === 'inactive';\n    const isNextInactive = !nextItem?.status || nextItem?.status === 'inactive';\n\n    const hasIndicator = indicator != null;\n\n    const BulletNode = hasIndicator ? BulletIndicator : Bullet;\n\n    const item = items[index];\n    const isSimple = !title && !content;\n    const clickable = Boolean(onClick);\n    const isVertical = orientation === 'vertical';\n    const isCentered = contentAlign === 'center';\n    const isDisabled = item.disabled;\n\n    const onClickHandler = onClick && !isDisabled ? () => onClick(item, index) : undefined;\n\n    let resultIndicatorSize: keyof typeof indicatorSizesIndentsMap;\n    if (hasIndicator) {\n        resultIndicatorSize = isActive ? 36 : 24;\n    } else {\n        resultIndicatorSize = isActive ? 16 : 8;\n    }\n\n    const indentToken = indicatorSizesIndentsMap[resultIndicatorSize];\n\n    // todo заменить на callback с условиями внутри\n    const onMouseOver =\n        clickable && !isDisabled\n            ? () => {\n                  if (isDisabled) {\n                      setIsHovered(false);\n                  }\n\n                  setIsHovered(true);\n              }\n            : undefined;\n\n    const onMouseOut =\n        clickable && !isDisabled\n            ? () => {\n                  setIsHovered(false);\n              }\n            : undefined;\n\n    useEffect(() => {\n        if (isDisabled) {\n            setIsHovered(false);\n        }\n    }, [isDisabled]);\n\n    return (\n        <>\n            <StepItemStyled\n                className={cls({\n                    [classes.simple]: isSimple,\n                    [classes.active]: isActive,\n                    [classes.hovered]: isHovered && !isActive,\n                    [classes.inactive]: isInactive,\n                    [classes.centered]: isCentered,\n                    [classes.disabled]: isDisabled,\n                    [classes.clickable]: clickable && !isActive,\n                    [classes.hasIndicator]: hasIndicator,\n                    [classes.verticalOrientation]: isVertical,\n                })}\n            >\n                <BulletIndicatorWrapper\n                    className={cls({\n                        [classes.verticalOrientation]: isVertical,\n                        [classes.centered]: isCentered,\n                        [classes.simple]: isSimple,\n                        [classes.hasIndicator]: hasIndicator,\n                    })}\n                    onClick={onClickHandler}\n                    onFocus={onMouseOver}\n                    onBlur={onMouseOut}\n                    onMouseOver={onMouseOver}\n                    onMouseOut={onMouseOut}\n                >\n                    {contentAlign === 'center' && !isSimple && (\n                        <StepItemDivider\n                            className={cls({\n                                [classes.simple]: isSimple,\n                                [classes.transparentDivider]: !hasLine || isFirst,\n                                [classes.inactive]: isInactive || isPrevInactive,\n                            })}\n                        />\n                    )}\n\n                    {isVertical && (isSimple ? !isFirst : true) && (\n                        <StepItemDivider\n                            className={cls(classes.indentDivider, {\n                                [classes.simple]: isSimple,\n                                [classes.transparentDivider]: !hasLine || isFirst,\n                                [classes.inactive]: isInactive || isPrevInactive,\n                            })}\n                            indentToken={indentToken}\n                        />\n                    )}\n\n                    {hasLoader && <SpinnerStyled hasIndicator={hasIndicator} />}\n\n                    {!hasLoader && (\n                        <BulletNode\n                            className={cls({\n                                [classes.active]: isActive,\n                                [classes.inactive]: isInactive,\n                            })}\n                        >\n                            {typeof indicator === 'function' && indicator({ status, item, size })}\n                            {typeof indicator !== 'function' && indicator}\n                        </BulletNode>\n                    )}\n\n                    {!isSimple && (\n                        <StepItemDivider\n                            className={cls({\n                                [classes.simple]: isSimple,\n                                [classes.transparentDivider]: !hasLine || isLast,\n                                [classes.inactive]: isInactive || isNextInactive,\n                            })}\n                        />\n                    )}\n                </BulletIndicatorWrapper>\n\n                {!isSimple && (\n                    <StepItemContentWrapper\n                        className={cls({\n                            [classes.verticalOrientation]: isVertical,\n                            [classes.centered]: isCentered,\n                            [classes.active]: isActive,\n                            [classes.hasIndicator]: hasIndicator,\n                        })}\n                    >\n                        <StepItemTitle\n                            onClick={onClickHandler}\n                            onFocus={onMouseOver}\n                            onBlur={onMouseOut}\n                            onMouseOver={onMouseOver}\n                            onMouseOut={onMouseOut}\n                        >\n                            {title}\n                        </StepItemTitle>\n\n                        {content && (\n                            <StepItemContent>\n                                {typeof content === 'function' ? content(status, index, items) : content}\n                            </StepItemContent>\n                        )}\n                    </StepItemContentWrapper>\n                )}\n            </StepItemStyled>\n            {isSimple && !isLast && (\n                <StepItemDivider\n                    className={cls(classes.simple, {\n                        [classes.verticalOrientation]: isVertical,\n                        [classes.transparentDivider]: !hasLine,\n                        [classes.inactive]: isInactive || isNextInactive,\n                    })}\n                />\n            )}\n        </>\n    );\n};\n"],"names":["indicatorSizesIndentsMap","concat","tokens","smallBulletIndentHeight","largeBulletIndentHeight","smallIndicatorIndentHeight","largeIndicatorIndentHeight","StepItem","_ref","index","title","content","indicator","_ref$status","status","size","orientation","contentAlign","hasLine","hasLoader","onClick","items","_useState","useState","_useState2","_slicedToArray","isHovered","setIsHovered","isFirst","isLast","length","prevItem","nextItem","isActive","isInactive","isPrevInactive","isNextInactive","hasIndicator","BulletNode","BulletIndicator","Bullet","item","isSimple","clickable","Boolean","isVertical","isCentered","isDisabled","disabled","onClickHandler","undefined","resultIndicatorSize","indentToken","onMouseOver","onMouseOut","useEffect","React","createElement","Fragment","StepItemStyled","className","cls","_defineProperty","classes","simple","active","hovered","inactive","centered","verticalOrientation","BulletIndicatorWrapper","onFocus","onBlur","StepItemDivider","transparentDivider","indentDivider","SpinnerStyled","StepItemContentWrapper","StepItemTitle","StepItemContent"],"mappings":"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"}

package/es/components/Steps/ui/StepItem/StepItem.styles.js

@@ -0,0 +1,81 @@
+import './StepItem.styles_sp9rcd.css';
+import { styled } from '@linaria/react';
+import { tokens } from '../../Steps.tokens.js';
+import '@linaria/core';
+import { component, mergeConfig } from '../../../../engines/common.js';
+import { spinnerConfig } from '../../../Spinner/Spinner.js';
+
+var mergedConfig = /*#__PURE__*/mergeConfig(spinnerConfig);
+var Spinner = /*#__PURE__*/component(mergedConfig);
+var _exp = function _exp() {
+  return Spinner;
+};
+var _exp3 = function _exp3() {
+  return function (_ref) {
+    var hasIndicator = _ref.hasIndicator;
+    return hasIndicator ? "var(".concat(tokens.activeIndicatorSize, ")") : "var(".concat(tokens.activeBulletSize, ")");
+  };
+};
+var SpinnerStyled = /*#__PURE__*/styled(_exp())({
+  name: "SpinnerStyled",
+  "class": "snf9dn9",
+  propsAsIs: true,
+  vars: {
+    "snf9dn9-0": [/*#__PURE__*/_exp3()]
+  }
+});
+var StepItemTitle = /*#__PURE__*/styled('div')({
+  name: "StepItemTitle",
+  "class": "sv5tpso",
+  propsAsIs: false
+});
+var StepItemContent = /*#__PURE__*/styled('div')({
+  name: "StepItemContent",
+  "class": "s529fhk",
+  propsAsIs: false
+});
+var BulletIndicatorWrapper = /*#__PURE__*/styled('div')({
+  name: "BulletIndicatorWrapper",
+  "class": "b1kcj14",
+  propsAsIs: false
+});
+var BulletIndicator = /*#__PURE__*/styled('div')({
+  name: "BulletIndicator",
+  "class": "b9hdug",
+  propsAsIs: false
+});
+var _exp63 = function _exp63() {
+  return BulletIndicator;
+};
+var Bullet = /*#__PURE__*/styled(_exp63())({
+  name: "Bullet",
+  "class": "b1eo1o32",
+  propsAsIs: true
+});
+var _exp82 = function _exp82() {
+  return function (_ref2) {
+    var indentToken = _ref2.indentToken;
+    return indentToken || '';
+  };
+};
+var StepItemDivider = /*#__PURE__*/styled('div')({
+  name: "StepItemDivider",
+  "class": "sxskc3q",
+  propsAsIs: false,
+  vars: {
+    "sxskc3q-0": [/*#__PURE__*/_exp82()]
+  }
+});
+var StepItemContentWrapper = /*#__PURE__*/styled('div')({
+  name: "StepItemContentWrapper",
+  "class": "s4zgmmr",
+  propsAsIs: false
+});
+var StepItemStyled = /*#__PURE__*/styled('div')({
+  name: "StepItemStyled",
+  "class": "s12pqpa3",
+  propsAsIs: false
+});
+
+export { Bullet, BulletIndicator, BulletIndicatorWrapper, SpinnerStyled, StepItemContent, StepItemContentWrapper, StepItemDivider, StepItemStyled, StepItemTitle };
+//# sourceMappingURL=StepItem.styles.js.map

package/es/components/Steps/ui/StepItem/StepItem.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepItem.styles.js","sources":["../../../../../src/components/Steps/ui/StepItem/StepItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Steps.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { spinnerConfig, spinnerTokens } from '../../../Spinner';\n\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const SpinnerStyled = styled(Spinner)<{ hasIndicator?: boolean }>`\n    ${spinnerTokens.size}: ${({ hasIndicator }) =>\n    hasIndicator ? `var(${tokens.activeIndicatorSize})` : `var(${tokens.activeBulletSize})`};\n    ${spinnerTokens.color}: var(${tokens.activeIndicatorColor});\n`;\n\nexport const StepItemTitle = styled.div`\n    padding-top: var(${tokens.titlePaddingTop});\n    padding-right: var(${tokens.contentSidePadding});\n\n    font-family: var(${tokens.titleFontFamily});\n    font-size: var(${tokens.titleFontSize});\n    font-style: var(${tokens.titleFontStyle});\n    font-weight: var(${tokens.titleFontWeight});\n    letter-spacing: var(${tokens.titleLetterSpacing});\n    line-height: var(${tokens.titleLineHeight});\n\n    word-break: break-word;\n`;\n\nexport const StepItemContent = styled.div`\n    padding-top: var(${tokens.contentPaddingTop});\n    padding-right: var(${tokens.contentSidePadding});\n\n    font-family: var(${tokens.contentFontFamily});\n    font-size: var(${tokens.contentFontSize});\n    font-style: var(${tokens.contentFontStyle});\n    font-weight: var(${tokens.contentFontWeight});\n    letter-spacing: var(${tokens.contentLetterSpacing});\n    line-height: var(${tokens.contentLineHeight});\n\n    word-break: break-word;\n\n    color: var(${tokens.contentColor});\n`;\n\nexport const BulletIndicatorWrapper = styled.div`\n    display: flex;\n    align-items: center;\n\n    &:not(.${classes.simple}) {\n        flex: 0;\n\n        &.${classes.hasIndicator} {\n            width: 100%;\n            min-height: var(${tokens.activeIndicatorSize});\n        }\n        &:not(.${classes.hasIndicator}) {\n            width: 100%;\n            min-height: var(${tokens.activeBulletSize});\n        }\n\n        &.${classes.verticalOrientation} {\n            padding-right: var(${tokens.verticalContentPaddingLeft});\n        }\n    }\n\n    &.${classes.verticalOrientation} {\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        min-height: 100%;\n\n        &.${classes.hasIndicator} {\n            min-width: var(${tokens.activeIndicatorSize});\n        }\n        &:not(.${classes.hasIndicator}) {\n            min-width: var(${tokens.activeBulletSize});\n        }\n    }\n\n    &.${classes.centered} {\n        justify-content: center;\n    }\n`;\n\nexport const BulletIndicator = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: var(${tokens.indicatorSize});\n    height: var(${tokens.indicatorSize});\n    border-radius: 50%;\n    box-sizing: border-box;\n    position: relative;\n\n    color: var(${tokens.completedIndicatorColor});\n    background-color: var(${tokens.completedIndicatorBackground});\n\n    font-family: var(${tokens.indicatorFontFamily});\n    font-size: var(${tokens.indicatorFontSize});\n    font-style: var(${tokens.indicatorFontStyle});\n    font-weight: var(${tokens.indicatorFontWeight});\n    letter-spacing: var(${tokens.indicatorLetterSpacing});\n    line-height: var(${tokens.indicatorLineHeight});\n\n    &.${classes.active} {\n        width: var(${tokens.activeIndicatorSize});\n        height: var(${tokens.activeIndicatorSize});\n\n        border: var(${tokens.dividerThickness}) var(${tokens.activeIndicatorBorder});\n\n        font-family: var(${tokens.activeIndicatorFontFamily});\n        font-size: var(${tokens.activeIndicatorFontSize});\n        font-style: var(${tokens.activeIndicatorFontStyle});\n        font-weight: var(${tokens.activeIndicatorFontWeight});\n        letter-spacing: var(${tokens.activeIndicatorLetterSpacing});\n        line-height: var(${tokens.activeIndicatorLineHeight});\n\n        color: var(${tokens.activeIndicatorColor});\n        background: var(${tokens.activeIndicatorBackground});\n    }\n\n    &.${classes.inactive} {\n        color: var(${tokens.inactiveIndicatorColor});\n        background: var(${tokens.inactiveIndicatorBackground});\n\n        &:before,\n        &:after {\n            background: var(${tokens.inactiveIndicatorBackground});\n        }\n    }\n`;\n\nexport const Bullet = styled(BulletIndicator)`\n    width: var(${tokens.bulletSize});\n    height: var(${tokens.bulletSize});\n\n    &.${classes.active} {\n        width: var(${tokens.activeBulletSize});\n        height: var(${tokens.activeBulletSize});\n\n        border: var(${tokens.dividerThickness}) var(${tokens.activeIndicatorBorder});\n\n        background-color: var(${tokens.activeIndicatorBackground});\n    }\n`;\n\nexport const StepItemDivider = styled.div<{ indentToken?: string }>`\n    width: 100%;\n    height: var(${tokens.dividerThickness});\n\n    flex: 1;\n    background-color: var(${tokens.activeIndicatorColor});\n\n    &.${classes.inactive} {\n        background-color: var(${tokens.inactiveIndicatorBackground});\n    }\n\n    &.${classes.transparentDivider} {\n        background-color: transparent;\n    }\n\n    &.${classes.verticalOrientation} {\n        width: var(${tokens.dividerThickness});\n        height: 100%;\n    }\n\n    &.${classes.indentDivider} {\n        height: ${({ indentToken }) => indentToken || ''};\n        min-height: ${({ indentToken }) => indentToken || ''};\n        max-height: ${({ indentToken }) => indentToken || ''};\n\n        &.${classes.simple} {\n            height: auto;\n            max-height: none;\n        }\n    }\n`;\n\nexport const StepItemContentWrapper = styled.div`\n    &.${classes.verticalOrientation} {\n        ${StepItemTitle} {\n            padding-top: var(${tokens.contentVerticalPadding});\n            padding-right: 0;\n        }\n\n        ${StepItemContent} {\n            padding-top: var(${tokens.contentVerticalPadding});\n            padding-bottom: var(${tokens.contentVerticalPadding});\n            padding-right: 0;\n        }\n    }\n`;\n\nexport const StepItemStyled = styled.div`\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    flex: 1;\n\n    &.${classes.verticalOrientation} {\n        flex-direction: row;\n        align-items: stretch;\n\n        ${StepItemDivider} {\n            width: var(${tokens.dividerThickness});\n            height: 100%;\n        }\n    }\n\n    &.${classes.active} {\n        ${StepItemTitle} {\n            color: var(${tokens.activeTitleColor});\n        }\n    }\n\n    &.${classes.inactive} {\n        ${StepItemTitle} {\n            color: var(${tokens.inactiveTitleColor});\n        }\n    }\n\n    &.${classes.hovered} {\n        &:not(.${classes.active}) {\n            ${StepItemTitle} {\n                cursor: pointer;\n                color: var(${tokens.activeTitleColorHover});\n            }\n            ${BulletIndicator}, ${Bullet} {\n                color: var(${tokens.completedIndicatorColorHover});\n                background: var(${tokens.completedIndicatorBackgroundHover});\n            }\n        }\n\n        &.${classes.inactive} {\n            ${StepItemTitle} {\n                color: var(${tokens.inactiveTitleColorHover});\n            }\n            ${BulletIndicator}, ${Bullet} {\n                color: var(${tokens.inactiveIndicatorColorHover});\n                background: var(${tokens.inactiveIndicatorBackgroundHover});\n            }\n        }\n\n        ${BulletIndicatorWrapper} {\n            cursor: pointer;\n        }\n    }\n\n    &.${classes.centered} {\n        align-items: center;\n\n        ${StepItemContentWrapper} {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n\n            padding-left: calc(var(${tokens.contentSidePadding}) / 2);\n            padding-right: calc(var(${tokens.contentSidePadding}) / 2);\n\n            ${StepItemTitle} {\n                width: 100%;\n            }\n\n            ${StepItemTitle}, ${StepItemContent} {\n                padding-right: 0;\n                text-align: center;\n            }\n        }\n    }\n\n    &.${classes.simple} {\n        flex: 0;\n    }\n\n    &.${classes.disabled} {\n        opacity: var(${tokens.disabledOpacity});\n    }\n`;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","Spinner","component","_exp","_exp3","_ref","hasIndicator","concat","tokens","activeIndicatorSize","activeBulletSize","SpinnerStyled","styled","name","class","propsAsIs","vars","StepItemTitle","StepItemContent","BulletIndicatorWrapper","BulletIndicator","_exp63","Bullet","_exp82","_ref2","indentToken","StepItemDivider","StepItemContentWrapper","StepItemStyled"],"mappings":"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"}