@salutejs/plasma-web 1.412.1-canary.1412.11144674561.0 → 1.413.0-canary.1443.11143468021.0

package/api/plasma-web.api.md

@@ -264,6 +264,8 @@ import { SpinnerProps } from '@salutejs/plasma-core';
 import { SSRProvider } from '@salutejs/plasma-new-hope/styled-components';
 import { StatusLabels } from '@salutejs/plasma-new-hope/types/components/Avatar/Avatar.types';
 import { StatusType } from '@salutejs/plasma-hope';
+import { StepItemProps } from '@salutejs/plasma-new-hope/styled-components';
+import { StepsProps } from '@salutejs/plasma-new-hope/types/components/Steps/Steps.types';
 import { StyledCard } from '@salutejs/plasma-hope';
 import { StyledComponent } from 'styled-components';
 import { StyledPreviewGallery } from '@salutejs/plasma-hope';
@@ -3268,6 +3270,21 @@ export { SSRProvider }
 
 export { StatusType }
 
+export { StepItemProps }
+
+// @public (undocumented)
+export const Steps: FunctionComponent<PropsType<    {
+view: {
+default: PolymorphicClassName;
+};
+size: {
+l: PolymorphicClassName;
+m: PolymorphicClassName;
+s: PolymorphicClassName;
+xs: PolymorphicClassName;
+};
+}> & StepsProps & Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & RefAttributes<HTMLDivElement>>;
+
 export { StyledCard }
 
 export { StyledPreviewGallery }

package/components/Steps/Steps.config.d.ts

@@ -0,0 +1,17 @@
+export declare const config: {
+    defaults: {
+        size: string;
+        view: string;
+    };
+    variations: {
+        view: {
+            default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        size: {
+            l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+    };
+};

package/components/Steps/Steps.config.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var config = exports.config = {
+  defaults: {
+    size: 'm',
+    view: 'default'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-primary-hover);\n                ", ": solid var(--surface-solid-default);\n                ", ": var(--text-primary);\n                ", ": var(--surface-clear);\n\n                ", ": var(--inverse-text-primary);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-solid-default);\n                ", ": var(--surface-solid-default-hover);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-secondary-hover);\n\n                ", ": var(--text-secondary);\n\n                ", ": 0.4;\n            "])), _styledComponents.stepsTokens.activeTitleColor, _styledComponents.stepsTokens.activeTitleColorHover, _styledComponents.stepsTokens.activeIndicatorBorder, _styledComponents.stepsTokens.activeIndicatorColor, _styledComponents.stepsTokens.activeIndicatorBackground, _styledComponents.stepsTokens.completedIndicatorColor, _styledComponents.stepsTokens.completedIndicatorColorHover, _styledComponents.stepsTokens.completedIndicatorBackground, _styledComponents.stepsTokens.completedIndicatorBackgroundHover, _styledComponents.stepsTokens.inactiveTitleColor, _styledComponents.stepsTokens.inactiveTitleColorHover, _styledComponents.stepsTokens.inactiveIndicatorColor, _styledComponents.stepsTokens.inactiveIndicatorColorHover, _styledComponents.stepsTokens.inactiveIndicatorBackground, _styledComponents.stepsTokens.inactiveIndicatorBackgroundHover, _styledComponents.stepsTokens.contentColor, _styledComponents.stepsTokens.disabledOpacity)
+    },
+    size: {
+      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n                ", ": 2.25rem;\n                ", ": 0.5rem;\n                ", ": 1rem;\n\n                ", ": 0.75rem;\n                ", ": 0.375rem;\n                ", ": 2rem;\n                ", ": 1.0625rem;\n                ", ": 0.75rem;\n\n                ", ": 1rem;\n                ", ": 0.625rem;\n                ", ": 1.5rem;\n                ", ": 1.25rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0.125rem;\n            "])), _styledComponents.stepsTokens.indicatorSize, _styledComponents.stepsTokens.activeIndicatorSize, _styledComponents.stepsTokens.bulletSize, _styledComponents.stepsTokens.activeBulletSize, _styledComponents.stepsTokens.titlePaddingTop, _styledComponents.stepsTokens.contentPaddingTop, _styledComponents.stepsTokens.contentSidePadding, _styledComponents.stepsTokens.contentVerticalPadding, _styledComponents.stepsTokens.verticalContentPaddingLeft, _styledComponents.stepsTokens.smallIndicatorIndentHeight, _styledComponents.stepsTokens.largeIndicatorIndentHeight, _styledComponents.stepsTokens.smallBulletIndentHeight, _styledComponents.stepsTokens.largeBulletIndentHeight, _styledComponents.stepsTokens.indicatorFontFamily, _styledComponents.stepsTokens.indicatorFontSize, _styledComponents.stepsTokens.indicatorFontStyle, _styledComponents.stepsTokens.indicatorFontWeight, _styledComponents.stepsTokens.indicatorLetterSpacing, _styledComponents.stepsTokens.indicatorLineHeight, _styledComponents.stepsTokens.activeIndicatorFontFamily, _styledComponents.stepsTokens.activeIndicatorFontSize, _styledComponents.stepsTokens.activeIndicatorFontStyle, _styledComponents.stepsTokens.activeIndicatorFontWeight, _styledComponents.stepsTokens.activeIndicatorLetterSpacing, _styledComponents.stepsTokens.activeIndicatorLineHeight, _styledComponents.stepsTokens.titleFontFamily, _styledComponents.stepsTokens.titleFontSize, _styledComponents.stepsTokens.titleFontStyle, _styledComponents.stepsTokens.titleFontWeight, _styledComponents.stepsTokens.titleLetterSpacing, _styledComponents.stepsTokens.titleLineHeight, _styledComponents.stepsTokens.contentFontFamily, _styledComponents.stepsTokens.contentFontSize, _styledComponents.stepsTokens.contentFontStyle, _styledComponents.stepsTokens.contentFontWeight, _styledComponents.stepsTokens.contentLetterSpacing, _styledComponents.stepsTokens.contentLineHeight, _styledComponents.stepsTokens.dividerThickness),
+      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n                ", ": 2.25rem;\n                ", ": 0.5rem;\n                ", ": 1rem;\n\n                ", ": 0.625rem;\n                ", ": 0.375rem;\n                ", ": 1.75rem;\n                ", ": 0.875rem;\n                ", ": 0.75rem;\n\n                ", ": 0.75rem;\n                ", ": 0.4375rem;\n                ", ": 1.25rem;\n                ", ": 1.125rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.125rem;\n            "])), _styledComponents.stepsTokens.indicatorSize, _styledComponents.stepsTokens.activeIndicatorSize, _styledComponents.stepsTokens.bulletSize, _styledComponents.stepsTokens.activeBulletSize, _styledComponents.stepsTokens.titlePaddingTop, _styledComponents.stepsTokens.contentPaddingTop, _styledComponents.stepsTokens.contentSidePadding, _styledComponents.stepsTokens.contentVerticalPadding, _styledComponents.stepsTokens.verticalContentPaddingLeft, _styledComponents.stepsTokens.smallIndicatorIndentHeight, _styledComponents.stepsTokens.largeIndicatorIndentHeight, _styledComponents.stepsTokens.smallBulletIndentHeight, _styledComponents.stepsTokens.largeBulletIndentHeight, _styledComponents.stepsTokens.indicatorFontFamily, _styledComponents.stepsTokens.indicatorFontSize, _styledComponents.stepsTokens.indicatorFontStyle, _styledComponents.stepsTokens.indicatorFontWeight, _styledComponents.stepsTokens.indicatorLetterSpacing, _styledComponents.stepsTokens.indicatorLineHeight, _styledComponents.stepsTokens.activeIndicatorFontFamily, _styledComponents.stepsTokens.activeIndicatorFontSize, _styledComponents.stepsTokens.activeIndicatorFontStyle, _styledComponents.stepsTokens.activeIndicatorFontWeight, _styledComponents.stepsTokens.activeIndicatorLetterSpacing, _styledComponents.stepsTokens.activeIndicatorLineHeight, _styledComponents.stepsTokens.titleFontFamily, _styledComponents.stepsTokens.titleFontSize, _styledComponents.stepsTokens.titleFontStyle, _styledComponents.stepsTokens.titleFontWeight, _styledComponents.stepsTokens.titleLetterSpacing, _styledComponents.stepsTokens.titleLineHeight, _styledComponents.stepsTokens.contentFontFamily, _styledComponents.stepsTokens.contentFontSize, _styledComponents.stepsTokens.contentFontStyle, _styledComponents.stepsTokens.contentFontWeight, _styledComponents.stepsTokens.contentLetterSpacing, _styledComponents.stepsTokens.contentLineHeight, _styledComponents.stepsTokens.dividerThickness),
+      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n                ", ": 0.5rem;\n                ", ": 1rem;\n\n                ", ": 0.5rem;\n                ", ": 0.375rem;\n                ", ": 1.5rem;\n                ", ": 0.6875rem;\n                ", ": 0.75rem;\n\n                ", ": 0.5rem;\n                ", ": 0.5rem;\n                ", ": 1rem;\n                ", ": 0.75rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.125rem;\n            "])), _styledComponents.stepsTokens.indicatorSize, _styledComponents.stepsTokens.activeIndicatorSize, _styledComponents.stepsTokens.bulletSize, _styledComponents.stepsTokens.activeBulletSize, _styledComponents.stepsTokens.titlePaddingTop, _styledComponents.stepsTokens.contentPaddingTop, _styledComponents.stepsTokens.contentSidePadding, _styledComponents.stepsTokens.contentVerticalPadding, _styledComponents.stepsTokens.verticalContentPaddingLeft, _styledComponents.stepsTokens.smallIndicatorIndentHeight, _styledComponents.stepsTokens.largeIndicatorIndentHeight, _styledComponents.stepsTokens.smallBulletIndentHeight, _styledComponents.stepsTokens.largeBulletIndentHeight, _styledComponents.stepsTokens.indicatorFontFamily, _styledComponents.stepsTokens.indicatorFontSize, _styledComponents.stepsTokens.indicatorFontStyle, _styledComponents.stepsTokens.indicatorFontWeight, _styledComponents.stepsTokens.indicatorLetterSpacing, _styledComponents.stepsTokens.indicatorLineHeight, _styledComponents.stepsTokens.activeIndicatorFontFamily, _styledComponents.stepsTokens.activeIndicatorFontSize, _styledComponents.stepsTokens.activeIndicatorFontStyle, _styledComponents.stepsTokens.activeIndicatorFontWeight, _styledComponents.stepsTokens.activeIndicatorLetterSpacing, _styledComponents.stepsTokens.activeIndicatorLineHeight, _styledComponents.stepsTokens.titleFontFamily, _styledComponents.stepsTokens.titleFontSize, _styledComponents.stepsTokens.titleFontStyle, _styledComponents.stepsTokens.titleFontWeight, _styledComponents.stepsTokens.titleLetterSpacing, _styledComponents.stepsTokens.titleLineHeight, _styledComponents.stepsTokens.contentFontFamily, _styledComponents.stepsTokens.contentFontSize, _styledComponents.stepsTokens.contentFontStyle, _styledComponents.stepsTokens.contentFontWeight, _styledComponents.stepsTokens.contentLetterSpacing, _styledComponents.stepsTokens.contentLineHeight, _styledComponents.stepsTokens.dividerThickness),
+      xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n                ", ": 0.5rem;\n                ", ": 1rem;\n\n                ", ": 0.5rem;\n                ", ": 0.25rem;\n                ", ": 1.5rem;\n                ", ": 0.5625rem;\n                ", ": 0.75rem;\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": 0.75rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.125rem;\n            "])), _styledComponents.stepsTokens.indicatorSize, _styledComponents.stepsTokens.activeIndicatorSize, _styledComponents.stepsTokens.bulletSize, _styledComponents.stepsTokens.activeBulletSize, _styledComponents.stepsTokens.titlePaddingTop, _styledComponents.stepsTokens.contentPaddingTop, _styledComponents.stepsTokens.contentSidePadding, _styledComponents.stepsTokens.contentVerticalPadding, _styledComponents.stepsTokens.verticalContentPaddingLeft, _styledComponents.stepsTokens.smallIndicatorIndentHeight, _styledComponents.stepsTokens.largeIndicatorIndentHeight, _styledComponents.stepsTokens.smallBulletIndentHeight, _styledComponents.stepsTokens.largeBulletIndentHeight, _styledComponents.stepsTokens.indicatorFontFamily, _styledComponents.stepsTokens.indicatorFontSize, _styledComponents.stepsTokens.indicatorFontStyle, _styledComponents.stepsTokens.indicatorFontWeight, _styledComponents.stepsTokens.indicatorLetterSpacing, _styledComponents.stepsTokens.indicatorLineHeight, _styledComponents.stepsTokens.activeIndicatorFontFamily, _styledComponents.stepsTokens.activeIndicatorFontSize, _styledComponents.stepsTokens.activeIndicatorFontStyle, _styledComponents.stepsTokens.activeIndicatorFontWeight, _styledComponents.stepsTokens.activeIndicatorLetterSpacing, _styledComponents.stepsTokens.activeIndicatorLineHeight, _styledComponents.stepsTokens.titleFontFamily, _styledComponents.stepsTokens.titleFontSize, _styledComponents.stepsTokens.titleFontStyle, _styledComponents.stepsTokens.titleFontWeight, _styledComponents.stepsTokens.titleLetterSpacing, _styledComponents.stepsTokens.titleLineHeight, _styledComponents.stepsTokens.contentFontFamily, _styledComponents.stepsTokens.contentFontSize, _styledComponents.stepsTokens.contentFontStyle, _styledComponents.stepsTokens.contentFontWeight, _styledComponents.stepsTokens.contentLetterSpacing, _styledComponents.stepsTokens.contentLineHeight, _styledComponents.stepsTokens.dividerThickness)
+    }
+  }
+};

