@salutejs/plasma-new-hope 0.159.0-canary.1443.11140129684.0 → 0.159.0-canary.1464.11140740510.0

package/cjs/components/Steps/utils/getItemStatus.js

@@ -1,27 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var getItemStatus = function getItemStatus(_ref) {
-  var isUncontrolled = _ref.isUncontrolled,
-    current = _ref.current,
-    status = _ref.status,
-    index = _ref.index,
-    item = _ref.item;
-  if (item.disabled) {
-    return 'inactive';
-  }
-  if (!isUncontrolled) {
-    return status || item.status || 'inactive';
-  }
-  if (current > index) {
-    return 'completed';
-  }
-  if (current === index) {
-    return status || 'active';
-  }
-  return 'inactive';
-};
-
-exports.getItemStatus = getItemStatus;
-//# sourceMappingURL=getItemStatus.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"getItemStatus.js","sources":["../../../../src/components/Steps/utils/getItemStatus.ts"],"sourcesContent":["import { StepItemProps, StepStatus } from '../ui';\n\nexport const getItemStatus = ({\n    isUncontrolled,\n    current,\n    status,\n    index,\n    item,\n}: {\n    isUncontrolled: boolean;\n    current?: number;\n    status?: StepStatus;\n    index: number;\n    item: StepItemProps;\n}) => {\n    if (item.disabled) {\n        return 'inactive';\n    }\n\n    if (!isUncontrolled) {\n        return status || item.status || 'inactive';\n    }\n\n    if (current! > index) {\n        return 'completed';\n    }\n\n    if (current === index) {\n        return status || 'active';\n    }\n\n    return 'inactive';\n};\n"],"names":["getItemStatus","_ref","isUncontrolled","current","status","index","item","disabled"],"mappings":";;;;IAEaA,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAYpB;AAAA,EAAA,IAXFC,cAAc,GAAAD,IAAA,CAAdC,cAAc;IACdC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,MAAM,GAAAH,IAAA,CAANG,MAAM;IACNC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IACLC,IAAI,GAAAL,IAAA,CAAJK,IAAI,CAAA;EAQJ,IAAIA,IAAI,CAACC,QAAQ,EAAE;AACf,IAAA,OAAO,UAAU,CAAA;AACrB,GAAA;EAEA,IAAI,CAACL,cAAc,EAAE;AACjB,IAAA,OAAOE,MAAM,IAAIE,IAAI,CAACF,MAAM,IAAI,UAAU,CAAA;AAC9C,GAAA;EAEA,IAAID,OAAO,GAAIE,KAAK,EAAE;AAClB,IAAA,OAAO,WAAW,CAAA;AACtB,GAAA;EAEA,IAAIF,OAAO,KAAKE,KAAK,EAAE;IACnB,OAAOD,MAAM,IAAI,QAAQ,CAAA;AAC7B,GAAA;AAEA,EAAA,OAAO,UAAU,CAAA;AACrB;;;;"}

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

@@ -1,9 +0,0 @@
-import './base_x642ct.css';
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var base = "b16vuzft";
-
-exports.base = base;
-//# sourceMappingURL=base.js.map

package/cjs/components/Steps/variations/_size/base.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/Steps/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}

package/cjs/components/Steps/variations/_size/base_x642ct.css

@@ -1 +0,0 @@
-

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

@@ -1,9 +0,0 @@
-import './base_x642ct.css';
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var base = "b1wt5ge0";
-
-exports.base = base;
-//# sourceMappingURL=base.js.map

package/cjs/components/Steps/variations/_view/base.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/Steps/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}

package/cjs/components/Steps/variations/_view/base_x642ct.css

@@ -1 +0,0 @@
-

package/emotion/cjs/components/Steps/Steps.js

