@salutejs/plasma-web 1.579.0-canary.1896.14266402169.0 → 1.579.0-canary.1899.14304912143.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Steps/Steps.config.d.ts +12 -0
- package/components/Steps/Steps.config.js +33 -7
- package/components/Steps/Steps.d.ts +7 -0
- package/components/Typography/Old/index.d.ts +6 -0
- package/components/Typography/Typography.d.ts +34 -0
- package/css/cjs/components/Steps/Steps.config.js +31 -7
- package/css/cjs/components/Steps/Steps.config.js.map +1 -1
- package/css/cjs/components/Steps/{Steps.config_4mdg8k.css → Steps.config_1thzvf2.css} +14 -5
- package/css/cjs/components/Steps/Steps.css +14 -5
- package/css/cjs/index.css +14 -5
- package/css/es/components/Steps/Steps.config.js +31 -7
- package/css/es/components/Steps/Steps.config.js.map +1 -1
- package/css/es/components/Steps/{Steps.config_4mdg8k.css → Steps.config_1thzvf2.css} +14 -5
- package/css/es/components/Steps/Steps.css +14 -5
- package/css/es/index.css +14 -5
- package/es/components/Steps/Steps.config.js +33 -7
- package/package.json +3 -3
@@ -6,6 +6,13 @@ export declare const config: {
|
|
6
6
|
variations: {
|
7
7
|
view: {
|
8
8
|
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
9
|
+
accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
10
|
+
};
|
11
|
+
itemView: {
|
12
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
13
|
+
negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
14
|
+
warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
15
|
+
positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
9
16
|
};
|
10
17
|
size: {
|
11
18
|
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
@@ -14,4 +21,9 @@ export declare const config: {
|
|
14
21
|
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
15
22
|
};
|
16
23
|
};
|
24
|
+
intersections: {
|
25
|
+
view: string;
|
26
|
+
itemView: string;
|
27
|
+
style: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
28
|
+
}[];
|
17
29
|
};
|
@@ -5,8 +5,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.config = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
|
8
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
8
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
|
9
9
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
10
|
+
var baseItemView = /*#__PURE__*/"\n ".concat(_styledComponents.stepsTokens.activeTitleColor, ": var(--text-primary);\n ").concat(_styledComponents.stepsTokens.activeTitleColorHover, ": var(--text-primary-hover);\n ").concat(_styledComponents.stepsTokens.activeIndicatorBorder, ": solid var(--surface-solid-default);\n ").concat(_styledComponents.stepsTokens.activeIndicatorColor, ": var(--text-primary);\n ").concat(_styledComponents.stepsTokens.activeIndicatorBackground, ": var(--surface-clear);\n\n ").concat(_styledComponents.stepsTokens.completedIndicatorColor, ": var(--inverse-text-primary);\n ").concat(_styledComponents.stepsTokens.completedIndicatorColorHover, ": var(--inverse-text-primary);\n ").concat(_styledComponents.stepsTokens.completedIndicatorBackground, ": var(--surface-solid-default);\n ").concat(_styledComponents.stepsTokens.completedIndicatorBackgroundHover, ": var(--surface-solid-default-hover);\n ").concat(_styledComponents.stepsTokens.completedTitleColor, ": var(--text-primary);\n ").concat(_styledComponents.stepsTokens.completedTitleColorHover, ": var(--text-primary-hover);\n\n ").concat(_styledComponents.stepsTokens.inactiveTitleColor, ": var(--text-secondary);\n ").concat(_styledComponents.stepsTokens.inactiveTitleColorHover, ": var(--text-secondary-hover);\n ").concat(_styledComponents.stepsTokens.inactiveIndicatorColor, ": var(--text-secondary);\n ").concat(_styledComponents.stepsTokens.inactiveIndicatorColorHover, ": var(--text-secondary);\n ").concat(_styledComponents.stepsTokens.inactiveIndicatorBackground, ": var(--surface-transparent-secondary);\n ").concat(_styledComponents.stepsTokens.inactiveIndicatorBackgroundHover, ": var(--surface-transparent-secondary-hover);\n\n ").concat(_styledComponents.stepsTokens.contentColor, ": var(--text-secondary);\n ").concat(_styledComponents.stepsTokens.focusColor, ": var(--surface-accent);\n\n ").concat(_styledComponents.stepsTokens.disabledOpacity, ": 0.4;\n");
|
11
|
+
var accentConfig = /*#__PURE__*/"\n ".concat(_styledComponents.stepsTokens.completedTitleColor, ": var(--text-primary);\n ").concat(_styledComponents.stepsTokens.completedTitleColorHover, ": var(--text-primary-hover);\n \n ").concat(_styledComponents.stepsTokens.completedIndicatorBackground, ": var(--surface-accent);\n ").concat(_styledComponents.stepsTokens.completedIndicatorBackgroundHover, ": var(--surface-accent-hover);\n \n // \u0426\u0432\u0435\u0442 \u043A\u043E\u043D\u0442\u0435\u043D\u0442\u0430 \u0432\u043D\u0443\u0442\u0440\u0438 \u044D\u043B\u0435\u043C\u0435\u043D\u0442\u0430 Step\n ").concat(_styledComponents.stepsTokens.completedIndicatorColor, ": var(--on-dark-text-primary);\n ").concat(_styledComponents.stepsTokens.completedIndicatorColorHover, ": var(--on-dark-text-primary-hover);\n");
|
10
12
|
var config = exports.config = {
|
11
13
|
defaults: {
|
12
14
|
size: 'm',
|
@@ -14,13 +16,37 @@ var config = exports.config = {
|
|
14
16
|
},
|
15
17
|
variations: {
|
16
18
|
view: {
|
17
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--
|
19
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-solid-default);\n "])), _styledComponents.stepsTokens.dividerColor),
|
20
|
+
accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-accent);\n "])), _styledComponents.stepsTokens.dividerColor)
|
21
|
+
},
|
22
|
+
itemView: {
|
23
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ";\n "])), baseItemView),
|
24
|
+
negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ";\n\n ", ": var(--surface-negative);\n ", ": var(--surface-negative-hover);\n ", ": solid var(--surface-negative);\n ", ": var(--text-negative);\n "])), baseItemView, _styledComponents.stepsTokens.activeTitleColor, _styledComponents.stepsTokens.activeTitleColorHover, _styledComponents.stepsTokens.activeIndicatorBorder, _styledComponents.stepsTokens.activeIndicatorColor),
|
25
|
+
warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ";\n\n ", ": var(--surface-warning);\n ", ": var(--surface-warning-hover);\n ", ": solid var(--surface-warning);\n ", ": var(--text-warning);\n "])), baseItemView, _styledComponents.stepsTokens.activeTitleColor, _styledComponents.stepsTokens.activeTitleColorHover, _styledComponents.stepsTokens.activeIndicatorBorder, _styledComponents.stepsTokens.activeIndicatorColor),
|
26
|
+
positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ";\n\n ", ": var(--surface-positive);\n ", ": var(--surface-positive-hover);\n ", ": solid var(--surface-positive);\n ", ": var(--text-positive);\n "])), baseItemView, _styledComponents.stepsTokens.activeTitleColor, _styledComponents.stepsTokens.activeTitleColorHover, _styledComponents.stepsTokens.activeIndicatorBorder, _styledComponents.stepsTokens.activeIndicatorColor)
|
18
27
|
},
|
19
28
|
size: {
|
20
|
-
l: /*#__PURE__*/(0, _styledComponents.css)(
|
21
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(
|
22
|
-
s: /*#__PURE__*/(0, _styledComponents.css)(
|
23
|
-
xs: /*#__PURE__*/(0, _styledComponents.css)(
|
29
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__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),
|
30
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__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),
|
31
|
+
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__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),
|
32
|
+
xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__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)
|
24
33
|
}
|
25
|
-
}
|
34
|
+
},
|
35
|
+
intersections: [{
|
36
|
+
view: 'accent',
|
37
|
+
itemView: 'default',
|
38
|
+
style: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": solid var(--text-accent);\n ", ": var(--text-accent);\n\n ", ";\n "])), _styledComponents.stepsTokens.activeIndicatorBorder, _styledComponents.stepsTokens.activeIndicatorColor, accentConfig)
|
39
|
+
}, {
|
40
|
+
view: 'accent',
|
41
|
+
itemView: 'negative',
|
42
|
+
style: /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ";\n "])), accentConfig)
|
43
|
+
}, {
|
44
|
+
view: 'accent',
|
45
|
+
itemView: 'warning',
|
46
|
+
style: /*#__PURE__*/(0, _styledComponents.css)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ";\n "])), accentConfig)
|
47
|
+
}, {
|
48
|
+
view: 'accent',
|
49
|
+
itemView: 'positive',
|
50
|
+
style: /*#__PURE__*/(0, _styledComponents.css)(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ";\n "])), accentConfig)
|
51
|
+
}]
|
26
52
|
};
|
@@ -2,6 +2,13 @@
|
|
2
2
|
export declare const Steps: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
3
3
|
view: {
|
4
4
|
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
5
|
+
accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
6
|
+
};
|
7
|
+
itemView: {
|
8
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
9
|
+
negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
10
|
+
warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
11
|
+
positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
5
12
|
};
|
6
13
|
size: {
|
7
14
|
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
@@ -8,11 +8,13 @@ export declare const Body1: import("react").FunctionComponent<import("@salutejs/
|
|
8
8
|
breakWord?: boolean | undefined;
|
9
9
|
color?: string | undefined;
|
10
10
|
size?: string | undefined;
|
11
|
+
isNumeric?: boolean | undefined;
|
11
12
|
} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").BoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
|
12
13
|
noWrap?: boolean | undefined;
|
13
14
|
breakWord?: boolean | undefined;
|
14
15
|
color?: string | undefined;
|
15
16
|
size?: string | undefined;
|
17
|
+
isNumeric?: boolean | undefined;
|
16
18
|
} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").MediumProps & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
|
17
19
|
export declare const Body2: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
18
20
|
size: {
|
@@ -23,11 +25,13 @@ export declare const Body2: import("react").FunctionComponent<import("@salutejs/
|
|
23
25
|
breakWord?: boolean | undefined;
|
24
26
|
color?: string | undefined;
|
25
27
|
size?: string | undefined;
|
28
|
+
isNumeric?: boolean | undefined;
|
26
29
|
} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").BoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
|
27
30
|
noWrap?: boolean | undefined;
|
28
31
|
breakWord?: boolean | undefined;
|
29
32
|
color?: string | undefined;
|
30
33
|
size?: string | undefined;
|
34
|
+
isNumeric?: boolean | undefined;
|
31
35
|
} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").MediumProps & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
|
32
36
|
export declare const Body3: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
33
37
|
size: {
|
@@ -38,11 +42,13 @@ export declare const Body3: import("react").FunctionComponent<import("@salutejs/
|
|
38
42
|
breakWord?: boolean | undefined;
|
39
43
|
color?: string | undefined;
|
40
44
|
size?: string | undefined;
|
45
|
+
isNumeric?: boolean | undefined;
|
41
46
|
} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").BoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
|
42
47
|
noWrap?: boolean | undefined;
|
43
48
|
breakWord?: boolean | undefined;
|
44
49
|
color?: string | undefined;
|
45
50
|
size?: string | undefined;
|
51
|
+
isNumeric?: boolean | undefined;
|
46
52
|
} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").MediumProps & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
|
47
53
|
export declare const Button1: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
48
54
|
size: {
|
@@ -8,11 +8,13 @@ export declare const BodyM: import("react").FunctionComponent<import("@salutejs/
|
|
8
8
|
breakWord?: boolean | undefined;
|
9
9
|
color?: string | undefined;
|
10
10
|
size?: string | undefined;
|
11
|
+
isNumeric?: boolean | undefined;
|
11
12
|
} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").BoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
|
12
13
|
noWrap?: boolean | undefined;
|
13
14
|
breakWord?: boolean | undefined;
|
14
15
|
color?: string | undefined;
|
15
16
|
size?: string | undefined;
|
17
|
+
isNumeric?: boolean | undefined;
|
16
18
|
} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").MediumProps & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
|
17
19
|
export declare const BodyL: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
18
20
|
size: {
|
@@ -23,11 +25,13 @@ export declare const BodyL: import("react").FunctionComponent<import("@salutejs/
|
|
23
25
|
breakWord?: boolean | undefined;
|
24
26
|
color?: string | undefined;
|
25
27
|
size?: string | undefined;
|
28
|
+
isNumeric?: boolean | undefined;
|
26
29
|
} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").BoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
|
27
30
|
noWrap?: boolean | undefined;
|
28
31
|
breakWord?: boolean | undefined;
|
29
32
|
color?: string | undefined;
|
30
33
|
size?: string | undefined;
|
34
|
+
isNumeric?: boolean | undefined;
|
31
35
|
} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").MediumProps & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
|
32
36
|
export declare const BodyS: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
33
37
|
size: {
|
@@ -38,11 +42,13 @@ export declare const BodyS: import("react").FunctionComponent<import("@salutejs/
|
|
38
42
|
breakWord?: boolean | undefined;
|
39
43
|
color?: string | undefined;
|
40
44
|
size?: string | undefined;
|
45
|
+
isNumeric?: boolean | undefined;
|
41
46
|
} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").BoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
|
42
47
|
noWrap?: boolean | undefined;
|
43
48
|
breakWord?: boolean | undefined;
|
44
49
|
color?: string | undefined;
|
45
50
|
size?: string | undefined;
|
51
|
+
isNumeric?: boolean | undefined;
|
46
52
|
} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").MediumProps & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
|
47
53
|
export declare const BodyXS: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
48
54
|
size: {
|
@@ -53,11 +59,13 @@ export declare const BodyXS: import("react").FunctionComponent<import("@salutejs
|
|
53
59
|
breakWord?: boolean | undefined;
|
54
60
|
color?: string | undefined;
|
55
61
|
size?: string | undefined;
|
62
|
+
isNumeric?: boolean | undefined;
|
56
63
|
} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").BoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
|
57
64
|
noWrap?: boolean | undefined;
|
58
65
|
breakWord?: boolean | undefined;
|
59
66
|
color?: string | undefined;
|
60
67
|
size?: string | undefined;
|
68
|
+
isNumeric?: boolean | undefined;
|
61
69
|
} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").MediumProps & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
|
62
70
|
export declare const BodyXXS: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
63
71
|
size: {
|
@@ -68,11 +76,13 @@ export declare const BodyXXS: import("react").FunctionComponent<import("@salutej
|
|
68
76
|
breakWord?: boolean | undefined;
|
69
77
|
color?: string | undefined;
|
70
78
|
size?: string | undefined;
|
79
|
+
isNumeric?: boolean | undefined;
|
71
80
|
} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").BoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
|
72
81
|
noWrap?: boolean | undefined;
|
73
82
|
breakWord?: boolean | undefined;
|
74
83
|
color?: string | undefined;
|
75
84
|
size?: string | undefined;
|
85
|
+
isNumeric?: boolean | undefined;
|
76
86
|
} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").MediumProps & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
|
77
87
|
export declare const DsplM: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
78
88
|
size: {
|
@@ -83,11 +93,13 @@ export declare const DsplM: import("react").FunctionComponent<import("@salutejs/
|
|
83
93
|
breakWord?: boolean | undefined;
|
84
94
|
color?: string | undefined;
|
85
95
|
size?: string | undefined;
|
96
|
+
isNumeric?: boolean | undefined;
|
86
97
|
} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").BoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
|
87
98
|
noWrap?: boolean | undefined;
|
88
99
|
breakWord?: boolean | undefined;
|
89
100
|
color?: string | undefined;
|
90
101
|
size?: string | undefined;
|
102
|
+
isNumeric?: boolean | undefined;
|
91
103
|
} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").MediumProps & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
|
92
104
|
export declare const DsplL: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
93
105
|
size: {
|
@@ -98,11 +110,13 @@ export declare const DsplL: import("react").FunctionComponent<import("@salutejs/
|
|
98
110
|
breakWord?: boolean | undefined;
|
99
111
|
color?: string | undefined;
|
100
112
|
size?: string | undefined;
|
113
|
+
isNumeric?: boolean | undefined;
|
101
114
|
} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").BoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
|
102
115
|
noWrap?: boolean | undefined;
|
103
116
|
breakWord?: boolean | undefined;
|
104
117
|
color?: string | undefined;
|
105
118
|
size?: string | undefined;
|
119
|
+
isNumeric?: boolean | undefined;
|
106
120
|
} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").MediumProps & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
|
107
121
|
export declare const DsplS: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
108
122
|
size: {
|
@@ -113,11 +127,13 @@ export declare const DsplS: import("react").FunctionComponent<import("@salutejs/
|
|
113
127
|
breakWord?: boolean | undefined;
|
114
128
|
color?: string | undefined;
|
115
129
|
size?: string | undefined;
|
130
|
+
isNumeric?: boolean | undefined;
|
116
131
|
} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").BoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
|
117
132
|
noWrap?: boolean | undefined;
|
118
133
|
breakWord?: boolean | undefined;
|
119
134
|
color?: string | undefined;
|
120
135
|
size?: string | undefined;
|
136
|
+
isNumeric?: boolean | undefined;
|
121
137
|
} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").MediumProps & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
|
122
138
|
export declare const H1: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
123
139
|
size: {
|
@@ -128,11 +144,13 @@ export declare const H1: import("react").FunctionComponent<import("@salutejs/pla
|
|
128
144
|
breakWord?: boolean | undefined;
|
129
145
|
color?: string | undefined;
|
130
146
|
size?: string | undefined;
|
147
|
+
isNumeric?: boolean | undefined;
|
131
148
|
} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").BoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
|
132
149
|
noWrap?: boolean | undefined;
|
133
150
|
breakWord?: boolean | undefined;
|
134
151
|
color?: string | undefined;
|
135
152
|
size?: string | undefined;
|
153
|
+
isNumeric?: boolean | undefined;
|
136
154
|
} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").MediumProps & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
|
137
155
|
export declare const H2: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
138
156
|
size: {
|
@@ -143,11 +161,13 @@ export declare const H2: import("react").FunctionComponent<import("@salutejs/pla
|
|
143
161
|
breakWord?: boolean | undefined;
|
144
162
|
color?: string | undefined;
|
145
163
|
size?: string | undefined;
|
164
|
+
isNumeric?: boolean | undefined;
|
146
165
|
} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").BoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
|
147
166
|
noWrap?: boolean | undefined;
|
148
167
|
breakWord?: boolean | undefined;
|
149
168
|
color?: string | undefined;
|
150
169
|
size?: string | undefined;
|
170
|
+
isNumeric?: boolean | undefined;
|
151
171
|
} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").MediumProps & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
|
152
172
|
export declare const H3: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
153
173
|
size: {
|
@@ -158,11 +178,13 @@ export declare const H3: import("react").FunctionComponent<import("@salutejs/pla
|
|
158
178
|
breakWord?: boolean | undefined;
|
159
179
|
color?: string | undefined;
|
160
180
|
size?: string | undefined;
|
181
|
+
isNumeric?: boolean | undefined;
|
161
182
|
} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").BoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
|
162
183
|
noWrap?: boolean | undefined;
|
163
184
|
breakWord?: boolean | undefined;
|
164
185
|
color?: string | undefined;
|
165
186
|
size?: string | undefined;
|
187
|
+
isNumeric?: boolean | undefined;
|
166
188
|
} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").MediumProps & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
|
167
189
|
export declare const H4: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
168
190
|
size: {
|
@@ -173,11 +195,13 @@ export declare const H4: import("react").FunctionComponent<import("@salutejs/pla
|
|
173
195
|
breakWord?: boolean | undefined;
|
174
196
|
color?: string | undefined;
|
175
197
|
size?: string | undefined;
|
198
|
+
isNumeric?: boolean | undefined;
|
176
199
|
} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").BoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
|
177
200
|
noWrap?: boolean | undefined;
|
178
201
|
breakWord?: boolean | undefined;
|
179
202
|
color?: string | undefined;
|
180
203
|
size?: string | undefined;
|
204
|
+
isNumeric?: boolean | undefined;
|
181
205
|
} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").MediumProps & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
|
182
206
|
export declare const H5: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
183
207
|
size: {
|
@@ -188,11 +212,13 @@ export declare const H5: import("react").FunctionComponent<import("@salutejs/pla
|
|
188
212
|
breakWord?: boolean | undefined;
|
189
213
|
color?: string | undefined;
|
190
214
|
size?: string | undefined;
|
215
|
+
isNumeric?: boolean | undefined;
|
191
216
|
} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").BoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
|
192
217
|
noWrap?: boolean | undefined;
|
193
218
|
breakWord?: boolean | undefined;
|
194
219
|
color?: string | undefined;
|
195
220
|
size?: string | undefined;
|
221
|
+
isNumeric?: boolean | undefined;
|
196
222
|
} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").MediumProps & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
|
197
223
|
export declare const TextM: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
198
224
|
size: {
|
@@ -203,11 +229,13 @@ export declare const TextM: import("react").FunctionComponent<import("@salutejs/
|
|
203
229
|
breakWord?: boolean | undefined;
|
204
230
|
color?: string | undefined;
|
205
231
|
size?: string | undefined;
|
232
|
+
isNumeric?: boolean | undefined;
|
206
233
|
} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").BoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
|
207
234
|
noWrap?: boolean | undefined;
|
208
235
|
breakWord?: boolean | undefined;
|
209
236
|
color?: string | undefined;
|
210
237
|
size?: string | undefined;
|
238
|
+
isNumeric?: boolean | undefined;
|
211
239
|
} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").MediumProps & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
|
212
240
|
export declare const TextL: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
213
241
|
size: {
|
@@ -218,11 +246,13 @@ export declare const TextL: import("react").FunctionComponent<import("@salutejs/
|
|
218
246
|
breakWord?: boolean | undefined;
|
219
247
|
color?: string | undefined;
|
220
248
|
size?: string | undefined;
|
249
|
+
isNumeric?: boolean | undefined;
|
221
250
|
} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").BoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
|
222
251
|
noWrap?: boolean | undefined;
|
223
252
|
breakWord?: boolean | undefined;
|
224
253
|
color?: string | undefined;
|
225
254
|
size?: string | undefined;
|
255
|
+
isNumeric?: boolean | undefined;
|
226
256
|
} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").MediumProps & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
|
227
257
|
export declare const TextS: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
228
258
|
size: {
|
@@ -233,11 +263,13 @@ export declare const TextS: import("react").FunctionComponent<import("@salutejs/
|
|
233
263
|
breakWord?: boolean | undefined;
|
234
264
|
color?: string | undefined;
|
235
265
|
size?: string | undefined;
|
266
|
+
isNumeric?: boolean | undefined;
|
236
267
|
} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").BoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
|
237
268
|
noWrap?: boolean | undefined;
|
238
269
|
breakWord?: boolean | undefined;
|
239
270
|
color?: string | undefined;
|
240
271
|
size?: string | undefined;
|
272
|
+
isNumeric?: boolean | undefined;
|
241
273
|
} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").MediumProps & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
|
242
274
|
export declare const TextXS: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
243
275
|
size: {
|
@@ -248,9 +280,11 @@ export declare const TextXS: import("react").FunctionComponent<import("@salutejs
|
|
248
280
|
breakWord?: boolean | undefined;
|
249
281
|
color?: string | undefined;
|
250
282
|
size?: string | undefined;
|
283
|
+
isNumeric?: boolean | undefined;
|
251
284
|
} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").BoldProps & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
|
252
285
|
noWrap?: boolean | undefined;
|
253
286
|
breakWord?: boolean | undefined;
|
254
287
|
color?: string | undefined;
|
255
288
|
size?: string | undefined;
|
289
|
+
isNumeric?: boolean | undefined;
|
256
290
|
} & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").MediumProps & import("@salutejs/plasma-new-hope/styled-components").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
require('./Steps.
|
1
|
+
require('./Steps.config_1thzvf2.css');
|
2
2
|
'use strict';
|
3
3
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
@@ -10,15 +10,39 @@ var config = {
|
|
10
10
|
},
|
11
11
|
variations: {
|
12
12
|
view: {
|
13
|
-
"default": "d1eto8nh"
|
13
|
+
"default": "d1eto8nh",
|
14
|
+
accent: "as5t39y"
|
15
|
+
},
|
16
|
+
itemView: {
|
17
|
+
"default": "d1o9g49i",
|
18
|
+
negative: "nzx2zl9",
|
19
|
+
warning: "wcdn5ma",
|
20
|
+
positive: "pxho34d"
|
14
21
|
},
|
15
22
|
size: {
|
16
|
-
l: "
|
17
|
-
m: "
|
18
|
-
s: "
|
19
|
-
xs: "
|
23
|
+
l: "ly70uvz",
|
24
|
+
m: "m13abbyw",
|
25
|
+
s: "s3tayno",
|
26
|
+
xs: "xtb8tz4"
|
20
27
|
}
|
21
|
-
}
|
28
|
+
},
|
29
|
+
intersections: [{
|
30
|
+
view: 'accent',
|
31
|
+
itemView: 'default',
|
32
|
+
style: "sdmymci"
|
33
|
+
}, {
|
34
|
+
view: 'accent',
|
35
|
+
itemView: 'negative',
|
36
|
+
style: "szwvz3f"
|
37
|
+
}, {
|
38
|
+
view: 'accent',
|
39
|
+
itemView: 'warning',
|
40
|
+
style: "s1mgnpkk"
|
41
|
+
}, {
|
42
|
+
view: 'accent',
|
43
|
+
itemView: 'positive',
|
44
|
+
style: "s1o5165"
|
45
|
+
}]
|
22
46
|
};
|
23
47
|
|
24
48
|
exports.config = config;
|
@@ -1 +1 @@
|
|
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 ${tokens.focusColor}: var(--surface-accent);\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;KAwBV;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;;;;"}
|
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\nconst baseItemView = `\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 ${tokens.completedTitleColor}: var(--text-primary);\n ${tokens.completedTitleColorHover}: var(--text-primary-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 ${tokens.focusColor}: var(--surface-accent);\n\n ${tokens.disabledOpacity}: 0.4;\n`;\n\nconst accentConfig = `\n ${tokens.completedTitleColor}: var(--text-primary);\n ${tokens.completedTitleColorHover}: var(--text-primary-hover);\n \n ${tokens.completedIndicatorBackground}: var(--surface-accent);\n ${tokens.completedIndicatorBackgroundHover}: var(--surface-accent-hover);\n \n // Цвет контента внутри элемента Step\n ${tokens.completedIndicatorColor}: var(--on-dark-text-primary);\n ${tokens.completedIndicatorColorHover}: var(--on-dark-text-primary-hover);\n`;\n\nexport const config = {\n defaults: {\n size: 'm',\n view: 'default',\n },\n variations: {\n view: {\n default: css`\n ${tokens.dividerColor}: var(--surface-solid-default);\n `,\n accent: css`\n ${tokens.dividerColor}: var(--surface-accent);\n `,\n },\n itemView: {\n default: css`\n ${baseItemView};\n `,\n negative: css`\n ${baseItemView};\n\n ${tokens.activeTitleColor}: var(--surface-negative);\n ${tokens.activeTitleColorHover}: var(--surface-negative-hover);\n ${tokens.activeIndicatorBorder}: solid var(--surface-negative);\n ${tokens.activeIndicatorColor}: var(--text-negative);\n `,\n warning: css`\n ${baseItemView};\n\n ${tokens.activeTitleColor}: var(--surface-warning);\n ${tokens.activeTitleColorHover}: var(--surface-warning-hover);\n ${tokens.activeIndicatorBorder}: solid var(--surface-warning);\n ${tokens.activeIndicatorColor}: var(--text-warning);\n `,\n positive: css`\n ${baseItemView};\n\n ${tokens.activeTitleColor}: var(--surface-positive);\n ${tokens.activeTitleColorHover}: var(--surface-positive-hover);\n ${tokens.activeIndicatorBorder}: solid var(--surface-positive);\n ${tokens.activeIndicatorColor}: var(--text-positive);\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 intersections: [\n {\n view: 'accent',\n itemView: 'default',\n style: css`\n ${tokens.activeIndicatorBorder}: solid var(--text-accent);\n ${tokens.activeIndicatorColor}: var(--text-accent);\n\n ${accentConfig};\n `,\n },\n {\n view: 'accent',\n itemView: 'negative',\n style: css`\n ${accentConfig};\n `,\n },\n {\n view: 'accent',\n itemView: 'warning',\n style: css`\n ${accentConfig};\n `,\n },\n {\n view: 'accent',\n itemView: 'positive',\n style: css`\n ${accentConfig};\n `,\n },\n ],\n};\n"],"names":["config","defaults","size","view","variations","default","accent","itemView","negative","warning","positive","l","m","s","xs","intersections","style"],"mappings":";;;;AAyCO,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;AACFE,MAAAA,SAAAA,EAEC,UAAA;AACDC,MAAAA,MAAM,EAAA,SAAA;KAGT;AACDC,IAAAA,QAAQ,EAAE;AACNF,MAAAA,SAAAA,EAEC,UAAA;AACDG,MAAAA,QAAQ,EAOP,SAAA;AACDC,MAAAA,OAAO,EAON,SAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KAQX;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,CAAC,EA8CA,SAAA;AACDC,MAAAA,CAAC,EA8CA,UAAA;AACDC,MAAAA,CAAC,EA8CA,SAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;AA+CN,KAAA;GACH;AACDC,EAAAA,aAAa,EAAE,CACX;AACIZ,IAAAA,IAAI,EAAE,QAAQ;AACdI,IAAAA,QAAQ,EAAE,SAAS;AACnBS,IAAAA,KAAK,EAAA,SAAA;AAMT,GAAC,EACD;AACIb,IAAAA,IAAI,EAAE,QAAQ;AACdI,IAAAA,QAAQ,EAAE,UAAU;AACpBS,IAAAA,KAAK,EAAA,SAAA;AAGT,GAAC,EACD;AACIb,IAAAA,IAAI,EAAE,QAAQ;AACdI,IAAAA,QAAQ,EAAE,SAAS;AACnBS,IAAAA,KAAK,EAAA,UAAA;AAGT,GAAC,EACD;AACIb,IAAAA,IAAI,EAAE,QAAQ;AACdI,IAAAA,QAAQ,EAAE,UAAU;AACpBS,IAAAA,KAAK,EAAA,SAAA;GAGR,CAAA;AAET;;;;"}
|