package/components/Steps/Steps.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare const Steps: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
+    view: {
+        default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    size: {
+        l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+}> & import("@salutejs/plasma-new-hope/types/components/Steps/Steps.types").StepsProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange"> & import("react").RefAttributes<HTMLDivElement>>;

package/components/Steps/Steps.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Steps = void 0;
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _Steps = /*#__PURE__*/require("./Steps.config");
+var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.stepsConfig, _Steps.config);
+var StepsComponent = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
+var Steps = exports.Steps = StepsComponent;

package/components/Steps/index.d.ts

@@ -0,0 +1,2 @@
+export { Steps } from './Steps';
+export type { StepItemProps } from '@salutejs/plasma-new-hope/styled-components';

package/components/Steps/index.js

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

package/css/cjs/components/Steps/Steps.config.js

@@ -0,0 +1,25 @@
+import './Steps.config_1qo94b7.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var config = {
+  defaults: {
+    size: 'm',
+    view: 'default'
+  },
+  variations: {
+    view: {
+      "default": "d1eto8nh"
+    },
+    size: {
+      l: "ls5t39y",
+      m: "m1o9g49i",
+      s: "szx2zl9",
+      xs: "xcdn5ma"
+    }
+  }
+};
+
+exports.config = config;
+//# sourceMappingURL=Steps.config.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Steps.config.js","sources":["../../../../src-css/components/Steps/Steps.config.ts"],"sourcesContent":["import { css, stepsTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        size: 'm',\n        view: 'default',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${tokens.activeTitleColor}: var(--text-primary);\n                ${tokens.activeTitleColorHover}: var(--text-primary-hover);\n                ${tokens.activeIndicatorBorder}: solid var(--surface-solid-default);\n                ${tokens.activeIndicatorColor}: var(--text-primary);\n                ${tokens.activeIndicatorBackground}: var(--surface-clear);\n\n                ${tokens.completedIndicatorColor}: var(--inverse-text-primary);\n                ${tokens.completedIndicatorColorHover}: var(--inverse-text-primary);\n                ${tokens.completedIndicatorBackground}: var(--surface-solid-default);\n                ${tokens.completedIndicatorBackgroundHover}: var(--surface-solid-default-hover);\n\n                ${tokens.inactiveTitleColor}: var(--text-secondary);\n                ${tokens.inactiveTitleColorHover}: var(--text-secondary-hover);\n                ${tokens.inactiveIndicatorColor}: var(--text-secondary);\n                ${tokens.inactiveIndicatorColorHover}: var(--text-secondary);\n                ${tokens.inactiveIndicatorBackground}: var(--surface-transparent-secondary);\n                ${tokens.inactiveIndicatorBackgroundHover}: var(--surface-transparent-secondary-hover);\n\n                ${tokens.contentColor}: var(--text-secondary);\n\n                ${tokens.disabledOpacity}: 0.4;\n            `,\n        },\n        size: {\n            l: css`\n                ${tokens.indicatorSize}: 1.5rem;\n                ${tokens.activeIndicatorSize}: 2.25rem;\n                ${tokens.bulletSize}: 0.5rem;\n                ${tokens.activeBulletSize}: 1rem;\n\n                ${tokens.titlePaddingTop}: 0.75rem;\n                ${tokens.contentPaddingTop}: 0.375rem;\n                ${tokens.contentSidePadding}: 2rem;\n                ${tokens.contentVerticalPadding}: 1.0625rem;\n                ${tokens.verticalContentPaddingLeft}: 0.75rem;\n\n                ${tokens.smallIndicatorIndentHeight}: 1rem;\n                ${tokens.largeIndicatorIndentHeight}: 0.625rem;\n                ${tokens.smallBulletIndentHeight}: 1.5rem;\n                ${tokens.largeBulletIndentHeight}: 1.25rem;\n\n                ${tokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.indicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.indicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.indicatorLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.activeIndicatorFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.activeIndicatorFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.activeIndicatorFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.activeIndicatorFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.activeIndicatorLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.activeIndicatorLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.titleFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.titleFontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.titleFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.titleFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.titleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.titleLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.contentFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.contentFontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.contentFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.contentFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.contentLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.contentLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tokens.dividerThickness}: 0.125rem;\n            `,\n            m: css`\n                ${tokens.indicatorSize}: 1.5rem;\n                ${tokens.activeIndicatorSize}: 2.25rem;\n                ${tokens.bulletSize}: 0.5rem;\n                ${tokens.activeBulletSize}: 1rem;\n\n                ${tokens.titlePaddingTop}: 0.625rem;\n                ${tokens.contentPaddingTop}: 0.375rem;\n                ${tokens.contentSidePadding}: 1.75rem;\n                ${tokens.contentVerticalPadding}: 0.875rem;\n                ${tokens.verticalContentPaddingLeft}: 0.75rem;\n\n                ${tokens.smallIndicatorIndentHeight}: 0.75rem;\n                ${tokens.largeIndicatorIndentHeight}: 0.4375rem;\n                ${tokens.smallBulletIndentHeight}: 1.25rem;\n                ${tokens.largeBulletIndentHeight}: 1.125rem;\n\n                ${tokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.indicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.indicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.indicatorLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.activeIndicatorFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.activeIndicatorFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.activeIndicatorFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.activeIndicatorFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.activeIndicatorLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.activeIndicatorLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.titleFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.titleFontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.titleFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.titleFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.titleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.titleLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tokens.contentFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.contentFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.contentFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.contentFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.contentLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.contentLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.dividerThickness}: 0.125rem;\n            `,\n            s: css`\n                ${tokens.indicatorSize}: 1.5rem;\n                ${tokens.activeIndicatorSize}: 1.5rem;\n                ${tokens.bulletSize}: 0.5rem;\n                ${tokens.activeBulletSize}: 1rem;\n\n                ${tokens.titlePaddingTop}: 0.5rem;\n                ${tokens.contentPaddingTop}: 0.375rem;\n                ${tokens.contentSidePadding}: 1.5rem;\n                ${tokens.contentVerticalPadding}: 0.6875rem;\n                ${tokens.verticalContentPaddingLeft}: 0.75rem;\n\n                ${tokens.smallIndicatorIndentHeight}: 0.5rem;\n                ${tokens.largeIndicatorIndentHeight}: 0.5rem;\n                ${tokens.smallBulletIndentHeight}: 1rem;\n                ${tokens.largeBulletIndentHeight}: 0.75rem;\n\n                ${tokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.indicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.indicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.indicatorLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.activeIndicatorFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.activeIndicatorFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.activeIndicatorFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.activeIndicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.activeIndicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.activeIndicatorLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.titleFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.titleFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.titleFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.titleFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.titleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.titleLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.contentFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.contentFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.contentFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.contentFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.contentLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.contentLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.dividerThickness}: 0.125rem;\n            `,\n            xs: css`\n                ${tokens.indicatorSize}: 1.5rem;\n                ${tokens.activeIndicatorSize}: 1.5rem;\n                ${tokens.bulletSize}: 0.5rem;\n                ${tokens.activeBulletSize}: 1rem;\n\n                ${tokens.titlePaddingTop}: 0.5rem;\n                ${tokens.contentPaddingTop}: 0.25rem;\n                ${tokens.contentSidePadding}: 1.5rem;\n                ${tokens.contentVerticalPadding}: 0.5625rem;\n                ${tokens.verticalContentPaddingLeft}: 0.75rem;\n\n                ${tokens.smallIndicatorIndentHeight}: 0.25rem;\n                ${tokens.largeIndicatorIndentHeight}: 0.25rem;\n                ${tokens.smallBulletIndentHeight}: 0.75rem;\n                ${tokens.largeBulletIndentHeight}: 0.5rem;\n\n                ${tokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.indicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.indicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.indicatorLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.activeIndicatorFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.activeIndicatorFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.activeIndicatorFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.activeIndicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.activeIndicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.activeIndicatorLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.titleFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.titleFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.titleFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.titleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.titleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.titleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.contentFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.contentFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.contentFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.contentFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.contentLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.contentLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.dividerThickness}: 0.125rem;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","size","view","variations","default","l","m","s","xs"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,IAAI,EAAE,SAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;MACFE,SAAO,EAAA,UAAA;KAuBV;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EA8CA,SAAA;AACDC,MAAAA,CAAC,EA8CA,UAAA;AACDC,MAAAA,CAAC,EA8CA,SAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;AA+CN,KAAA;AACJ,GAAA;AACJ;;;;"}

