@salutejs/plasma-web 1.572.0-canary.1872.14102929402.0 → 1.572.0-canary.1874.14105331277.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 +0 -12
- package/components/Steps/Steps.config.js +7 -33
- package/components/Steps/Steps.d.ts +0 -7
- package/css/cjs/components/Steps/Steps.config.js +7 -31
- package/css/cjs/components/Steps/Steps.config.js.map +1 -1
- package/css/cjs/components/Steps/{Steps.config_1thzvf2.css → Steps.config_4mdg8k.css} +5 -14
- package/css/cjs/components/Steps/Steps.css +5 -14
- package/css/cjs/index.css +5 -14
- package/css/es/components/Steps/Steps.config.js +7 -31
- package/css/es/components/Steps/Steps.config.js.map +1 -1
- package/css/es/components/Steps/{Steps.config_1thzvf2.css → Steps.config_4mdg8k.css} +5 -14
- package/css/es/components/Steps/Steps.css +5 -14
- package/css/es/index.css +5 -14
- package/es/components/Steps/Steps.config.js +7 -33
- package/package.json +9 -9
@@ -6,13 +6,6 @@ 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;
|
16
9
|
};
|
17
10
|
size: {
|
18
11
|
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
@@ -21,9 +14,4 @@ export declare const config: {
|
|
21
14
|
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
22
15
|
};
|
23
16
|
};
|
24
|
-
intersections: {
|
25
|
-
view: string;
|
26
|
-
itemView: string;
|
27
|
-
style: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
28
|
-
}[];
|
29
17
|
};
|
@@ -5,10 +5,8 @@ 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;
|
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(--text-primary);\n ").concat(_styledComponents.stepsTokens.completedIndicatorColorHover, ": var(--text-primary-hover);\n");
|
12
10
|
var config = exports.config = {
|
13
11
|
defaults: {
|
14
12
|
size: 'm',
|
@@ -16,37 +14,13 @@ var config = exports.config = {
|
|
16
14
|
},
|
17
15
|
variations: {
|
18
16
|
view: {
|
19
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-solid-default);\n "])), _styledComponents.stepsTokens.
|
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)
|
17
|
+
"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 ", ": var(--surface-accent);\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.focusColor, _styledComponents.stepsTokens.disabledOpacity)
|
27
18
|
},
|
28
19
|
size: {
|
29
|
-
l: /*#__PURE__*/(0, _styledComponents.css)(
|
30
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(
|
31
|
-
s: /*#__PURE__*/(0, _styledComponents.css)(
|
32
|
-
xs: /*#__PURE__*/(0, _styledComponents.css)(
|
20
|
+
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),
|
21
|
+
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),
|
22
|
+
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),
|
23
|
+
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)
|
33
24
|
}
|
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
|
-
}]
|
25
|
+
}
|
52
26
|
};
|
@@ -2,13 +2,6 @@
|
|
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;
|
12
5
|
};
|
13
6
|
size: {
|
14
7
|
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
require('./Steps.
|
1
|
+
require('./Steps.config_4mdg8k.css');
|
2
2
|
'use strict';
|
3
3
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
@@ -10,39 +10,15 @@ var config = {
|
|
10
10
|
},
|
11
11
|
variations: {
|
12
12
|
view: {
|
13
|
-
"default": "d1eto8nh"
|
14
|
-
accent: "as5t39y"
|
15
|
-
},
|
16
|
-
itemView: {
|
17
|
-
"default": "d1o9g49i",
|
18
|
-
negative: "nzx2zl9",
|
19
|
-
warning: "wcdn5ma",
|
20
|
-
positive: "pxho34d"
|
13
|
+
"default": "d1eto8nh"
|
21
14
|
},
|
22
15
|
size: {
|
23
|
-
l: "
|
24
|
-
m: "
|
25
|
-
s: "
|
26
|
-
xs: "
|
16
|
+
l: "ls5t39y",
|
17
|
+
m: "m1o9g49i",
|
18
|
+
s: "szx2zl9",
|
19
|
+
xs: "xcdn5ma"
|
27
20
|
}
|
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
|
-
}]
|
21
|
+
}
|
46
22
|
};
|
47
23
|
|
48
24
|
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\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(--text-primary);\n ${tokens.completedIndicatorColorHover}: var(--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;;;;"}
|
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,14 +1,5 @@
|
|
1
|
-
.d1eto8nh{--plasma-step-item-
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
5
|
-
.
|
6
|
-
.pxho34d{--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-completed-title-color:var(--text-primary);--plasma-step-item-completed-title-color-hover:var(--text-primary-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-focus-color:var(--surface-accent);--plasma-step-item-disabled-opacity:0.4;--plasma-step-item-active-title-color:var(--surface-positive);--plasma-step-item-active-title-color-hover:var(--surface-positive-hover);--plasma-step-item-active-indicator-border:solid var(--surface-positive);--plasma-step-item-active-indicator-color:var(--text-positive);}
|
7
|
-
.ly70uvz{--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;}
|
8
|
-
.m13abbyw{--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;}
|
9
|
-
.s3tayno{--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;}
|
10
|
-
.xtb8tz4{--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;}
|
11
|
-
.sdmymci{--plasma-step-item-active-indicator-border:solid var(--text-accent);--plasma-step-item-active-indicator-color:var(--text-accent);--plasma-step-item-completed-title-color:var(--text-primary);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover);--plasma-step-item-completed-indicator-background:var(--surface-accent);--plasma-step-item-completed-indicator-background-hover:var(--surface-accent-hover);}
|
12
|
-
.szwvz3f{--plasma-step-item-completed-title-color:var(--text-primary);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover);--plasma-step-item-completed-indicator-background:var(--surface-accent);--plasma-step-item-completed-indicator-background-hover:var(--surface-accent-hover);}
|
13
|
-
.s1mgnpkk{--plasma-step-item-completed-title-color:var(--text-primary);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover);--plasma-step-item-completed-indicator-background:var(--surface-accent);--plasma-step-item-completed-indicator-background-hover:var(--surface-accent-hover);}
|
14
|
-
.s1o5165{--plasma-step-item-completed-title-color:var(--text-primary);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover);--plasma-step-item-completed-indicator-background:var(--surface-accent);--plasma-step-item-completed-indicator-background-hover:var(--surface-accent-hover);}
|
1
|
+
.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-focus-color:var(--surface-accent);--plasma-step-item-disabled-opacity:0.4;}
|
2
|
+
.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;}
|
3
|
+
.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;}
|
4
|
+
.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;}
|
5
|
+
.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;}
|
@@ -1,14 +1,5 @@
|
|
1
|
-
.
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
5
|
-
.
|
6
|
-
.Steps_config_1thzvf2_pxho34d__4fada310{--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-completed-title-color:var(--text-primary);--plasma-step-item-completed-title-color-hover:var(--text-primary-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-focus-color:var(--surface-accent);--plasma-step-item-disabled-opacity:0.4;--plasma-step-item-active-title-color:var(--surface-positive);--plasma-step-item-active-title-color-hover:var(--surface-positive-hover);--plasma-step-item-active-indicator-border:solid var(--surface-positive);--plasma-step-item-active-indicator-color:var(--text-positive);}
|
7
|
-
.Steps_config_1thzvf2_ly70uvz__4fada310{--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;}
|
8
|
-
.Steps_config_1thzvf2_m13abbyw__4fada310{--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;}
|
9
|
-
.Steps_config_1thzvf2_s3tayno__4fada310{--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;}
|
10
|
-
.Steps_config_1thzvf2_xtb8tz4__4fada310{--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;}
|
11
|
-
.Steps_config_1thzvf2_sdmymci__4fada310{--plasma-step-item-active-indicator-border:solid var(--text-accent);--plasma-step-item-active-indicator-color:var(--text-accent);--plasma-step-item-completed-title-color:var(--text-primary);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover);--plasma-step-item-completed-indicator-background:var(--surface-accent);--plasma-step-item-completed-indicator-background-hover:var(--surface-accent-hover);}
|
12
|
-
.Steps_config_1thzvf2_szwvz3f__4fada310{--plasma-step-item-completed-title-color:var(--text-primary);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover);--plasma-step-item-completed-indicator-background:var(--surface-accent);--plasma-step-item-completed-indicator-background-hover:var(--surface-accent-hover);}
|
13
|
-
.Steps_config_1thzvf2_s1mgnpkk__4fada310{--plasma-step-item-completed-title-color:var(--text-primary);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover);--plasma-step-item-completed-indicator-background:var(--surface-accent);--plasma-step-item-completed-indicator-background-hover:var(--surface-accent-hover);}
|
14
|
-
.Steps_config_1thzvf2_s1o5165__4fada310{--plasma-step-item-completed-title-color:var(--text-primary);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover);--plasma-step-item-completed-indicator-background:var(--surface-accent);--plasma-step-item-completed-indicator-background-hover:var(--surface-accent-hover);}
|
1
|
+
.Steps_config_4mdg8k_d1eto8nh__6030fd96{--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-focus-color:var(--surface-accent);--plasma-step-item-disabled-opacity:0.4;}
|
2
|
+
.Steps_config_4mdg8k_ls5t39y__6030fd96{--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;}
|
3
|
+
.Steps_config_4mdg8k_m1o9g49i__6030fd96{--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;}
|
4
|
+
.Steps_config_4mdg8k_szx2zl9__6030fd96{--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;}
|
5
|
+
.Steps_config_4mdg8k_xcdn5ma__6030fd96{--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;}
|