@@ -1,125 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.stepsRoot = exports.stepsConfig = void 0;
-var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
-var _classnames = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("classnames"));
-var _Steps = /*#__PURE__*/require("./Steps.tokens");
-var _ui = /*#__PURE__*/require("./ui");
-var _Steps2 = /*#__PURE__*/require("./Steps.styles");
-var _base = /*#__PURE__*/require("./variations/_size/base");
-var _base2 = /*#__PURE__*/require("./variations/_view/base");
-var _getItemStatus = /*#__PURE__*/require("./utils/getItemStatus");
-var _excluded = ["view", "size", "orientation", "contentAlign", "hasLine", "hasContent", "hasLoader", "items", "onChange", "current", "status"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var stepsRoot = exports.stepsRoot = function stepsRoot(Root) {
-  return /*#__PURE__*/(0, _react.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 = (0, _react.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;
-    });
-    (0, _react.useEffect)(function () {
-      return function () {
-        if (current !== undefined) {
-          setPrevIndex(current);
-        } else {
-          var index = items.findIndex(function (item) {
-            return item.status === 'active';
-          });
-          setPrevIndex(index !== -1 ? index : undefined);
-        }
-      };
-    }, [current, items]);
-    return /*#__PURE__*/_react["default"].createElement(Root, _extends({
-      size: size,
-      view: view,
-      ref: outerRef,
-      className: (0, _classnames["default"])(_defineProperty(_defineProperty(_defineProperty({}, _Steps.classes.verticalOrientation, orientation === 'vertical'), _Steps.classes.simple, isSimple), _Steps.classes.hasIndicator, hasIndicator))
-    }, rest), items.map(function (item, index) {
-      var itemStatus = (0, _getItemStatus.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["default"].createElement(_ui.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 = exports.stepsConfig = {
-  name: 'Steps',
-  tag: 'div',
-  layout: stepsRoot,
-  base: _Steps2.base,
-  variations: {
-    size: _base.base,
-    view: _base2.base
-  },
-  defaults: {
-    view: 'default',
-    size: 'm'
-  }
-};

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

@@ -1,9 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.base = void 0;
-var _react = /*#__PURE__*/require("@emotion/react");
-var _Steps = /*#__PURE__*/require("./Steps.tokens");
-var base = exports.base = /*#__PURE__*/(0, _react.css)("display:flex;flex-direction:row;&.", _Steps.classes.simple, "{align-items:center;&.", _Steps.classes.hasIndicator, "{height:var(", _Steps.tokens.activeIndicatorSize, ");}&:not(.", _Steps.classes.hasIndicator, "){height:var(", _Steps.tokens.activeBulletSize, ");}&.", _Steps.classes.verticalOrientation, "{&.", _Steps.classes.hasIndicator, "{width:var(", _Steps.tokens.activeIndicatorSize, ");height:100%;}&:not(.", _Steps.classes.hasIndicator, "){width:var(", _Steps.tokens.activeBulletSize, ");height:100%;}}}&.", _Steps.classes.verticalOrientation, "{display:inline;flex-direction:column;justify-content:center;&.", _Steps.classes.simple, "{display:inline-flex;}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU3RlcHMvU3RlcHMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1N0ZXBzL1N0ZXBzLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi9TdGVwcy50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cbiAgICAmLiR7Y2xhc3Nlcy5zaW1wbGV9IHtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICAgICAmLiR7Y2xhc3Nlcy5oYXNJbmRpY2F0b3J9IHtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmFjdGl2ZUluZGljYXRvclNpemV9KTtcbiAgICAgICAgfVxuICAgICAgICAmOm5vdCguJHtjbGFzc2VzLmhhc0luZGljYXRvcn0pIHtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmFjdGl2ZUJ1bGxldFNpemV9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICYuJHtjbGFzc2VzLnZlcnRpY2FsT3JpZW50YXRpb259IHtcbiAgICAgICAgICAgICYuJHtjbGFzc2VzLmhhc0luZGljYXRvcn0ge1xuICAgICAgICAgICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuYWN0aXZlSW5kaWNhdG9yU2l6ZX0pO1xuICAgICAgICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgICY6bm90KC4ke2NsYXNzZXMuaGFzSW5kaWNhdG9yfSkge1xuICAgICAgICAgICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuYWN0aXZlQnVsbGV0U2l6ZX0pO1xuICAgICAgICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnZlcnRpY2FsT3JpZW50YXRpb259IHtcbiAgICAgICAgZGlzcGxheTogaW5saW5lO1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblxuICAgICAgICAmLiR7Y2xhc3Nlcy5zaW1wbGV9IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgICB9XG4gICAgfVxuYDtcbiJdfQ== */"));

package/emotion/cjs/components/Steps/Steps.template-doc.mdx

@@ -1,84 +0,0 @@
----
-id: steps
-title: Steps
----
-
-import { PropsTable, Description } from '@site/src/components';
-
-# Steps
-
-<Description name="Steps" />
-<PropsTable name="Steps" />
-
-## Вариант использования с управлением текущим элементом из вне
-
-```tsx live
-import React, { useState } from 'react';
-import { Steps, Button } from '@salutejs/{{ package }}';
-
-export function App() {
-    const items = [{
-        indicator: 1,
-    }, {
-        indicator: 2,
-    }, {
-        indicator: 3,
-    }];
-
-    const [current, setCurrent] = useState<number>(0);
-    const onClick = () => setCurrent(() => current + 1);
-
-    return (
-        <section>
-            <Steps items={items}
-                current={current}
-            />
-            <br />
-            <Button view="secondary" onClick={onClick}>
-                Next
-            </Button>
-        </section>
-    );
-}
-```
-
-## Вариант более гибкого использования через onChange и status в items
-
-```tsx live
-import React, { useState } from 'react';
-import { Steps, StepItemProps  } from '@salutejs/{{ package }}';
-
-export function App() {
-    const initialItems = [{
-        indicator: 1,
-        title: 'Title',
-        content: 'Content',
-    }, {
-        indicator: 2,
-        title: 'Title',
-        content: 'Content',
-    }, {
-        indicator: 3,
-        title: 'Title',
-        content: 'Content',
-    }];
-
-    const [items, setItems] = useState(initialItems);
-
-    const onChange = (item: StepItemProps, index: number, prevIndex: number) => {
-        if (prevIndex !== undefined) {
-            items[prevIndex].status = 'completed';
-        }
-
-        items[index].status = 'active';
-
-        setItems([...items]);
-    };
-
-    return (
-        <section>
-            <Steps items={items} onChange={onChange} />
-        </section>
-    );
-}
-```

package/emotion/cjs/components/Steps/Steps.tokens.js

@@ -1,80 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.tokens = exports.classes = void 0;
-var classes = exports.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 = exports.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'
-};

package/emotion/cjs/components/Steps/index.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "stepsConfig", {
-  enumerable: true,
-  get: function get() {
-    return _Steps.stepsConfig;
-  }
-});
-Object.defineProperty(exports, "stepsRoot", {
-  enumerable: true,
-  get: function get() {
-    return _Steps.stepsRoot;
-  }
-});
-Object.defineProperty(exports, "stepsTokens", {
-  enumerable: true,
-  get: function get() {
-    return _Steps2.tokens;
-  }
-});
-var _Steps = /*#__PURE__*/require("./Steps");
-var _Steps2 = /*#__PURE__*/require("./Steps.tokens");

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

@@ -1,126 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StepItem = void 0;
-var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
-var _classnames = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("classnames"));
-var _Steps = /*#__PURE__*/require("../../Steps.tokens");
-var _StepItem = /*#__PURE__*/require("./StepItem.styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-// todo попробовать заменить через baseline выравнивание
-var indicatorSizesIndentsMap = {
-  8: /*#__PURE__*/"var(".concat(_Steps.tokens.smallBulletIndentHeight, ")"),
-  16: /*#__PURE__*/"var(".concat(_Steps.tokens.largeBulletIndentHeight, ")"),
-  24: /*#__PURE__*/"var(".concat(_Steps.tokens.smallIndicatorIndentHeight, ")"),
-  36: /*#__PURE__*/"var(".concat(_Steps.tokens.largeIndicatorIndentHeight, ")")
-};
-var StepItem = exports.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 = (0, _react.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 ? _StepItem.BulletIndicator : _StepItem.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;
-  (0, _react.useEffect)(function () {
-    if (isDisabled) {
-      setIsHovered(false);
-    }
-  }, [isDisabled]);
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_StepItem.StepItemStyled, {
-    className: (0, _classnames["default"])(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, _Steps.classes.simple, isSimple), _Steps.classes.active, isActive), _Steps.classes.hovered, isHovered && !isActive), _Steps.classes.inactive, isInactive), _Steps.classes.centered, isCentered), _Steps.classes.disabled, isDisabled), _Steps.classes.clickable, clickable && !isActive), _Steps.classes.hasIndicator, hasIndicator), _Steps.classes.verticalOrientation, isVertical))
-  }, /*#__PURE__*/_react["default"].createElement(_StepItem.BulletIndicatorWrapper, {
-    className: (0, _classnames["default"])(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, _Steps.classes.verticalOrientation, isVertical), _Steps.classes.centered, isCentered), _Steps.classes.simple, isSimple), _Steps.classes.hasIndicator, hasIndicator)),
-    onClick: onClickHandler,
-    onFocus: onMouseOver,
-    onBlur: onMouseOut,
-    onMouseOver: onMouseOver,
-    onMouseOut: onMouseOut
-  }, contentAlign === 'center' && !isSimple && /*#__PURE__*/_react["default"].createElement(_StepItem.StepItemDivider, {
-    className: (0, _classnames["default"])(_defineProperty(_defineProperty(_defineProperty({}, _Steps.classes.simple, isSimple), _Steps.classes.transparentDivider, !hasLine || isFirst), _Steps.classes.inactive, isInactive || isPrevInactive))
-  }), isVertical && (isSimple ? !isFirst : true) && /*#__PURE__*/_react["default"].createElement(_StepItem.StepItemDivider, {
-    className: (0, _classnames["default"])(_Steps.classes.indentDivider, _defineProperty(_defineProperty(_defineProperty({}, _Steps.classes.simple, isSimple), _Steps.classes.transparentDivider, !hasLine || isFirst), _Steps.classes.inactive, isInactive || isPrevInactive)),
-    indentToken: indentToken
-  }), hasLoader && /*#__PURE__*/_react["default"].createElement(_StepItem.SpinnerStyled, {
-    hasIndicator: hasIndicator
-  }), !hasLoader && /*#__PURE__*/_react["default"].createElement(BulletNode, {
-    className: (0, _classnames["default"])(_defineProperty(_defineProperty({}, _Steps.classes.active, isActive), _Steps.classes.inactive, isInactive))
-  }, typeof indicator === 'function' && indicator({
-    status: status,
-    item: item,
-    size: size
-  }), typeof indicator !== 'function' && indicator), !isSimple && /*#__PURE__*/_react["default"].createElement(_StepItem.StepItemDivider, {
-    className: (0, _classnames["default"])(_defineProperty(_defineProperty(_defineProperty({}, _Steps.classes.simple, isSimple), _Steps.classes.transparentDivider, !hasLine || isLast), _Steps.classes.inactive, isInactive || isNextInactive))
-  })), !isSimple && /*#__PURE__*/_react["default"].createElement(_StepItem.StepItemContentWrapper, {
-    className: (0, _classnames["default"])(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, _Steps.classes.verticalOrientation, isVertical), _Steps.classes.centered, isCentered), _Steps.classes.active, isActive), _Steps.classes.hasIndicator, hasIndicator))
-  }, /*#__PURE__*/_react["default"].createElement(_StepItem.StepItemTitle, {
-    onClick: onClickHandler,
-    onFocus: onMouseOver,
-    onBlur: onMouseOut,
-    onMouseOver: onMouseOver,
-    onMouseOut: onMouseOut
-  }, title), content && /*#__PURE__*/_react["default"].createElement(_StepItem.StepItemContent, null, typeof content === 'function' ? content(status, index, items) : content))), isSimple && !isLast && /*#__PURE__*/_react["default"].createElement(_StepItem.StepItemDivider, {
-    className: (0, _classnames["default"])(_Steps.classes.simple, _defineProperty(_defineProperty(_defineProperty({}, _Steps.classes.verticalOrientation, isVertical), _Steps.classes.transparentDivider, !hasLine), _Steps.classes.inactive, isInactive || isNextInactive))
-  }));
-};