package/css/cjs/components/Steps/Steps.config_1qo94b7.css

@@ -0,0 +1,5 @@
+.d1eto8nh{--plasma-step-item-active-title-color:var(--text-primary);--plasma-step-item-active-title-color-hover:var(--text-primary-hover);--plasma-step-item-active-indicator-border:solid var(--surface-solid-default);--plasma-step-item-active-indicator-color:var(--text-primary);--plasma-step-item-active-indicator-background:var(--surface-clear);--plasma-step-item-completed-indicator-color:var(--inverse-text-primary);--plasma-step-item-completed-indicator-color-hover:var(--inverse-text-primary);--plasma-step-item-completed-indicator-background:var(--surface-solid-default);--plasma-step-item-completed-indicator-background-hover:var(--surface-solid-default-hover);--plasma-step-item-inactive-title-color:var(--text-secondary);--plasma-step-item-inactive-title-color-hover:var(--text-secondary-hover);--plasma-step-item-inactive-indicator-color:var(--text-secondary);--plasma-step-item-inactive-indicator-color-hover:var(--text-secondary);--plasma-step-item-inactive-indicator-background:var(--surface-transparent-secondary);--plasma-step-item-inactive-indicator-background-hover:var(--surface-transparent-secondary-hover);--plasma-step-item-content-color:var(--text-secondary);--plasma-step-item-disabled-opacity:0.4;}
+.ls5t39y{--plasma-step-item-indicator-size:1.5rem;--plasma-step-item-active-indicator-size:2.25rem;--plasma-step-item-bullet-size:0.5rem;--plasma-step-item-active-bullet-size:1rem;--plasma-step-item-title-padding-top:0.75rem;--plasma-step-item-content-padding-top:0.375rem;--plasma-step-item-content-side-padding:2rem;--plasma-step-item-content-vertical-padding:1.0625rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-s-indicator-intent-height:1rem;--plasma-step-item-l-indicator-intent-height:0.625rem;--plasma-step-item-s-bullet-intent-height:1.5rem;--plasma-step-item-l-bullet-intent-height:1.25rem;--plasma-step-item-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-active-indicator-font-family:var(--plasma-typo-body-s-font-family);--plasma-step-item-active-indicator-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-active-indicator-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-active-indicator-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-active-indicator-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-active-indicator-line-height:var(--plasma-typo-body-s-line-height);--plasma-step-item-title-font-family:var(--plasma-typo-body-l-font-family);--plasma-step-item-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-step-item-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-step-item-title-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-step-item-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-step-item-title-line-height:var(--plasma-typo-body-l-line-height);--plasma-step-item-content-font-family:var(--plasma-typo-body-m-font-family);--plasma-step-item-content-font-size:var(--plasma-typo-body-m-font-size);--plasma-step-item-content-font-style:var(--plasma-typo-body-m-font-style);--plasma-step-item-content-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-step-item-content-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-step-item-content-line-height:var(--plasma-typo-body-m-line-height);--plasma-step-item-divider-thickness:0.125rem;}
+.m1o9g49i{--plasma-step-item-indicator-size:1.5rem;--plasma-step-item-active-indicator-size:2.25rem;--plasma-step-item-bullet-size:0.5rem;--plasma-step-item-active-bullet-size:1rem;--plasma-step-item-title-padding-top:0.625rem;--plasma-step-item-content-padding-top:0.375rem;--plasma-step-item-content-side-padding:1.75rem;--plasma-step-item-content-vertical-padding:0.875rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-s-indicator-intent-height:0.75rem;--plasma-step-item-l-indicator-intent-height:0.4375rem;--plasma-step-item-s-bullet-intent-height:1.25rem;--plasma-step-item-l-bullet-intent-height:1.125rem;--plasma-step-item-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-active-indicator-font-family:var(--plasma-typo-body-s-font-family);--plasma-step-item-active-indicator-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-active-indicator-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-active-indicator-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-active-indicator-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-active-indicator-line-height:var(--plasma-typo-body-s-line-height);--plasma-step-item-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-step-item-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-step-item-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-step-item-title-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-step-item-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-step-item-title-line-height:var(--plasma-typo-body-m-line-height);--plasma-step-item-content-font-family:var(--plasma-typo-body-s-font-family);--plasma-step-item-content-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-content-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-content-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-content-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-content-line-height:var(--plasma-typo-body-s-line-height);--plasma-step-item-divider-thickness:0.125rem;}
+.szx2zl9{--plasma-step-item-indicator-size:1.5rem;--plasma-step-item-active-indicator-size:1.5rem;--plasma-step-item-bullet-size:0.5rem;--plasma-step-item-active-bullet-size:1rem;--plasma-step-item-title-padding-top:0.5rem;--plasma-step-item-content-padding-top:0.375rem;--plasma-step-item-content-side-padding:1.5rem;--plasma-step-item-content-vertical-padding:0.6875rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-s-indicator-intent-height:0.5rem;--plasma-step-item-l-indicator-intent-height:0.5rem;--plasma-step-item-s-bullet-intent-height:1rem;--plasma-step-item-l-bullet-intent-height:0.75rem;--plasma-step-item-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-active-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-active-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-active-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-active-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-active-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-active-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-step-item-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-title-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-title-line-height:var(--plasma-typo-body-s-line-height);--plasma-step-item-content-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-content-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-content-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-content-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-content-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-content-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-divider-thickness:0.125rem;}
+.xcdn5ma{--plasma-step-item-indicator-size:1.5rem;--plasma-step-item-active-indicator-size:1.5rem;--plasma-step-item-bullet-size:0.5rem;--plasma-step-item-active-bullet-size:1rem;--plasma-step-item-title-padding-top:0.5rem;--plasma-step-item-content-padding-top:0.25rem;--plasma-step-item-content-side-padding:1.5rem;--plasma-step-item-content-vertical-padding:0.5625rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-s-indicator-intent-height:0.25rem;--plasma-step-item-l-indicator-intent-height:0.25rem;--plasma-step-item-s-bullet-intent-height:0.75rem;--plasma-step-item-l-bullet-intent-height:0.5rem;--plasma-step-item-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-active-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-active-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-active-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-active-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-active-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-active-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-title-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-title-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-content-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-content-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-content-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-content-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-content-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-content-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-divider-thickness:0.125rem;}

package/css/cjs/components/Steps/Steps.css

@@ -0,0 +1,5 @@
+.Steps_config_1qo94b7_d1eto8nh__bae0425f{--plasma-step-item-active-title-color:var(--text-primary);--plasma-step-item-active-title-color-hover:var(--text-primary-hover);--plasma-step-item-active-indicator-border:solid var(--surface-solid-default);--plasma-step-item-active-indicator-color:var(--text-primary);--plasma-step-item-active-indicator-background:var(--surface-clear);--plasma-step-item-completed-indicator-color:var(--inverse-text-primary);--plasma-step-item-completed-indicator-color-hover:var(--inverse-text-primary);--plasma-step-item-completed-indicator-background:var(--surface-solid-default);--plasma-step-item-completed-indicator-background-hover:var(--surface-solid-default-hover);--plasma-step-item-inactive-title-color:var(--text-secondary);--plasma-step-item-inactive-title-color-hover:var(--text-secondary-hover);--plasma-step-item-inactive-indicator-color:var(--text-secondary);--plasma-step-item-inactive-indicator-color-hover:var(--text-secondary);--plasma-step-item-inactive-indicator-background:var(--surface-transparent-secondary);--plasma-step-item-inactive-indicator-background-hover:var(--surface-transparent-secondary-hover);--plasma-step-item-content-color:var(--text-secondary);--plasma-step-item-disabled-opacity:0.4;}
+.Steps_config_1qo94b7_ls5t39y__bae0425f{--plasma-step-item-indicator-size:1.5rem;--plasma-step-item-active-indicator-size:2.25rem;--plasma-step-item-bullet-size:0.5rem;--plasma-step-item-active-bullet-size:1rem;--plasma-step-item-title-padding-top:0.75rem;--plasma-step-item-content-padding-top:0.375rem;--plasma-step-item-content-side-padding:2rem;--plasma-step-item-content-vertical-padding:1.0625rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-s-indicator-intent-height:1rem;--plasma-step-item-l-indicator-intent-height:0.625rem;--plasma-step-item-s-bullet-intent-height:1.5rem;--plasma-step-item-l-bullet-intent-height:1.25rem;--plasma-step-item-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-active-indicator-font-family:var(--plasma-typo-body-s-font-family);--plasma-step-item-active-indicator-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-active-indicator-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-active-indicator-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-active-indicator-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-active-indicator-line-height:var(--plasma-typo-body-s-line-height);--plasma-step-item-title-font-family:var(--plasma-typo-body-l-font-family);--plasma-step-item-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-step-item-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-step-item-title-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-step-item-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-step-item-title-line-height:var(--plasma-typo-body-l-line-height);--plasma-step-item-content-font-family:var(--plasma-typo-body-m-font-family);--plasma-step-item-content-font-size:var(--plasma-typo-body-m-font-size);--plasma-step-item-content-font-style:var(--plasma-typo-body-m-font-style);--plasma-step-item-content-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-step-item-content-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-step-item-content-line-height:var(--plasma-typo-body-m-line-height);--plasma-step-item-divider-thickness:0.125rem;}
+.Steps_config_1qo94b7_m1o9g49i__bae0425f{--plasma-step-item-indicator-size:1.5rem;--plasma-step-item-active-indicator-size:2.25rem;--plasma-step-item-bullet-size:0.5rem;--plasma-step-item-active-bullet-size:1rem;--plasma-step-item-title-padding-top:0.625rem;--plasma-step-item-content-padding-top:0.375rem;--plasma-step-item-content-side-padding:1.75rem;--plasma-step-item-content-vertical-padding:0.875rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-s-indicator-intent-height:0.75rem;--plasma-step-item-l-indicator-intent-height:0.4375rem;--plasma-step-item-s-bullet-intent-height:1.25rem;--plasma-step-item-l-bullet-intent-height:1.125rem;--plasma-step-item-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-active-indicator-font-family:var(--plasma-typo-body-s-font-family);--plasma-step-item-active-indicator-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-active-indicator-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-active-indicator-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-active-indicator-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-active-indicator-line-height:var(--plasma-typo-body-s-line-height);--plasma-step-item-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-step-item-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-step-item-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-step-item-title-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-step-item-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-step-item-title-line-height:var(--plasma-typo-body-m-line-height);--plasma-step-item-content-font-family:var(--plasma-typo-body-s-font-family);--plasma-step-item-content-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-content-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-content-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-content-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-content-line-height:var(--plasma-typo-body-s-line-height);--plasma-step-item-divider-thickness:0.125rem;}
+.Steps_config_1qo94b7_szx2zl9__bae0425f{--plasma-step-item-indicator-size:1.5rem;--plasma-step-item-active-indicator-size:1.5rem;--plasma-step-item-bullet-size:0.5rem;--plasma-step-item-active-bullet-size:1rem;--plasma-step-item-title-padding-top:0.5rem;--plasma-step-item-content-padding-top:0.375rem;--plasma-step-item-content-side-padding:1.5rem;--plasma-step-item-content-vertical-padding:0.6875rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-s-indicator-intent-height:0.5rem;--plasma-step-item-l-indicator-intent-height:0.5rem;--plasma-step-item-s-bullet-intent-height:1rem;--plasma-step-item-l-bullet-intent-height:0.75rem;--plasma-step-item-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-active-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-active-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-active-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-active-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-active-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-active-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-step-item-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-title-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-title-line-height:var(--plasma-typo-body-s-line-height);--plasma-step-item-content-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-content-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-content-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-content-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-content-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-content-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-divider-thickness:0.125rem;}
+.Steps_config_1qo94b7_xcdn5ma__bae0425f{--plasma-step-item-indicator-size:1.5rem;--plasma-step-item-active-indicator-size:1.5rem;--plasma-step-item-bullet-size:0.5rem;--plasma-step-item-active-bullet-size:1rem;--plasma-step-item-title-padding-top:0.5rem;--plasma-step-item-content-padding-top:0.25rem;--plasma-step-item-content-side-padding:1.5rem;--plasma-step-item-content-vertical-padding:0.5625rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-s-indicator-intent-height:0.25rem;--plasma-step-item-l-indicator-intent-height:0.25rem;--plasma-step-item-s-bullet-intent-height:0.75rem;--plasma-step-item-l-bullet-intent-height:0.5rem;--plasma-step-item-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-active-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-active-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-active-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-active-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-active-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-active-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-title-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-title-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-content-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-content-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-content-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-content-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-content-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-content-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-divider-thickness:0.125rem;}

package/css/cjs/components/Steps/Steps.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var plasmaNewHope = require('@salutejs/plasma-new-hope');
+var Steps_config = require('./Steps.config.js');
+
+var mergedConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.stepsConfig, Steps_config.config);
+var StepsComponent = /*#__PURE__*/plasmaNewHope.component(mergedConfig);
+var Steps = StepsComponent;
+
+exports.Steps = Steps;
+//# sourceMappingURL=Steps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Steps.js","sources":["../../../../src-css/components/Steps/Steps.ts"],"sourcesContent":["import { stepsConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Steps.config';\n\nconst mergedConfig = mergeConfig(stepsConfig, config);\nconst StepsComponent = component(mergedConfig);\n\nexport const Steps = StepsComponent;\n"],"names":["mergedConfig","mergeConfig","stepsConfig","config","StepsComponent","component","Steps"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,yBAAW,EAAEC,mBAAM,CAAC,CAAA;AACrD,IAAMC,cAAc,gBAAGC,uBAAS,CAACL,YAAY,CAAC,CAAA;AAEvC,IAAMM,KAAK,GAAGF;;;;"}

package/css/cjs/index.css

@@ -451,6 +451,12 @@
 .Spinner_config_kv9h01_wewxek2__ac938a23{--plasma-spinner-color:var(--text-warning);}
 .Spinner_config_kv9h01_n1qiprti__ac938a23{--plasma-spinner-color:var(--text-negative);}
 
+.Steps_config_1qo94b7_d1eto8nh__bae0425f{--plasma-step-item-active-title-color:var(--text-primary);--plasma-step-item-active-title-color-hover:var(--text-primary-hover);--plasma-step-item-active-indicator-border:solid var(--surface-solid-default);--plasma-step-item-active-indicator-color:var(--text-primary);--plasma-step-item-active-indicator-background:var(--surface-clear);--plasma-step-item-completed-indicator-color:var(--inverse-text-primary);--plasma-step-item-completed-indicator-color-hover:var(--inverse-text-primary);--plasma-step-item-completed-indicator-background:var(--surface-solid-default);--plasma-step-item-completed-indicator-background-hover:var(--surface-solid-default-hover);--plasma-step-item-inactive-title-color:var(--text-secondary);--plasma-step-item-inactive-title-color-hover:var(--text-secondary-hover);--plasma-step-item-inactive-indicator-color:var(--text-secondary);--plasma-step-item-inactive-indicator-color-hover:var(--text-secondary);--plasma-step-item-inactive-indicator-background:var(--surface-transparent-secondary);--plasma-step-item-inactive-indicator-background-hover:var(--surface-transparent-secondary-hover);--plasma-step-item-content-color:var(--text-secondary);--plasma-step-item-disabled-opacity:0.4;}
+.Steps_config_1qo94b7_ls5t39y__bae0425f{--plasma-step-item-indicator-size:1.5rem;--plasma-step-item-active-indicator-size:2.25rem;--plasma-step-item-bullet-size:0.5rem;--plasma-step-item-active-bullet-size:1rem;--plasma-step-item-title-padding-top:0.75rem;--plasma-step-item-content-padding-top:0.375rem;--plasma-step-item-content-side-padding:2rem;--plasma-step-item-content-vertical-padding:1.0625rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-s-indicator-intent-height:1rem;--plasma-step-item-l-indicator-intent-height:0.625rem;--plasma-step-item-s-bullet-intent-height:1.5rem;--plasma-step-item-l-bullet-intent-height:1.25rem;--plasma-step-item-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-active-indicator-font-family:var(--plasma-typo-body-s-font-family);--plasma-step-item-active-indicator-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-active-indicator-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-active-indicator-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-active-indicator-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-active-indicator-line-height:var(--plasma-typo-body-s-line-height);--plasma-step-item-title-font-family:var(--plasma-typo-body-l-font-family);--plasma-step-item-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-step-item-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-step-item-title-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-step-item-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-step-item-title-line-height:var(--plasma-typo-body-l-line-height);--plasma-step-item-content-font-family:var(--plasma-typo-body-m-font-family);--plasma-step-item-content-font-size:var(--plasma-typo-body-m-font-size);--plasma-step-item-content-font-style:var(--plasma-typo-body-m-font-style);--plasma-step-item-content-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-step-item-content-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-step-item-content-line-height:var(--plasma-typo-body-m-line-height);--plasma-step-item-divider-thickness:0.125rem;}
+.Steps_config_1qo94b7_m1o9g49i__bae0425f{--plasma-step-item-indicator-size:1.5rem;--plasma-step-item-active-indicator-size:2.25rem;--plasma-step-item-bullet-size:0.5rem;--plasma-step-item-active-bullet-size:1rem;--plasma-step-item-title-padding-top:0.625rem;--plasma-step-item-content-padding-top:0.375rem;--plasma-step-item-content-side-padding:1.75rem;--plasma-step-item-content-vertical-padding:0.875rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-s-indicator-intent-height:0.75rem;--plasma-step-item-l-indicator-intent-height:0.4375rem;--plasma-step-item-s-bullet-intent-height:1.25rem;--plasma-step-item-l-bullet-intent-height:1.125rem;--plasma-step-item-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-active-indicator-font-family:var(--plasma-typo-body-s-font-family);--plasma-step-item-active-indicator-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-active-indicator-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-active-indicator-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-active-indicator-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-active-indicator-line-height:var(--plasma-typo-body-s-line-height);--plasma-step-item-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-step-item-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-step-item-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-step-item-title-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-step-item-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-step-item-title-line-height:var(--plasma-typo-body-m-line-height);--plasma-step-item-content-font-family:var(--plasma-typo-body-s-font-family);--plasma-step-item-content-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-content-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-content-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-content-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-content-line-height:var(--plasma-typo-body-s-line-height);--plasma-step-item-divider-thickness:0.125rem;}
+.Steps_config_1qo94b7_szx2zl9__bae0425f{--plasma-step-item-indicator-size:1.5rem;--plasma-step-item-active-indicator-size:1.5rem;--plasma-step-item-bullet-size:0.5rem;--plasma-step-item-active-bullet-size:1rem;--plasma-step-item-title-padding-top:0.5rem;--plasma-step-item-content-padding-top:0.375rem;--plasma-step-item-content-side-padding:1.5rem;--plasma-step-item-content-vertical-padding:0.6875rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-s-indicator-intent-height:0.5rem;--plasma-step-item-l-indicator-intent-height:0.5rem;--plasma-step-item-s-bullet-intent-height:1rem;--plasma-step-item-l-bullet-intent-height:0.75rem;--plasma-step-item-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-active-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-active-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-active-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-active-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-active-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-active-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-step-item-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-title-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-title-line-height:var(--plasma-typo-body-s-line-height);--plasma-step-item-content-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-content-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-content-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-content-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-content-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-content-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-divider-thickness:0.125rem;}
+.Steps_config_1qo94b7_xcdn5ma__bae0425f{--plasma-step-item-indicator-size:1.5rem;--plasma-step-item-active-indicator-size:1.5rem;--plasma-step-item-bullet-size:0.5rem;--plasma-step-item-active-bullet-size:1rem;--plasma-step-item-title-padding-top:0.5rem;--plasma-step-item-content-padding-top:0.25rem;--plasma-step-item-content-side-padding:1.5rem;--plasma-step-item-content-vertical-padding:0.5625rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-s-indicator-intent-height:0.25rem;--plasma-step-item-l-indicator-intent-height:0.25rem;--plasma-step-item-s-bullet-intent-height:0.75rem;--plasma-step-item-l-bullet-intent-height:0.5rem;--plasma-step-item-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-active-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-active-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-active-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-active-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-active-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-active-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-title-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-title-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-content-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-content-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-content-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-content-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-content-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-content-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-divider-thickness:0.125rem;}
+
 .Switch_config_ngx5fc_mx2gvdq__c71f94a5{--plasma-switch-font-family:var(--plasma-typo-body1-font-family);--plasma-switch-font-style:var(--plasma-typo-body1-font-style);--plasma-switch-font-weight:var(--plasma-typo-body1-font-weight);--plasma-switch-font-weight:var(--plasma-typo-body1-font-weight);--plasma-switch-line-height:var(--plasma-typo-body1-line-height);--plasma-switch-font-size:var(--plasma-typo-body1-font-size);--plasma-switch-letter-spacing:var(--plasma-typo-body1-letter-spacing);--plasma-switch__track-width:2.75rem;--plasma-switch__track-height:1.75rem;--plasma-switch__track-border-radius:calc(var(--plasma-switch__track-height) / 2);--plasma-switch__thumb-size:1.5rem;--plasma-switch__thumb-border-radius:calc(var(--plasma-switch__thumb-size) / 2);--plasma-switch__thumb-offset:0.125rem;--plasma-switch__thumb-scale:1.25;--plasma-switch__label-offset:0.75rem;}
 .Switch_config_ngx5fc_d14e2x67__c71f94a5{--plasma-switch__track_checked_true-bg-color:var(--surface-accent);--plasma-switch__track_checked_true_hovered_true-bg-color:var(--surface-accent-hover);--plasma-switch__track_checked_false-bg-color:var(--surface-transparent-tertiary);--plasma-switch__track_checked_false_hovered_true-bg-color:var(--surface-transparent-tertiary-hover);--plasma-switch__thumb-bg-color:var(--on-dark-surface-solid-default);--plasma-switch__thumb-box-shadow:0 1px 1px rgba(0,0,0,0.11);}
 .Switch_config_ngx5fc_t6qjy60__c71f94a5{--plasma-switch-disabled-opacity:0.4;}

package/css/cjs/index.js

@@ -51,6 +51,7 @@ var Sheet = require('./components/Sheet/Sheet.js');
 var Skeleton = require('./components/Skeleton/Skeleton.js');
 var Slider = require('./components/Slider/Slider.js');
 var Spinner = require('./components/Spinner/Spinner.js');
+var Steps = require('./components/Steps/Steps.js');
 var Switch = require('./components/Switch/Switch.js');
 var TabsController = require('./components/Tabs/TabsController.js');
 var Tabs = require('./components/Tabs/Tabs.js');
@@ -268,6 +269,7 @@ exports.LineSkeleton = Skeleton.LineSkeleton;
 exports.TextSkeleton = Skeleton.TextSkeleton;
 exports.Slider = Slider.Slider;
 exports.Spinner = Spinner.Spinner;
+exports.Steps = Steps.Steps;
 exports.Switch = Switch.Switch;
 exports.TabsController = TabsController.TabsController;
 exports.Tabs = Tabs.Tabs;

package/css/cjs/index.js.map

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

package/css/es/components/Steps/Steps.config.js

@@ -0,0 +1,21 @@
+import './Steps.config_1qo94b7.css';
+var config = {
+  defaults: {
+    size: 'm',
+    view: 'default'
+  },
+  variations: {
+    view: {
+      "default": "d1eto8nh"
+    },
+    size: {
+      l: "ls5t39y",
+      m: "m1o9g49i",
+      s: "szx2zl9",
+      xs: "xcdn5ma"
+    }
+  }
+};
+
+export { config };
+//# sourceMappingURL=Steps.config.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Steps.config.js","sources":["../../../../src-css/components/Steps/Steps.config.ts"],"sourcesContent":["import { css, stepsTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        size: 'm',\n        view: 'default',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${tokens.activeTitleColor}: var(--text-primary);\n                ${tokens.activeTitleColorHover}: var(--text-primary-hover);\n                ${tokens.activeIndicatorBorder}: solid var(--surface-solid-default);\n                ${tokens.activeIndicatorColor}: var(--text-primary);\n                ${tokens.activeIndicatorBackground}: var(--surface-clear);\n\n                ${tokens.completedIndicatorColor}: var(--inverse-text-primary);\n                ${tokens.completedIndicatorColorHover}: var(--inverse-text-primary);\n                ${tokens.completedIndicatorBackground}: var(--surface-solid-default);\n                ${tokens.completedIndicatorBackgroundHover}: var(--surface-solid-default-hover);\n\n                ${tokens.inactiveTitleColor}: var(--text-secondary);\n                ${tokens.inactiveTitleColorHover}: var(--text-secondary-hover);\n                ${tokens.inactiveIndicatorColor}: var(--text-secondary);\n                ${tokens.inactiveIndicatorColorHover}: var(--text-secondary);\n                ${tokens.inactiveIndicatorBackground}: var(--surface-transparent-secondary);\n                ${tokens.inactiveIndicatorBackgroundHover}: var(--surface-transparent-secondary-hover);\n\n                ${tokens.contentColor}: var(--text-secondary);\n\n                ${tokens.disabledOpacity}: 0.4;\n            `,\n        },\n        size: {\n            l: css`\n                ${tokens.indicatorSize}: 1.5rem;\n                ${tokens.activeIndicatorSize}: 2.25rem;\n                ${tokens.bulletSize}: 0.5rem;\n                ${tokens.activeBulletSize}: 1rem;\n\n                ${tokens.titlePaddingTop}: 0.75rem;\n                ${tokens.contentPaddingTop}: 0.375rem;\n                ${tokens.contentSidePadding}: 2rem;\n                ${tokens.contentVerticalPadding}: 1.0625rem;\n                ${tokens.verticalContentPaddingLeft}: 0.75rem;\n\n                ${tokens.smallIndicatorIndentHeight}: 1rem;\n                ${tokens.largeIndicatorIndentHeight}: 0.625rem;\n                ${tokens.smallBulletIndentHeight}: 1.5rem;\n                ${tokens.largeBulletIndentHeight}: 1.25rem;\n\n                ${tokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.indicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.indicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.indicatorLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.activeIndicatorFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.activeIndicatorFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.activeIndicatorFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.activeIndicatorFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.activeIndicatorLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.activeIndicatorLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.titleFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.titleFontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.titleFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.titleFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.titleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.titleLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.contentFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.contentFontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.contentFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.contentFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.contentLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.contentLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tokens.dividerThickness}: 0.125rem;\n            `,\n            m: css`\n                ${tokens.indicatorSize}: 1.5rem;\n                ${tokens.activeIndicatorSize}: 2.25rem;\n                ${tokens.bulletSize}: 0.5rem;\n                ${tokens.activeBulletSize}: 1rem;\n\n                ${tokens.titlePaddingTop}: 0.625rem;\n                ${tokens.contentPaddingTop}: 0.375rem;\n                ${tokens.contentSidePadding}: 1.75rem;\n                ${tokens.contentVerticalPadding}: 0.875rem;\n                ${tokens.verticalContentPaddingLeft}: 0.75rem;\n\n                ${tokens.smallIndicatorIndentHeight}: 0.75rem;\n                ${tokens.largeIndicatorIndentHeight}: 0.4375rem;\n                ${tokens.smallBulletIndentHeight}: 1.25rem;\n                ${tokens.largeBulletIndentHeight}: 1.125rem;\n\n                ${tokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.indicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.indicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.indicatorLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.activeIndicatorFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.activeIndicatorFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.activeIndicatorFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.activeIndicatorFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.activeIndicatorLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.activeIndicatorLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.titleFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.titleFontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.titleFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.titleFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.titleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.titleLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tokens.contentFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.contentFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.contentFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.contentFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.contentLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.contentLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.dividerThickness}: 0.125rem;\n            `,\n            s: css`\n                ${tokens.indicatorSize}: 1.5rem;\n                ${tokens.activeIndicatorSize}: 1.5rem;\n                ${tokens.bulletSize}: 0.5rem;\n                ${tokens.activeBulletSize}: 1rem;\n\n                ${tokens.titlePaddingTop}: 0.5rem;\n                ${tokens.contentPaddingTop}: 0.375rem;\n                ${tokens.contentSidePadding}: 1.5rem;\n                ${tokens.contentVerticalPadding}: 0.6875rem;\n                ${tokens.verticalContentPaddingLeft}: 0.75rem;\n\n                ${tokens.smallIndicatorIndentHeight}: 0.5rem;\n                ${tokens.largeIndicatorIndentHeight}: 0.5rem;\n                ${tokens.smallBulletIndentHeight}: 1rem;\n                ${tokens.largeBulletIndentHeight}: 0.75rem;\n\n                ${tokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.indicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.indicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.indicatorLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.activeIndicatorFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.activeIndicatorFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.activeIndicatorFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.activeIndicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.activeIndicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.activeIndicatorLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.titleFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.titleFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.titleFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.titleFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.titleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.titleLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.contentFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.contentFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.contentFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.contentFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.contentLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.contentLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.dividerThickness}: 0.125rem;\n            `,\n            xs: css`\n                ${tokens.indicatorSize}: 1.5rem;\n                ${tokens.activeIndicatorSize}: 1.5rem;\n                ${tokens.bulletSize}: 0.5rem;\n                ${tokens.activeBulletSize}: 1rem;\n\n                ${tokens.titlePaddingTop}: 0.5rem;\n                ${tokens.contentPaddingTop}: 0.25rem;\n                ${tokens.contentSidePadding}: 1.5rem;\n                ${tokens.contentVerticalPadding}: 0.5625rem;\n                ${tokens.verticalContentPaddingLeft}: 0.75rem;\n\n                ${tokens.smallIndicatorIndentHeight}: 0.25rem;\n                ${tokens.largeIndicatorIndentHeight}: 0.25rem;\n                ${tokens.smallBulletIndentHeight}: 0.75rem;\n                ${tokens.largeBulletIndentHeight}: 0.5rem;\n\n                ${tokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.indicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.indicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.indicatorLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.activeIndicatorFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.activeIndicatorFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.activeIndicatorFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.activeIndicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.activeIndicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.activeIndicatorLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.titleFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.titleFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.titleFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.titleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.titleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.titleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.contentFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.contentFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.contentFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.contentFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.contentLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.contentLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.dividerThickness}: 0.125rem;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","size","view","variations","default","l","m","s","xs"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,IAAI,EAAE,SAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;MACFE,SAAO,EAAA,UAAA;KAuBV;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EA8CA,SAAA;AACDC,MAAAA,CAAC,EA8CA,UAAA;AACDC,MAAAA,CAAC,EA8CA,SAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;AA+CN,KAAA;AACJ,GAAA;AACJ;;;;"}

package/css/es/components/Steps/Steps.config_1qo94b7.css

@@ -0,0 +1,5 @@
+.d1eto8nh{--plasma-step-item-active-title-color:var(--text-primary);--plasma-step-item-active-title-color-hover:var(--text-primary-hover);--plasma-step-item-active-indicator-border:solid var(--surface-solid-default);--plasma-step-item-active-indicator-color:var(--text-primary);--plasma-step-item-active-indicator-background:var(--surface-clear);--plasma-step-item-completed-indicator-color:var(--inverse-text-primary);--plasma-step-item-completed-indicator-color-hover:var(--inverse-text-primary);--plasma-step-item-completed-indicator-background:var(--surface-solid-default);--plasma-step-item-completed-indicator-background-hover:var(--surface-solid-default-hover);--plasma-step-item-inactive-title-color:var(--text-secondary);--plasma-step-item-inactive-title-color-hover:var(--text-secondary-hover);--plasma-step-item-inactive-indicator-color:var(--text-secondary);--plasma-step-item-inactive-indicator-color-hover:var(--text-secondary);--plasma-step-item-inactive-indicator-background:var(--surface-transparent-secondary);--plasma-step-item-inactive-indicator-background-hover:var(--surface-transparent-secondary-hover);--plasma-step-item-content-color:var(--text-secondary);--plasma-step-item-disabled-opacity:0.4;}
+.ls5t39y{--plasma-step-item-indicator-size:1.5rem;--plasma-step-item-active-indicator-size:2.25rem;--plasma-step-item-bullet-size:0.5rem;--plasma-step-item-active-bullet-size:1rem;--plasma-step-item-title-padding-top:0.75rem;--plasma-step-item-content-padding-top:0.375rem;--plasma-step-item-content-side-padding:2rem;--plasma-step-item-content-vertical-padding:1.0625rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-s-indicator-intent-height:1rem;--plasma-step-item-l-indicator-intent-height:0.625rem;--plasma-step-item-s-bullet-intent-height:1.5rem;--plasma-step-item-l-bullet-intent-height:1.25rem;--plasma-step-item-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-active-indicator-font-family:var(--plasma-typo-body-s-font-family);--plasma-step-item-active-indicator-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-active-indicator-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-active-indicator-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-active-indicator-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-active-indicator-line-height:var(--plasma-typo-body-s-line-height);--plasma-step-item-title-font-family:var(--plasma-typo-body-l-font-family);--plasma-step-item-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-step-item-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-step-item-title-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-step-item-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-step-item-title-line-height:var(--plasma-typo-body-l-line-height);--plasma-step-item-content-font-family:var(--plasma-typo-body-m-font-family);--plasma-step-item-content-font-size:var(--plasma-typo-body-m-font-size);--plasma-step-item-content-font-style:var(--plasma-typo-body-m-font-style);--plasma-step-item-content-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-step-item-content-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-step-item-content-line-height:var(--plasma-typo-body-m-line-height);--plasma-step-item-divider-thickness:0.125rem;}
+.m1o9g49i{--plasma-step-item-indicator-size:1.5rem;--plasma-step-item-active-indicator-size:2.25rem;--plasma-step-item-bullet-size:0.5rem;--plasma-step-item-active-bullet-size:1rem;--plasma-step-item-title-padding-top:0.625rem;--plasma-step-item-content-padding-top:0.375rem;--plasma-step-item-content-side-padding:1.75rem;--plasma-step-item-content-vertical-padding:0.875rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-s-indicator-intent-height:0.75rem;--plasma-step-item-l-indicator-intent-height:0.4375rem;--plasma-step-item-s-bullet-intent-height:1.25rem;--plasma-step-item-l-bullet-intent-height:1.125rem;--plasma-step-item-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-active-indicator-font-family:var(--plasma-typo-body-s-font-family);--plasma-step-item-active-indicator-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-active-indicator-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-active-indicator-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-active-indicator-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-active-indicator-line-height:var(--plasma-typo-body-s-line-height);--plasma-step-item-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-step-item-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-step-item-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-step-item-title-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-step-item-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-step-item-title-line-height:var(--plasma-typo-body-m-line-height);--plasma-step-item-content-font-family:var(--plasma-typo-body-s-font-family);--plasma-step-item-content-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-content-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-content-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-content-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-content-line-height:var(--plasma-typo-body-s-line-height);--plasma-step-item-divider-thickness:0.125rem;}
+.szx2zl9{--plasma-step-item-indicator-size:1.5rem;--plasma-step-item-active-indicator-size:1.5rem;--plasma-step-item-bullet-size:0.5rem;--plasma-step-item-active-bullet-size:1rem;--plasma-step-item-title-padding-top:0.5rem;--plasma-step-item-content-padding-top:0.375rem;--plasma-step-item-content-side-padding:1.5rem;--plasma-step-item-content-vertical-padding:0.6875rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-s-indicator-intent-height:0.5rem;--plasma-step-item-l-indicator-intent-height:0.5rem;--plasma-step-item-s-bullet-intent-height:1rem;--plasma-step-item-l-bullet-intent-height:0.75rem;--plasma-step-item-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-active-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-active-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-active-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-active-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-active-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-active-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-step-item-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-title-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-title-line-height:var(--plasma-typo-body-s-line-height);--plasma-step-item-content-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-content-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-content-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-content-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-content-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-content-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-divider-thickness:0.125rem;}
+.xcdn5ma{--plasma-step-item-indicator-size:1.5rem;--plasma-step-item-active-indicator-size:1.5rem;--plasma-step-item-bullet-size:0.5rem;--plasma-step-item-active-bullet-size:1rem;--plasma-step-item-title-padding-top:0.5rem;--plasma-step-item-content-padding-top:0.25rem;--plasma-step-item-content-side-padding:1.5rem;--plasma-step-item-content-vertical-padding:0.5625rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-s-indicator-intent-height:0.25rem;--plasma-step-item-l-indicator-intent-height:0.25rem;--plasma-step-item-s-bullet-intent-height:0.75rem;--plasma-step-item-l-bullet-intent-height:0.5rem;--plasma-step-item-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-active-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-active-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-active-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-active-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-active-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-active-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-title-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-title-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-content-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-content-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-content-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-content-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-content-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-content-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-divider-thickness:0.125rem;}

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

@@ -0,0 +1,5 @@
+.Steps_config_1qo94b7_d1eto8nh__bae0425f{--plasma-step-item-active-title-color:var(--text-primary);--plasma-step-item-active-title-color-hover:var(--text-primary-hover);--plasma-step-item-active-indicator-border:solid var(--surface-solid-default);--plasma-step-item-active-indicator-color:var(--text-primary);--plasma-step-item-active-indicator-background:var(--surface-clear);--plasma-step-item-completed-indicator-color:var(--inverse-text-primary);--plasma-step-item-completed-indicator-color-hover:var(--inverse-text-primary);--plasma-step-item-completed-indicator-background:var(--surface-solid-default);--plasma-step-item-completed-indicator-background-hover:var(--surface-solid-default-hover);--plasma-step-item-inactive-title-color:var(--text-secondary);--plasma-step-item-inactive-title-color-hover:var(--text-secondary-hover);--plasma-step-item-inactive-indicator-color:var(--text-secondary);--plasma-step-item-inactive-indicator-color-hover:var(--text-secondary);--plasma-step-item-inactive-indicator-background:var(--surface-transparent-secondary);--plasma-step-item-inactive-indicator-background-hover:var(--surface-transparent-secondary-hover);--plasma-step-item-content-color:var(--text-secondary);--plasma-step-item-disabled-opacity:0.4;}
+.Steps_config_1qo94b7_ls5t39y__bae0425f{--plasma-step-item-indicator-size:1.5rem;--plasma-step-item-active-indicator-size:2.25rem;--plasma-step-item-bullet-size:0.5rem;--plasma-step-item-active-bullet-size:1rem;--plasma-step-item-title-padding-top:0.75rem;--plasma-step-item-content-padding-top:0.375rem;--plasma-step-item-content-side-padding:2rem;--plasma-step-item-content-vertical-padding:1.0625rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-s-indicator-intent-height:1rem;--plasma-step-item-l-indicator-intent-height:0.625rem;--plasma-step-item-s-bullet-intent-height:1.5rem;--plasma-step-item-l-bullet-intent-height:1.25rem;--plasma-step-item-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-active-indicator-font-family:var(--plasma-typo-body-s-font-family);--plasma-step-item-active-indicator-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-active-indicator-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-active-indicator-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-active-indicator-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-active-indicator-line-height:var(--plasma-typo-body-s-line-height);--plasma-step-item-title-font-family:var(--plasma-typo-body-l-font-family);--plasma-step-item-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-step-item-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-step-item-title-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-step-item-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-step-item-title-line-height:var(--plasma-typo-body-l-line-height);--plasma-step-item-content-font-family:var(--plasma-typo-body-m-font-family);--plasma-step-item-content-font-size:var(--plasma-typo-body-m-font-size);--plasma-step-item-content-font-style:var(--plasma-typo-body-m-font-style);--plasma-step-item-content-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-step-item-content-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-step-item-content-line-height:var(--plasma-typo-body-m-line-height);--plasma-step-item-divider-thickness:0.125rem;}
+.Steps_config_1qo94b7_m1o9g49i__bae0425f{--plasma-step-item-indicator-size:1.5rem;--plasma-step-item-active-indicator-size:2.25rem;--plasma-step-item-bullet-size:0.5rem;--plasma-step-item-active-bullet-size:1rem;--plasma-step-item-title-padding-top:0.625rem;--plasma-step-item-content-padding-top:0.375rem;--plasma-step-item-content-side-padding:1.75rem;--plasma-step-item-content-vertical-padding:0.875rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-s-indicator-intent-height:0.75rem;--plasma-step-item-l-indicator-intent-height:0.4375rem;--plasma-step-item-s-bullet-intent-height:1.25rem;--plasma-step-item-l-bullet-intent-height:1.125rem;--plasma-step-item-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-active-indicator-font-family:var(--plasma-typo-body-s-font-family);--plasma-step-item-active-indicator-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-active-indicator-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-active-indicator-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-active-indicator-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-active-indicator-line-height:var(--plasma-typo-body-s-line-height);--plasma-step-item-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-step-item-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-step-item-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-step-item-title-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-step-item-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-step-item-title-line-height:var(--plasma-typo-body-m-line-height);--plasma-step-item-content-font-family:var(--plasma-typo-body-s-font-family);--plasma-step-item-content-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-content-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-content-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-content-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-content-line-height:var(--plasma-typo-body-s-line-height);--plasma-step-item-divider-thickness:0.125rem;}
+.Steps_config_1qo94b7_szx2zl9__bae0425f{--plasma-step-item-indicator-size:1.5rem;--plasma-step-item-active-indicator-size:1.5rem;--plasma-step-item-bullet-size:0.5rem;--plasma-step-item-active-bullet-size:1rem;--plasma-step-item-title-padding-top:0.5rem;--plasma-step-item-content-padding-top:0.375rem;--plasma-step-item-content-side-padding:1.5rem;--plasma-step-item-content-vertical-padding:0.6875rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-s-indicator-intent-height:0.5rem;--plasma-step-item-l-indicator-intent-height:0.5rem;--plasma-step-item-s-bullet-intent-height:1rem;--plasma-step-item-l-bullet-intent-height:0.75rem;--plasma-step-item-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-active-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-active-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-active-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-active-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-active-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-active-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-step-item-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-title-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-title-line-height:var(--plasma-typo-body-s-line-height);--plasma-step-item-content-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-content-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-content-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-content-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-content-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-content-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-divider-thickness:0.125rem;}
+.Steps_config_1qo94b7_xcdn5ma__bae0425f{--plasma-step-item-indicator-size:1.5rem;--plasma-step-item-active-indicator-size:1.5rem;--plasma-step-item-bullet-size:0.5rem;--plasma-step-item-active-bullet-size:1rem;--plasma-step-item-title-padding-top:0.5rem;--plasma-step-item-content-padding-top:0.25rem;--plasma-step-item-content-side-padding:1.5rem;--plasma-step-item-content-vertical-padding:0.5625rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-s-indicator-intent-height:0.25rem;--plasma-step-item-l-indicator-intent-height:0.25rem;--plasma-step-item-s-bullet-intent-height:0.75rem;--plasma-step-item-l-bullet-intent-height:0.5rem;--plasma-step-item-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-active-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-active-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-active-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-active-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-active-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-active-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-title-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-title-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-content-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-content-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-content-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-content-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-content-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-content-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-divider-thickness:0.125rem;}

package/css/es/components/Steps/Steps.js

@@ -0,0 +1,9 @@
+import { component, mergeConfig, stepsConfig } from '@salutejs/plasma-new-hope';
+import { config } from './Steps.config.js';
+
+var mergedConfig = /*#__PURE__*/mergeConfig(stepsConfig, config);
+var StepsComponent = /*#__PURE__*/component(mergedConfig);
+var Steps = StepsComponent;
+
+export { Steps };
+//# sourceMappingURL=Steps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Steps.js","sources":["../../../../src-css/components/Steps/Steps.ts"],"sourcesContent":["import { stepsConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Steps.config';\n\nconst mergedConfig = mergeConfig(stepsConfig, config);\nconst StepsComponent = component(mergedConfig);\n\nexport const Steps = StepsComponent;\n"],"names":["mergedConfig","mergeConfig","stepsConfig","config","StepsComponent","component","Steps"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,WAAW,EAAEC,MAAM,CAAC,CAAA;AACrD,IAAMC,cAAc,gBAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;AAEvC,IAAMM,KAAK,GAAGF;;;;"}

package/css/es/index.css

@@ -451,6 +451,12 @@
 .Spinner_config_kv9h01_wewxek2__ac938a23{--plasma-spinner-color:var(--text-warning);}
 .Spinner_config_kv9h01_n1qiprti__ac938a23{--plasma-spinner-color:var(--text-negative);}
 
+.Steps_config_1qo94b7_d1eto8nh__bae0425f{--plasma-step-item-active-title-color:var(--text-primary);--plasma-step-item-active-title-color-hover:var(--text-primary-hover);--plasma-step-item-active-indicator-border:solid var(--surface-solid-default);--plasma-step-item-active-indicator-color:var(--text-primary);--plasma-step-item-active-indicator-background:var(--surface-clear);--plasma-step-item-completed-indicator-color:var(--inverse-text-primary);--plasma-step-item-completed-indicator-color-hover:var(--inverse-text-primary);--plasma-step-item-completed-indicator-background:var(--surface-solid-default);--plasma-step-item-completed-indicator-background-hover:var(--surface-solid-default-hover);--plasma-step-item-inactive-title-color:var(--text-secondary);--plasma-step-item-inactive-title-color-hover:var(--text-secondary-hover);--plasma-step-item-inactive-indicator-color:var(--text-secondary);--plasma-step-item-inactive-indicator-color-hover:var(--text-secondary);--plasma-step-item-inactive-indicator-background:var(--surface-transparent-secondary);--plasma-step-item-inactive-indicator-background-hover:var(--surface-transparent-secondary-hover);--plasma-step-item-content-color:var(--text-secondary);--plasma-step-item-disabled-opacity:0.4;}
+.Steps_config_1qo94b7_ls5t39y__bae0425f{--plasma-step-item-indicator-size:1.5rem;--plasma-step-item-active-indicator-size:2.25rem;--plasma-step-item-bullet-size:0.5rem;--plasma-step-item-active-bullet-size:1rem;--plasma-step-item-title-padding-top:0.75rem;--plasma-step-item-content-padding-top:0.375rem;--plasma-step-item-content-side-padding:2rem;--plasma-step-item-content-vertical-padding:1.0625rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-s-indicator-intent-height:1rem;--plasma-step-item-l-indicator-intent-height:0.625rem;--plasma-step-item-s-bullet-intent-height:1.5rem;--plasma-step-item-l-bullet-intent-height:1.25rem;--plasma-step-item-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-active-indicator-font-family:var(--plasma-typo-body-s-font-family);--plasma-step-item-active-indicator-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-active-indicator-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-active-indicator-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-active-indicator-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-active-indicator-line-height:var(--plasma-typo-body-s-line-height);--plasma-step-item-title-font-family:var(--plasma-typo-body-l-font-family);--plasma-step-item-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-step-item-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-step-item-title-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-step-item-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-step-item-title-line-height:var(--plasma-typo-body-l-line-height);--plasma-step-item-content-font-family:var(--plasma-typo-body-m-font-family);--plasma-step-item-content-font-size:var(--plasma-typo-body-m-font-size);--plasma-step-item-content-font-style:var(--plasma-typo-body-m-font-style);--plasma-step-item-content-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-step-item-content-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-step-item-content-line-height:var(--plasma-typo-body-m-line-height);--plasma-step-item-divider-thickness:0.125rem;}
+.Steps_config_1qo94b7_m1o9g49i__bae0425f{--plasma-step-item-indicator-size:1.5rem;--plasma-step-item-active-indicator-size:2.25rem;--plasma-step-item-bullet-size:0.5rem;--plasma-step-item-active-bullet-size:1rem;--plasma-step-item-title-padding-top:0.625rem;--plasma-step-item-content-padding-top:0.375rem;--plasma-step-item-content-side-padding:1.75rem;--plasma-step-item-content-vertical-padding:0.875rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-s-indicator-intent-height:0.75rem;--plasma-step-item-l-indicator-intent-height:0.4375rem;--plasma-step-item-s-bullet-intent-height:1.25rem;--plasma-step-item-l-bullet-intent-height:1.125rem;--plasma-step-item-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-active-indicator-font-family:var(--plasma-typo-body-s-font-family);--plasma-step-item-active-indicator-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-active-indicator-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-active-indicator-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-active-indicator-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-active-indicator-line-height:var(--plasma-typo-body-s-line-height);--plasma-step-item-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-step-item-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-step-item-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-step-item-title-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-step-item-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-step-item-title-line-height:var(--plasma-typo-body-m-line-height);--plasma-step-item-content-font-family:var(--plasma-typo-body-s-font-family);--plasma-step-item-content-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-content-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-content-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-content-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-content-line-height:var(--plasma-typo-body-s-line-height);--plasma-step-item-divider-thickness:0.125rem;}
+.Steps_config_1qo94b7_szx2zl9__bae0425f{--plasma-step-item-indicator-size:1.5rem;--plasma-step-item-active-indicator-size:1.5rem;--plasma-step-item-bullet-size:0.5rem;--plasma-step-item-active-bullet-size:1rem;--plasma-step-item-title-padding-top:0.5rem;--plasma-step-item-content-padding-top:0.375rem;--plasma-step-item-content-side-padding:1.5rem;--plasma-step-item-content-vertical-padding:0.6875rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-s-indicator-intent-height:0.5rem;--plasma-step-item-l-indicator-intent-height:0.5rem;--plasma-step-item-s-bullet-intent-height:1rem;--plasma-step-item-l-bullet-intent-height:0.75rem;--plasma-step-item-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-active-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-active-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-active-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-active-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-active-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-active-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-step-item-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-title-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-title-line-height:var(--plasma-typo-body-s-line-height);--plasma-step-item-content-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-content-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-content-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-content-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-content-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-content-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-divider-thickness:0.125rem;}
+.Steps_config_1qo94b7_xcdn5ma__bae0425f{--plasma-step-item-indicator-size:1.5rem;--plasma-step-item-active-indicator-size:1.5rem;--plasma-step-item-bullet-size:0.5rem;--plasma-step-item-active-bullet-size:1rem;--plasma-step-item-title-padding-top:0.5rem;--plasma-step-item-content-padding-top:0.25rem;--plasma-step-item-content-side-padding:1.5rem;--plasma-step-item-content-vertical-padding:0.5625rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-s-indicator-intent-height:0.25rem;--plasma-step-item-l-indicator-intent-height:0.25rem;--plasma-step-item-s-bullet-intent-height:0.75rem;--plasma-step-item-l-bullet-intent-height:0.5rem;--plasma-step-item-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-active-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-active-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-active-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-active-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-active-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-active-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-title-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-title-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-content-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-content-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-content-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-content-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-content-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-content-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-divider-thickness:0.125rem;}
+
 .Switch_config_ngx5fc_mx2gvdq__c71f94a5{--plasma-switch-font-family:var(--plasma-typo-body1-font-family);--plasma-switch-font-style:var(--plasma-typo-body1-font-style);--plasma-switch-font-weight:var(--plasma-typo-body1-font-weight);--plasma-switch-font-weight:var(--plasma-typo-body1-font-weight);--plasma-switch-line-height:var(--plasma-typo-body1-line-height);--plasma-switch-font-size:var(--plasma-typo-body1-font-size);--plasma-switch-letter-spacing:var(--plasma-typo-body1-letter-spacing);--plasma-switch__track-width:2.75rem;--plasma-switch__track-height:1.75rem;--plasma-switch__track-border-radius:calc(var(--plasma-switch__track-height) / 2);--plasma-switch__thumb-size:1.5rem;--plasma-switch__thumb-border-radius:calc(var(--plasma-switch__thumb-size) / 2);--plasma-switch__thumb-offset:0.125rem;--plasma-switch__thumb-scale:1.25;--plasma-switch__label-offset:0.75rem;}
 .Switch_config_ngx5fc_d14e2x67__c71f94a5{--plasma-switch__track_checked_true-bg-color:var(--surface-accent);--plasma-switch__track_checked_true_hovered_true-bg-color:var(--surface-accent-hover);--plasma-switch__track_checked_false-bg-color:var(--surface-transparent-tertiary);--plasma-switch__track_checked_false_hovered_true-bg-color:var(--surface-transparent-tertiary-hover);--plasma-switch__thumb-bg-color:var(--on-dark-surface-solid-default);--plasma-switch__thumb-box-shadow:0 1px 1px rgba(0,0,0,0.11);}
 .Switch_config_ngx5fc_t6qjy60__c71f94a5{--plasma-switch-disabled-opacity:0.4;}

package/css/es/index.js

@@ -47,6 +47,7 @@ export { Sheet } from './components/Sheet/Sheet.js';
 export { LineSkeleton, TextSkeleton } from './components/Skeleton/Skeleton.js';
 export { Slider } from './components/Slider/Slider.js';
 export { Spinner } from './components/Spinner/Spinner.js';
+export { Steps } from './components/Steps/Steps.js';
 export { Switch } from './components/Switch/Switch.js';
 export { TabsController } from './components/Tabs/TabsController.js';
 export { Tabs } from './components/Tabs/Tabs.js';

package/css/es/index.js.map

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

package/css/index.d.ts

@@ -45,6 +45,7 @@ export * from '../components/Sheet';
 export * from '../components/Skeleton';
 export * from '../components/Slider';
 export * from '../components/Spinner';
+export * from '../components/Steps';
 export * from '../components/Switch';
 export * from '../components/Tabs';
 export * from '../components/TextArea';
@@ -101,6 +102,7 @@ export * from '../components/Sheet';
 export * from '../components/Skeleton';
 export * from '../components/Slider';
 export * from '../components/Spinner';
+export * from '../components/Steps';
 export * from '../components/Switch';
 export * from '../components/Tabs';
 export * from '../components/TextArea';

package/es/components/Steps/Steps.config.js

@@ -0,0 +1,20 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { css, stepsTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
+export var config = {
+  defaults: {
+    size: 'm',
+    view: 'default'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-primary-hover);\n                ", ": solid var(--surface-solid-default);\n                ", ": var(--text-primary);\n                ", ": var(--surface-clear);\n\n                ", ": var(--inverse-text-primary);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-solid-default);\n                ", ": var(--surface-solid-default-hover);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-secondary-hover);\n\n                ", ": var(--text-secondary);\n\n                ", ": 0.4;\n            "])), tokens.activeTitleColor, tokens.activeTitleColorHover, tokens.activeIndicatorBorder, tokens.activeIndicatorColor, tokens.activeIndicatorBackground, tokens.completedIndicatorColor, tokens.completedIndicatorColorHover, tokens.completedIndicatorBackground, tokens.completedIndicatorBackgroundHover, tokens.inactiveTitleColor, tokens.inactiveTitleColorHover, tokens.inactiveIndicatorColor, tokens.inactiveIndicatorColorHover, tokens.inactiveIndicatorBackground, tokens.inactiveIndicatorBackgroundHover, tokens.contentColor, tokens.disabledOpacity)
+    },
+    size: {
+      l: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n                ", ": 2.25rem;\n                ", ": 0.5rem;\n                ", ": 1rem;\n\n                ", ": 0.75rem;\n                ", ": 0.375rem;\n                ", ": 2rem;\n                ", ": 1.0625rem;\n                ", ": 0.75rem;\n\n                ", ": 1rem;\n                ", ": 0.625rem;\n                ", ": 1.5rem;\n                ", ": 1.25rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0.125rem;\n            "])), tokens.indicatorSize, tokens.activeIndicatorSize, tokens.bulletSize, tokens.activeBulletSize, tokens.titlePaddingTop, tokens.contentPaddingTop, tokens.contentSidePadding, tokens.contentVerticalPadding, tokens.verticalContentPaddingLeft, tokens.smallIndicatorIndentHeight, tokens.largeIndicatorIndentHeight, tokens.smallBulletIndentHeight, tokens.largeBulletIndentHeight, tokens.indicatorFontFamily, tokens.indicatorFontSize, tokens.indicatorFontStyle, tokens.indicatorFontWeight, tokens.indicatorLetterSpacing, tokens.indicatorLineHeight, tokens.activeIndicatorFontFamily, tokens.activeIndicatorFontSize, tokens.activeIndicatorFontStyle, tokens.activeIndicatorFontWeight, tokens.activeIndicatorLetterSpacing, tokens.activeIndicatorLineHeight, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.contentFontFamily, tokens.contentFontSize, tokens.contentFontStyle, tokens.contentFontWeight, tokens.contentLetterSpacing, tokens.contentLineHeight, tokens.dividerThickness),
+      m: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n                ", ": 2.25rem;\n                ", ": 0.5rem;\n                ", ": 1rem;\n\n                ", ": 0.625rem;\n                ", ": 0.375rem;\n                ", ": 1.75rem;\n                ", ": 0.875rem;\n                ", ": 0.75rem;\n\n                ", ": 0.75rem;\n                ", ": 0.4375rem;\n                ", ": 1.25rem;\n                ", ": 1.125rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.125rem;\n            "])), tokens.indicatorSize, tokens.activeIndicatorSize, tokens.bulletSize, tokens.activeBulletSize, tokens.titlePaddingTop, tokens.contentPaddingTop, tokens.contentSidePadding, tokens.contentVerticalPadding, tokens.verticalContentPaddingLeft, tokens.smallIndicatorIndentHeight, tokens.largeIndicatorIndentHeight, tokens.smallBulletIndentHeight, tokens.largeBulletIndentHeight, tokens.indicatorFontFamily, tokens.indicatorFontSize, tokens.indicatorFontStyle, tokens.indicatorFontWeight, tokens.indicatorLetterSpacing, tokens.indicatorLineHeight, tokens.activeIndicatorFontFamily, tokens.activeIndicatorFontSize, tokens.activeIndicatorFontStyle, tokens.activeIndicatorFontWeight, tokens.activeIndicatorLetterSpacing, tokens.activeIndicatorLineHeight, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.contentFontFamily, tokens.contentFontSize, tokens.contentFontStyle, tokens.contentFontWeight, tokens.contentLetterSpacing, tokens.contentLineHeight, tokens.dividerThickness),
+      s: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n                ", ": 0.5rem;\n                ", ": 1rem;\n\n                ", ": 0.5rem;\n                ", ": 0.375rem;\n                ", ": 1.5rem;\n                ", ": 0.6875rem;\n                ", ": 0.75rem;\n\n                ", ": 0.5rem;\n                ", ": 0.5rem;\n                ", ": 1rem;\n                ", ": 0.75rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.125rem;\n            "])), tokens.indicatorSize, tokens.activeIndicatorSize, tokens.bulletSize, tokens.activeBulletSize, tokens.titlePaddingTop, tokens.contentPaddingTop, tokens.contentSidePadding, tokens.contentVerticalPadding, tokens.verticalContentPaddingLeft, tokens.smallIndicatorIndentHeight, tokens.largeIndicatorIndentHeight, tokens.smallBulletIndentHeight, tokens.largeBulletIndentHeight, tokens.indicatorFontFamily, tokens.indicatorFontSize, tokens.indicatorFontStyle, tokens.indicatorFontWeight, tokens.indicatorLetterSpacing, tokens.indicatorLineHeight, tokens.activeIndicatorFontFamily, tokens.activeIndicatorFontSize, tokens.activeIndicatorFontStyle, tokens.activeIndicatorFontWeight, tokens.activeIndicatorLetterSpacing, tokens.activeIndicatorLineHeight, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.contentFontFamily, tokens.contentFontSize, tokens.contentFontStyle, tokens.contentFontWeight, tokens.contentLetterSpacing, tokens.contentLineHeight, tokens.dividerThickness),
+      xs: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n                ", ": 0.5rem;\n                ", ": 1rem;\n\n                ", ": 0.5rem;\n                ", ": 0.25rem;\n                ", ": 1.5rem;\n                ", ": 0.5625rem;\n                ", ": 0.75rem;\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": 0.75rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.125rem;\n            "])), tokens.indicatorSize, tokens.activeIndicatorSize, tokens.bulletSize, tokens.activeBulletSize, tokens.titlePaddingTop, tokens.contentPaddingTop, tokens.contentSidePadding, tokens.contentVerticalPadding, tokens.verticalContentPaddingLeft, tokens.smallIndicatorIndentHeight, tokens.largeIndicatorIndentHeight, tokens.smallBulletIndentHeight, tokens.largeBulletIndentHeight, tokens.indicatorFontFamily, tokens.indicatorFontSize, tokens.indicatorFontStyle, tokens.indicatorFontWeight, tokens.indicatorLetterSpacing, tokens.indicatorLineHeight, tokens.activeIndicatorFontFamily, tokens.activeIndicatorFontSize, tokens.activeIndicatorFontStyle, tokens.activeIndicatorFontWeight, tokens.activeIndicatorLetterSpacing, tokens.activeIndicatorLineHeight, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.contentFontFamily, tokens.contentFontSize, tokens.contentFontStyle, tokens.contentFontWeight, tokens.contentLetterSpacing, tokens.contentLineHeight, tokens.dividerThickness)
+    }
+  }
+};

package/es/components/Steps/Steps.js

@@ -0,0 +1,5 @@
+import { stepsConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
+import { config } from './Steps.config';
+var mergedConfig = /*#__PURE__*/mergeConfig(stepsConfig, config);
+var StepsComponent = /*#__PURE__*/component(mergedConfig);
+export var Steps = StepsComponent;

package/es/components/Steps/index.js

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

package/es/index.js

@@ -43,6 +43,7 @@ export * from './components/Sheet';
 export * from './components/Skeleton';
 export * from './components/Spinner';
 export * from './components/SSRProvider';
+export * from './components/Steps';
 export * from './components/Switch';
 export * from './components/Slider';
 export * from './components/Tabs';

package/index.d.ts

@@ -43,6 +43,7 @@ export * from './components/Sheet';
 export * from './components/Skeleton';
 export * from './components/Spinner';
 export * from './components/SSRProvider';
+export * from './components/Steps';
 export * from './components/Switch';
 export * from './components/Slider';
 export * from './components/Tabs';

package/index.js

@@ -498,6 +498,17 @@ Object.keys(_SSRProvider).forEach(function (key) {
     }
   });
 });
+var _Steps = /*#__PURE__*/require("./components/Steps");
+Object.keys(_Steps).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Steps[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Steps[key];
+    }
+  });
+});
 var _Switch = /*#__PURE__*/require("./components/Switch");
 Object.keys(_Switch).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-web",
-  "version": "1.412.1-canary.1412.11144674561.0",
+  "version": "1.413.0-canary.1443.11143468021.0",
   "description": "Salute Design System / React UI kit for web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -21,7 +21,7 @@
   "dependencies": {
     "@salutejs/plasma-core": "1.180.0",
     "@salutejs/plasma-hope": "1.313.0-dev.0",
-    "@salutejs/plasma-new-hope": "0.159.1-canary.1412.11144674561.0",
+    "@salutejs/plasma-new-hope": "0.160.0-canary.1443.11143468021.0",
     "@salutejs/plasma-themes": "0.18.0",
     "@salutejs/plasma-tokens-b2b": "1.42.0",
     "@salutejs/plasma-tokens-b2c": "0.52.0",
@@ -112,5 +112,5 @@
     "Fanil Zubairov"
   ],
   "sideEffects": false,
-  "gitHead": "c599a15699e3768b2cab1ed52b58d34c87df68c5"
+  "gitHead": "314aa9aa8dcac5207bd8bf79684783cc069c4aea"
 }

package/temp/plasma-web.api.md

@@ -264,6 +264,8 @@ import { SpinnerProps } from '@salutejs/plasma-core';
 import { SSRProvider } from '@salutejs/plasma-new-hope/styled-components';
 import { StatusLabels } from '@salutejs/plasma-new-hope/types/components/Avatar/Avatar.types';
 import { StatusType } from '@salutejs/plasma-hope';
+import { StepItemProps } from '@salutejs/plasma-new-hope/styled-components';
+import { StepsProps } from '@salutejs/plasma-new-hope/types/components/Steps/Steps.types';
 import { StyledCard } from '@salutejs/plasma-hope';
 import { StyledComponent } from 'styled-components';
 import { StyledPreviewGallery } from '@salutejs/plasma-hope';
@@ -3268,6 +3270,21 @@ export { SSRProvider }
 
 export { StatusType }
 
+export { StepItemProps }
+
+// @public (undocumented)
+export const Steps: FunctionComponent<PropsType<    {
+view: {
+default: PolymorphicClassName;
+};
+size: {
+l: PolymorphicClassName;
+m: PolymorphicClassName;
+s: PolymorphicClassName;
+xs: PolymorphicClassName;
+};
+}> & StepsProps & Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & RefAttributes<HTMLDivElement>>;
+
 export { StyledCard }
 
 export { StyledPreviewGallery }