@salutejs/plasma-web 1.411.0-dev.0 → 1.412.0-canary.1443.11131308290.0
Sign up to get free protection for your applications and to get access to all the features.
- package/api/plasma-web.api.md +14 -0
- package/components/Steps/Steps.config.d.ts +14 -0
- package/components/Steps/Steps.config.js +23 -0
- package/components/Steps/Steps.d.ts +9 -0
- package/components/Steps/Steps.js +13 -0
- package/components/Steps/index.d.ts +2 -0
- package/components/Steps/index.js +12 -0
- package/css/cjs/components/Steps/Steps.config.js +22 -0
- package/css/cjs/components/Steps/Steps.config.js.map +1 -0
- package/css/cjs/components/Steps/Steps.config_35yry.css +2 -0
- package/css/cjs/components/Steps/Steps.css +2 -0
- package/css/cjs/components/Steps/Steps.js +15 -0
- package/css/cjs/components/Steps/Steps.js.map +1 -0
- package/css/cjs/index.css +3 -0
- package/css/cjs/index.js +2 -0
- package/css/cjs/index.js.map +1 -1
- package/css/es/components/Steps/Steps.config.js +18 -0
- package/css/es/components/Steps/Steps.config.js.map +1 -0
- package/css/es/components/Steps/Steps.config_35yry.css +2 -0
- package/css/es/components/Steps/Steps.css +2 -0
- package/css/es/components/Steps/Steps.js +11 -0
- package/css/es/components/Steps/Steps.js.map +1 -0
- package/css/es/index.css +3 -0
- package/css/es/index.js +1 -0
- package/css/es/index.js.map +1 -1
- package/css/index.d.ts +2 -0
- package/es/components/Steps/Steps.config.js +17 -0
- package/es/components/Steps/Steps.js +8 -0
- package/es/components/Steps/index.js +1 -0
- package/es/index.js +1 -0
- package/index.d.ts +1 -0
- package/index.js +11 -0
- package/package.json +3 -3
- package/temp/plasma-web.api.md +3560 -0
package/api/plasma-web.api.md
CHANGED
@@ -146,6 +146,7 @@ import { gridGutters } from '@salutejs/plasma-hope';
|
|
146
146
|
import { gridMargins } from '@salutejs/plasma-hope';
|
147
147
|
import { gridSizes } from '@salutejs/plasma-hope';
|
148
148
|
import { HTMLAttributes } from 'react';
|
149
|
+
import { HTMLAttributesWithoutOnChange } from '@salutejs/plasma-new-hope/types/engines/types';
|
149
150
|
import { ImageProps } from '@salutejs/plasma-new-hope/styled-components';
|
150
151
|
import { ImgHTMLAttributes } from 'react';
|
151
152
|
import { IndicatorProps } from '@salutejs/plasma-new-hope/styled-components';
|
@@ -261,6 +262,7 @@ import { SpinnerProps } from '@salutejs/plasma-core';
|
|
261
262
|
import { SSRProvider } from '@salutejs/plasma-new-hope/styled-components';
|
262
263
|
import { StatusLabels } from '@salutejs/plasma-new-hope/types/components/Avatar/Avatar.types';
|
263
264
|
import { StatusType } from '@salutejs/plasma-hope';
|
265
|
+
import { StepsProps } from '@salutejs/plasma-new-hope/styled-components';
|
264
266
|
import { StyledCard } from '@salutejs/plasma-hope';
|
265
267
|
import { StyledComponent } from 'styled-components';
|
266
268
|
import { StyledPreviewGallery } from '@salutejs/plasma-hope';
|
@@ -3212,6 +3214,18 @@ export { SSRProvider }
|
|
3212
3214
|
|
3213
3215
|
export { StatusType }
|
3214
3216
|
|
3217
|
+
// @public (undocumented)
|
3218
|
+
export const Steps: FunctionComponent<PropsType< {
|
3219
|
+
view: {
|
3220
|
+
default: PolymorphicClassName;
|
3221
|
+
};
|
3222
|
+
size: {
|
3223
|
+
s: PolymorphicClassName;
|
3224
|
+
};
|
3225
|
+
}> & (HTMLAttributes<HTMLElement> | HTMLAttributesWithoutOnChange<HTMLElement>)>;
|
3226
|
+
|
3227
|
+
export { StepsProps }
|
3228
|
+
|
3215
3229
|
export { StyledCard }
|
3216
3230
|
|
3217
3231
|
export { StyledPreviewGallery }
|
@@ -0,0 +1,14 @@
|
|
1
|
+
export declare const config: {
|
2
|
+
defaults: {
|
3
|
+
size: string;
|
4
|
+
view: string;
|
5
|
+
};
|
6
|
+
variations: {
|
7
|
+
view: {
|
8
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
9
|
+
};
|
10
|
+
size: {
|
11
|
+
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
12
|
+
};
|
13
|
+
};
|
14
|
+
};
|
@@ -0,0 +1,23 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.config = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
|
8
|
+
var _templateObject, _templateObject2;
|
9
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
10
|
+
var config = exports.config = {
|
11
|
+
defaults: {
|
12
|
+
size: 's',
|
13
|
+
view: 'default'
|
14
|
+
},
|
15
|
+
variations: {
|
16
|
+
view: {
|
17
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": var(--text-accent);\n ", ": solid var(--text-accent);\n ", ": var(--text-positive);\n ", ": var(--surface-clear);\n\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-primary-hover);\n ", ": var(--surface-accent);\n ", ": var(--surface-accent-hover);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--text-primary-hover);\n ", ": var(--outline-solid-primary);\n ", ": var(--outline-solid-primary-hover);\n\n ", ": var(--text-secondary);\n\n ", ": 0.4;\n "])), _styledComponents.stepsTokens.activeTitleColor, _styledComponents.stepsTokens.activeTitleColorHover, _styledComponents.stepsTokens.activeIndicatorBorder, _styledComponents.stepsTokens.activeIndicatorColor, _styledComponents.stepsTokens.activeIndicatorBackground, _styledComponents.stepsTokens.completedIndicatorColor, _styledComponents.stepsTokens.completedIndicatorColorHover, _styledComponents.stepsTokens.completedIndicatorBackground, _styledComponents.stepsTokens.completedIndicatorBackgroundHover, _styledComponents.stepsTokens.inactiveTitleColor, _styledComponents.stepsTokens.inactiveTitleColorHover, _styledComponents.stepsTokens.inactiveIndicatorColor, _styledComponents.stepsTokens.inactiveIndicatorColorHover, _styledComponents.stepsTokens.inactiveIndicatorBackground, _styledComponents.stepsTokens.inactiveIndicatorBackgroundHover, _styledComponents.stepsTokens.contentColor, _styledComponents.stepsTokens.disabledOpacity)
|
18
|
+
},
|
19
|
+
size: {
|
20
|
+
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__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.5rem;\n ", ": 1rem;\n\n ", ": 0.5rem;\n ", ": 0.5rem;\n ", ": 1rem;\n ", ": 0.75rem;\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-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)
|
21
|
+
}
|
22
|
+
}
|
23
|
+
};
|
@@ -0,0 +1,9 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare const Steps: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
3
|
+
view: {
|
4
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
5
|
+
};
|
6
|
+
size: {
|
7
|
+
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
8
|
+
};
|
9
|
+
}> & (import("react").HTMLAttributes<HTMLElement> | import("@salutejs/plasma-new-hope/types/engines/types").HTMLAttributesWithoutOnChange<HTMLElement>)>;
|
@@ -0,0 +1,13 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.Steps = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
|
8
|
+
var _Steps = /*#__PURE__*/require("./Steps.config");
|
9
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
10
|
+
// @ts-ignore 123
|
11
|
+
var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.stepsConfig, _Steps.config);
|
12
|
+
var StepsComponent = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
|
13
|
+
var Steps = exports.Steps = StepsComponent;
|
@@ -0,0 +1,22 @@
|
|
1
|
+
import './Steps.config_35yry.css';
|
2
|
+
'use strict';
|
3
|
+
|
4
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
5
|
+
|
6
|
+
var config = {
|
7
|
+
defaults: {
|
8
|
+
size: 's',
|
9
|
+
view: 'default'
|
10
|
+
},
|
11
|
+
variations: {
|
12
|
+
view: {
|
13
|
+
"default": "d1eto8nh"
|
14
|
+
},
|
15
|
+
size: {
|
16
|
+
s: "ss5t39y"
|
17
|
+
}
|
18
|
+
}
|
19
|
+
};
|
20
|
+
|
21
|
+
exports.config = config;
|
22
|
+
//# sourceMappingURL=Steps.config.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Steps.config.js","sources":["../../../../src-css/components/Steps/Steps.config.ts"],"sourcesContent":["import { css, stepsTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n size: 's',\n view: 'default',\n },\n variations: {\n view: {\n default: css`\n ${tokens.activeTitleColor}: var(--text-accent);\n ${tokens.activeTitleColorHover}: var(--text-accent);\n ${tokens.activeIndicatorBorder}: solid var(--text-accent);\n ${tokens.activeIndicatorColor}: var(--text-positive);\n ${tokens.activeIndicatorBackground}: var(--surface-clear);\n\n ${tokens.completedIndicatorColor}: var(--inverse-text-primary);\n ${tokens.completedIndicatorColorHover}: var(--inverse-text-primary-hover);\n ${tokens.completedIndicatorBackground}: var(--surface-accent);\n ${tokens.completedIndicatorBackgroundHover}: var(--surface-accent-hover);\n\n ${tokens.inactiveTitleColor}: var(--text-secondary);\n ${tokens.inactiveTitleColorHover}: var(--text-secondary-hover);\n ${tokens.inactiveIndicatorColor}: var(--text-primary);\n ${tokens.inactiveIndicatorColorHover}: var(--text-primary-hover);\n ${tokens.inactiveIndicatorBackground}: var(--outline-solid-primary);\n ${tokens.inactiveIndicatorBackgroundHover}: var(--outline-solid-primary-hover);\n\n ${tokens.contentColor}: var(--text-secondary);\n\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n size: {\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.25rem;\n ${tokens.contentSidePadding}: 1.5rem;\n ${tokens.contentVerticalPadding}: 0.5rem;\n ${tokens.verticalContentPaddingLeft}: 1rem;\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-s-font-family);\n ${tokens.indicatorFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.indicatorFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.indicatorFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.indicatorLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.indicatorLineHeight}: var(--plasma-typo-body-s-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 },\n },\n};\n"],"names":["config","defaults","size","view","variations","default","s"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,IAAI,EAAE,SAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;MACFE,SAAO,EAAA,UAAA;KAuBV;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EAAA,SAAA;AA+CL,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -0,0 +1,2 @@
|
|
1
|
+
.d1eto8nh{--plasma-step-item-active-title-color:var(--text-accent);--plasma-step-item-active-title-color-hover:var(--text-accent);--plasma-step-item-active-indicator-border:solid var(--text-accent);--plasma-step-item-active-indicator-color:var(--text-positive);--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-hover);--plasma-step-item-completed-indicator-background:var(--surface-accent);--plasma-step-item-completed-indicator-background-hover:var(--surface-accent-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-primary);--plasma-step-item-inactive-indicator-color-hover:var(--text-primary-hover);--plasma-step-item-inactive-indicator-background:var(--outline-solid-primary);--plasma-step-item-inactive-indicator-background-hover:var(--outline-solid-primary-hover);--plasma-step-item-content-color:var(--text-secondary);--plasma-step-item-disabled-opacity:0.4;}
|
2
|
+
.ss5t39y{--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.5rem;--plasma-step-item-vertical-content-padding-left:1rem;--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-s-font-family);--plasma-step-item-indicator-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-indicator-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-indicator-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-indicator-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-indicator-line-height:var(--plasma-typo-body-s-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;}
|
@@ -0,0 +1,2 @@
|
|
1
|
+
.Steps_config_35yry_d1eto8nh__16eae42d{--plasma-step-item-active-title-color:var(--text-accent);--plasma-step-item-active-title-color-hover:var(--text-accent);--plasma-step-item-active-indicator-border:solid var(--text-accent);--plasma-step-item-active-indicator-color:var(--text-positive);--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-hover);--plasma-step-item-completed-indicator-background:var(--surface-accent);--plasma-step-item-completed-indicator-background-hover:var(--surface-accent-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-primary);--plasma-step-item-inactive-indicator-color-hover:var(--text-primary-hover);--plasma-step-item-inactive-indicator-background:var(--outline-solid-primary);--plasma-step-item-inactive-indicator-background-hover:var(--outline-solid-primary-hover);--plasma-step-item-content-color:var(--text-secondary);--plasma-step-item-disabled-opacity:0.4;}
|
2
|
+
.Steps_config_35yry_ss5t39y__16eae42d{--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.5rem;--plasma-step-item-vertical-content-padding-left:1rem;--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-s-font-family);--plasma-step-item-indicator-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-indicator-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-indicator-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-indicator-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-indicator-line-height:var(--plasma-typo-body-s-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;}
|
@@ -0,0 +1,15 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
+
|
5
|
+
var plasmaNewHope = require('@salutejs/plasma-new-hope');
|
6
|
+
var Steps_config = require('./Steps.config.js');
|
7
|
+
|
8
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
9
|
+
// @ts-ignore 123
|
10
|
+
var mergedConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.stepsConfig, Steps_config.config);
|
11
|
+
var StepsComponent = /*#__PURE__*/plasmaNewHope.component(mergedConfig);
|
12
|
+
var Steps = StepsComponent;
|
13
|
+
|
14
|
+
exports.Steps = Steps;
|
15
|
+
//# sourceMappingURL=Steps.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Steps.js","sources":["../../../../src-css/components/Steps/Steps.ts"],"sourcesContent":["import { stepsConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Steps.config';\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore 123\nconst mergedConfig = mergeConfig(stepsConfig, config);\nconst StepsComponent = component(mergedConfig);\n\nexport const Steps = StepsComponent;\n"],"names":["mergedConfig","mergeConfig","stepsConfig","config","StepsComponent","component","Steps"],"mappings":";;;;;;;AAIA;AACA;AACA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,yBAAW,EAAEC,mBAAM,CAAC,CAAA;AACrD,IAAMC,cAAc,gBAAGC,uBAAS,CAACL,YAAY,CAAC,CAAA;AAEvC,IAAMM,KAAK,GAAGF;;;;"}
|
package/css/cjs/index.css
CHANGED
@@ -451,6 +451,9 @@
|
|
451
451
|
.Spinner_config_kv9h01_wewxek2__ac938a23{--plasma-spinner-color:var(--text-warning);}
|
452
452
|
.Spinner_config_kv9h01_n1qiprti__ac938a23{--plasma-spinner-color:var(--text-negative);}
|
453
453
|
|
454
|
+
.Steps_config_35yry_d1eto8nh__16eae42d{--plasma-step-item-active-title-color:var(--text-accent);--plasma-step-item-active-title-color-hover:var(--text-accent);--plasma-step-item-active-indicator-border:solid var(--text-accent);--plasma-step-item-active-indicator-color:var(--text-positive);--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-hover);--plasma-step-item-completed-indicator-background:var(--surface-accent);--plasma-step-item-completed-indicator-background-hover:var(--surface-accent-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-primary);--plasma-step-item-inactive-indicator-color-hover:var(--text-primary-hover);--plasma-step-item-inactive-indicator-background:var(--outline-solid-primary);--plasma-step-item-inactive-indicator-background-hover:var(--outline-solid-primary-hover);--plasma-step-item-content-color:var(--text-secondary);--plasma-step-item-disabled-opacity:0.4;}
|
455
|
+
.Steps_config_35yry_ss5t39y__16eae42d{--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.5rem;--plasma-step-item-vertical-content-padding-left:1rem;--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-s-font-family);--plasma-step-item-indicator-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-indicator-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-indicator-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-indicator-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-indicator-line-height:var(--plasma-typo-body-s-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;}
|
456
|
+
|
454
457
|
.Switch_config_ngx5fc_mx2gvdq__c71f94a5{--plasma-switch-font-family:var(--plasma-typo-body1-font-family);--plasma-switch-font-style:var(--plasma-typo-body1-font-style);--plasma-switch-font-weight:var(--plasma-typo-body1-font-weight);--plasma-switch-font-weight:var(--plasma-typo-body1-font-weight);--plasma-switch-line-height:var(--plasma-typo-body1-line-height);--plasma-switch-font-size:var(--plasma-typo-body1-font-size);--plasma-switch-letter-spacing:var(--plasma-typo-body1-letter-spacing);--plasma-switch__track-width:2.75rem;--plasma-switch__track-height:1.75rem;--plasma-switch__track-border-radius:calc(var(--plasma-switch__track-height) / 2);--plasma-switch__thumb-size:1.5rem;--plasma-switch__thumb-border-radius:calc(var(--plasma-switch__thumb-size) / 2);--plasma-switch__thumb-offset:0.125rem;--plasma-switch__thumb-scale:1.25;--plasma-switch__label-offset:0.75rem;}
|
455
458
|
.Switch_config_ngx5fc_d14e2x67__c71f94a5{--plasma-switch__track_checked_true-bg-color:var(--surface-accent);--plasma-switch__track_checked_true_hovered_true-bg-color:var(--surface-accent-hover);--plasma-switch__track_checked_false-bg-color:var(--surface-transparent-tertiary);--plasma-switch__track_checked_false_hovered_true-bg-color:var(--surface-transparent-tertiary-hover);--plasma-switch__thumb-bg-color:var(--on-dark-surface-solid-default);--plasma-switch__thumb-box-shadow:0 1px 1px rgba(0,0,0,0.11);}
|
456
459
|
.Switch_config_ngx5fc_t6qjy60__c71f94a5{--plasma-switch-disabled-opacity:0.4;}
|
package/css/cjs/index.js
CHANGED
@@ -51,6 +51,7 @@ var Sheet = require('./components/Sheet/Sheet.js');
|
|
51
51
|
var Skeleton = require('./components/Skeleton/Skeleton.js');
|
52
52
|
var Slider = require('./components/Slider/Slider.js');
|
53
53
|
var Spinner = require('./components/Spinner/Spinner.js');
|
54
|
+
var Steps = require('./components/Steps/Steps.js');
|
54
55
|
var Switch = require('./components/Switch/Switch.js');
|
55
56
|
var TabsController = require('./components/Tabs/TabsController.js');
|
56
57
|
var Tabs = require('./components/Tabs/Tabs.js');
|
@@ -268,6 +269,7 @@ exports.LineSkeleton = Skeleton.LineSkeleton;
|
|
268
269
|
exports.TextSkeleton = Skeleton.TextSkeleton;
|
269
270
|
exports.Slider = Slider.Slider;
|
270
271
|
exports.Spinner = Spinner.Spinner;
|
272
|
+
exports.Steps = Steps.Steps;
|
271
273
|
exports.Switch = Switch.Switch;
|
272
274
|
exports.TabsController = TabsController.TabsController;
|
273
275
|
exports.Tabs = Tabs.Tabs;
|
package/css/cjs/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import './Steps.config_35yry.css';
|
2
|
+
var config = {
|
3
|
+
defaults: {
|
4
|
+
size: 's',
|
5
|
+
view: 'default'
|
6
|
+
},
|
7
|
+
variations: {
|
8
|
+
view: {
|
9
|
+
"default": "d1eto8nh"
|
10
|
+
},
|
11
|
+
size: {
|
12
|
+
s: "ss5t39y"
|
13
|
+
}
|
14
|
+
}
|
15
|
+
};
|
16
|
+
|
17
|
+
export { config };
|
18
|
+
//# sourceMappingURL=Steps.config.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Steps.config.js","sources":["../../../../src-css/components/Steps/Steps.config.ts"],"sourcesContent":["import { css, stepsTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n size: 's',\n view: 'default',\n },\n variations: {\n view: {\n default: css`\n ${tokens.activeTitleColor}: var(--text-accent);\n ${tokens.activeTitleColorHover}: var(--text-accent);\n ${tokens.activeIndicatorBorder}: solid var(--text-accent);\n ${tokens.activeIndicatorColor}: var(--text-positive);\n ${tokens.activeIndicatorBackground}: var(--surface-clear);\n\n ${tokens.completedIndicatorColor}: var(--inverse-text-primary);\n ${tokens.completedIndicatorColorHover}: var(--inverse-text-primary-hover);\n ${tokens.completedIndicatorBackground}: var(--surface-accent);\n ${tokens.completedIndicatorBackgroundHover}: var(--surface-accent-hover);\n\n ${tokens.inactiveTitleColor}: var(--text-secondary);\n ${tokens.inactiveTitleColorHover}: var(--text-secondary-hover);\n ${tokens.inactiveIndicatorColor}: var(--text-primary);\n ${tokens.inactiveIndicatorColorHover}: var(--text-primary-hover);\n ${tokens.inactiveIndicatorBackground}: var(--outline-solid-primary);\n ${tokens.inactiveIndicatorBackgroundHover}: var(--outline-solid-primary-hover);\n\n ${tokens.contentColor}: var(--text-secondary);\n\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n size: {\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.25rem;\n ${tokens.contentSidePadding}: 1.5rem;\n ${tokens.contentVerticalPadding}: 0.5rem;\n ${tokens.verticalContentPaddingLeft}: 1rem;\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-s-font-family);\n ${tokens.indicatorFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.indicatorFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.indicatorFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.indicatorLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.indicatorLineHeight}: var(--plasma-typo-body-s-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 },\n },\n};\n"],"names":["config","defaults","size","view","variations","default","s"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,IAAI,EAAE,SAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;MACFE,SAAO,EAAA,UAAA;KAuBV;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EAAA,SAAA;AA+CL,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -0,0 +1,2 @@
|
|
1
|
+
.d1eto8nh{--plasma-step-item-active-title-color:var(--text-accent);--plasma-step-item-active-title-color-hover:var(--text-accent);--plasma-step-item-active-indicator-border:solid var(--text-accent);--plasma-step-item-active-indicator-color:var(--text-positive);--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-hover);--plasma-step-item-completed-indicator-background:var(--surface-accent);--plasma-step-item-completed-indicator-background-hover:var(--surface-accent-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-primary);--plasma-step-item-inactive-indicator-color-hover:var(--text-primary-hover);--plasma-step-item-inactive-indicator-background:var(--outline-solid-primary);--plasma-step-item-inactive-indicator-background-hover:var(--outline-solid-primary-hover);--plasma-step-item-content-color:var(--text-secondary);--plasma-step-item-disabled-opacity:0.4;}
|
2
|
+
.ss5t39y{--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.5rem;--plasma-step-item-vertical-content-padding-left:1rem;--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-s-font-family);--plasma-step-item-indicator-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-indicator-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-indicator-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-indicator-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-indicator-line-height:var(--plasma-typo-body-s-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;}
|
@@ -0,0 +1,2 @@
|
|
1
|
+
.Steps_config_35yry_d1eto8nh__16eae42d{--plasma-step-item-active-title-color:var(--text-accent);--plasma-step-item-active-title-color-hover:var(--text-accent);--plasma-step-item-active-indicator-border:solid var(--text-accent);--plasma-step-item-active-indicator-color:var(--text-positive);--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-hover);--plasma-step-item-completed-indicator-background:var(--surface-accent);--plasma-step-item-completed-indicator-background-hover:var(--surface-accent-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-primary);--plasma-step-item-inactive-indicator-color-hover:var(--text-primary-hover);--plasma-step-item-inactive-indicator-background:var(--outline-solid-primary);--plasma-step-item-inactive-indicator-background-hover:var(--outline-solid-primary-hover);--plasma-step-item-content-color:var(--text-secondary);--plasma-step-item-disabled-opacity:0.4;}
|
2
|
+
.Steps_config_35yry_ss5t39y__16eae42d{--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.5rem;--plasma-step-item-vertical-content-padding-left:1rem;--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-s-font-family);--plasma-step-item-indicator-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-indicator-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-indicator-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-indicator-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-indicator-line-height:var(--plasma-typo-body-s-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;}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import { component, mergeConfig, stepsConfig } from '@salutejs/plasma-new-hope';
|
2
|
+
import { config } from './Steps.config.js';
|
3
|
+
|
4
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
5
|
+
// @ts-ignore 123
|
6
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(stepsConfig, config);
|
7
|
+
var StepsComponent = /*#__PURE__*/component(mergedConfig);
|
8
|
+
var Steps = StepsComponent;
|
9
|
+
|
10
|
+
export { Steps };
|
11
|
+
//# sourceMappingURL=Steps.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Steps.js","sources":["../../../../src-css/components/Steps/Steps.ts"],"sourcesContent":["import { stepsConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Steps.config';\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore 123\nconst mergedConfig = mergeConfig(stepsConfig, config);\nconst StepsComponent = component(mergedConfig);\n\nexport const Steps = StepsComponent;\n"],"names":["mergedConfig","mergeConfig","stepsConfig","config","StepsComponent","component","Steps"],"mappings":";;;AAIA;AACA;AACA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,WAAW,EAAEC,MAAM,CAAC,CAAA;AACrD,IAAMC,cAAc,gBAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;AAEvC,IAAMM,KAAK,GAAGF;;;;"}
|
package/css/es/index.css
CHANGED
@@ -451,6 +451,9 @@
|
|
451
451
|
.Spinner_config_kv9h01_wewxek2__ac938a23{--plasma-spinner-color:var(--text-warning);}
|
452
452
|
.Spinner_config_kv9h01_n1qiprti__ac938a23{--plasma-spinner-color:var(--text-negative);}
|
453
453
|
|
454
|
+
.Steps_config_35yry_d1eto8nh__16eae42d{--plasma-step-item-active-title-color:var(--text-accent);--plasma-step-item-active-title-color-hover:var(--text-accent);--plasma-step-item-active-indicator-border:solid var(--text-accent);--plasma-step-item-active-indicator-color:var(--text-positive);--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-hover);--plasma-step-item-completed-indicator-background:var(--surface-accent);--plasma-step-item-completed-indicator-background-hover:var(--surface-accent-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-primary);--plasma-step-item-inactive-indicator-color-hover:var(--text-primary-hover);--plasma-step-item-inactive-indicator-background:var(--outline-solid-primary);--plasma-step-item-inactive-indicator-background-hover:var(--outline-solid-primary-hover);--plasma-step-item-content-color:var(--text-secondary);--plasma-step-item-disabled-opacity:0.4;}
|
455
|
+
.Steps_config_35yry_ss5t39y__16eae42d{--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.5rem;--plasma-step-item-vertical-content-padding-left:1rem;--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-s-font-family);--plasma-step-item-indicator-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-indicator-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-indicator-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-indicator-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-indicator-line-height:var(--plasma-typo-body-s-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;}
|
456
|
+
|
454
457
|
.Switch_config_ngx5fc_mx2gvdq__c71f94a5{--plasma-switch-font-family:var(--plasma-typo-body1-font-family);--plasma-switch-font-style:var(--plasma-typo-body1-font-style);--plasma-switch-font-weight:var(--plasma-typo-body1-font-weight);--plasma-switch-font-weight:var(--plasma-typo-body1-font-weight);--plasma-switch-line-height:var(--plasma-typo-body1-line-height);--plasma-switch-font-size:var(--plasma-typo-body1-font-size);--plasma-switch-letter-spacing:var(--plasma-typo-body1-letter-spacing);--plasma-switch__track-width:2.75rem;--plasma-switch__track-height:1.75rem;--plasma-switch__track-border-radius:calc(var(--plasma-switch__track-height) / 2);--plasma-switch__thumb-size:1.5rem;--plasma-switch__thumb-border-radius:calc(var(--plasma-switch__thumb-size) / 2);--plasma-switch__thumb-offset:0.125rem;--plasma-switch__thumb-scale:1.25;--plasma-switch__label-offset:0.75rem;}
|
455
458
|
.Switch_config_ngx5fc_d14e2x67__c71f94a5{--plasma-switch__track_checked_true-bg-color:var(--surface-accent);--plasma-switch__track_checked_true_hovered_true-bg-color:var(--surface-accent-hover);--plasma-switch__track_checked_false-bg-color:var(--surface-transparent-tertiary);--plasma-switch__track_checked_false_hovered_true-bg-color:var(--surface-transparent-tertiary-hover);--plasma-switch__thumb-bg-color:var(--on-dark-surface-solid-default);--plasma-switch__thumb-box-shadow:0 1px 1px rgba(0,0,0,0.11);}
|
456
459
|
.Switch_config_ngx5fc_t6qjy60__c71f94a5{--plasma-switch-disabled-opacity:0.4;}
|
package/css/es/index.js
CHANGED
@@ -47,6 +47,7 @@ export { Sheet } from './components/Sheet/Sheet.js';
|
|
47
47
|
export { LineSkeleton, TextSkeleton } from './components/Skeleton/Skeleton.js';
|
48
48
|
export { Slider } from './components/Slider/Slider.js';
|
49
49
|
export { Spinner } from './components/Spinner/Spinner.js';
|
50
|
+
export { Steps } from './components/Steps/Steps.js';
|
50
51
|
export { Switch } from './components/Switch/Switch.js';
|
51
52
|
export { TabsController } from './components/Tabs/TabsController.js';
|
52
53
|
export { Tabs } from './components/Tabs/Tabs.js';
|
package/css/es/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/css/index.d.ts
CHANGED
@@ -45,6 +45,7 @@ export * from '../components/Sheet';
|
|
45
45
|
export * from '../components/Skeleton';
|
46
46
|
export * from '../components/Slider';
|
47
47
|
export * from '../components/Spinner';
|
48
|
+
export * from '../components/Steps';
|
48
49
|
export * from '../components/Switch';
|
49
50
|
export * from '../components/Tabs';
|
50
51
|
export * from '../components/TextArea';
|
@@ -101,6 +102,7 @@ export * from '../components/Sheet';
|
|
101
102
|
export * from '../components/Skeleton';
|
102
103
|
export * from '../components/Slider';
|
103
104
|
export * from '../components/Spinner';
|
105
|
+
export * from '../components/Steps';
|
104
106
|
export * from '../components/Switch';
|
105
107
|
export * from '../components/Tabs';
|
106
108
|
export * from '../components/TextArea';
|
@@ -0,0 +1,17 @@
|
|
1
|
+
var _templateObject, _templateObject2;
|
2
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
3
|
+
import { css, stepsTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
|
4
|
+
export var config = {
|
5
|
+
defaults: {
|
6
|
+
size: 's',
|
7
|
+
view: 'default'
|
8
|
+
},
|
9
|
+
variations: {
|
10
|
+
view: {
|
11
|
+
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": var(--text-accent);\n ", ": solid var(--text-accent);\n ", ": var(--text-positive);\n ", ": var(--surface-clear);\n\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-primary-hover);\n ", ": var(--surface-accent);\n ", ": var(--surface-accent-hover);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--text-primary-hover);\n ", ": var(--outline-solid-primary);\n ", ": var(--outline-solid-primary-hover);\n\n ", ": var(--text-secondary);\n\n ", ": 0.4;\n "])), tokens.activeTitleColor, tokens.activeTitleColorHover, tokens.activeIndicatorBorder, tokens.activeIndicatorColor, tokens.activeIndicatorBackground, tokens.completedIndicatorColor, tokens.completedIndicatorColorHover, tokens.completedIndicatorBackground, tokens.completedIndicatorBackgroundHover, tokens.inactiveTitleColor, tokens.inactiveTitleColorHover, tokens.inactiveIndicatorColor, tokens.inactiveIndicatorColorHover, tokens.inactiveIndicatorBackground, tokens.inactiveIndicatorBackgroundHover, tokens.contentColor, tokens.disabledOpacity)
|
12
|
+
},
|
13
|
+
size: {
|
14
|
+
s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__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.5rem;\n ", ": 1rem;\n\n ", ": 0.5rem;\n ", ": 0.5rem;\n ", ": 1rem;\n ", ": 0.75rem;\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-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.125rem;\n "])), tokens.indicatorSize, tokens.activeIndicatorSize, tokens.bulletSize, tokens.activeBulletSize, tokens.titlePaddingTop, tokens.contentPaddingTop, tokens.contentSidePadding, tokens.contentVerticalPadding, tokens.verticalContentPaddingLeft, tokens.smallIndicatorIndentHeight, tokens.largeIndicatorIndentHeight, tokens.smallBulletIndentHeight, tokens.largeBulletIndentHeight, tokens.indicatorFontFamily, tokens.indicatorFontSize, tokens.indicatorFontStyle, tokens.indicatorFontWeight, tokens.indicatorLetterSpacing, tokens.indicatorLineHeight, tokens.activeIndicatorFontFamily, tokens.activeIndicatorFontSize, tokens.activeIndicatorFontStyle, tokens.activeIndicatorFontWeight, tokens.activeIndicatorLetterSpacing, tokens.activeIndicatorLineHeight, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.contentFontFamily, tokens.contentFontSize, tokens.contentFontStyle, tokens.contentFontWeight, tokens.contentLetterSpacing, tokens.contentLineHeight, tokens.dividerThickness)
|
15
|
+
}
|
16
|
+
}
|
17
|
+
};
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import { stepsConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
|
2
|
+
import { config } from './Steps.config';
|
3
|
+
|
4
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
5
|
+
// @ts-ignore 123
|
6
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(stepsConfig, config);
|
7
|
+
var StepsComponent = /*#__PURE__*/component(mergedConfig);
|
8
|
+
export var Steps = StepsComponent;
|
@@ -0,0 +1 @@
|
|
1
|
+
export { Steps } from './Steps';
|
package/es/index.js
CHANGED
@@ -43,6 +43,7 @@ export * from './components/Sheet';
|
|
43
43
|
export * from './components/Skeleton';
|
44
44
|
export * from './components/Spinner';
|
45
45
|
export * from './components/SSRProvider';
|
46
|
+
export * from './components/Steps';
|
46
47
|
export * from './components/Switch';
|
47
48
|
export * from './components/Slider';
|
48
49
|
export * from './components/Tabs';
|
package/index.d.ts
CHANGED
@@ -43,6 +43,7 @@ export * from './components/Sheet';
|
|
43
43
|
export * from './components/Skeleton';
|
44
44
|
export * from './components/Spinner';
|
45
45
|
export * from './components/SSRProvider';
|
46
|
+
export * from './components/Steps';
|
46
47
|
export * from './components/Switch';
|
47
48
|
export * from './components/Slider';
|
48
49
|
export * from './components/Tabs';
|
package/index.js
CHANGED
@@ -498,6 +498,17 @@ Object.keys(_SSRProvider).forEach(function (key) {
|
|
498
498
|
}
|
499
499
|
});
|
500
500
|
});
|
501
|
+
var _Steps = /*#__PURE__*/require("./components/Steps");
|
502
|
+
Object.keys(_Steps).forEach(function (key) {
|
503
|
+
if (key === "default" || key === "__esModule") return;
|
504
|
+
if (key in exports && exports[key] === _Steps[key]) return;
|
505
|
+
Object.defineProperty(exports, key, {
|
506
|
+
enumerable: true,
|
507
|
+
get: function get() {
|
508
|
+
return _Steps[key];
|
509
|
+
}
|
510
|
+
});
|
511
|
+
});
|
501
512
|
var _Switch = /*#__PURE__*/require("./components/Switch");
|
502
513
|
Object.keys(_Switch).forEach(function (key) {
|
503
514
|
if (key === "default" || key === "__esModule") return;
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-web",
|
3
|
-
"version": "1.
|
3
|
+
"version": "1.412.0-canary.1443.11131308290.0",
|
4
4
|
"description": "Salute Design System / React UI kit for web applications",
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
6
6
|
"license": "MIT",
|
@@ -21,7 +21,7 @@
|
|
21
21
|
"dependencies": {
|
22
22
|
"@salutejs/plasma-core": "1.180.0",
|
23
23
|
"@salutejs/plasma-hope": "1.313.0-dev.0",
|
24
|
-
"@salutejs/plasma-new-hope": "0.
|
24
|
+
"@salutejs/plasma-new-hope": "0.159.0-canary.1443.11131308290.0",
|
25
25
|
"@salutejs/plasma-themes": "0.18.0",
|
26
26
|
"@salutejs/plasma-tokens-b2b": "1.42.0",
|
27
27
|
"@salutejs/plasma-tokens-b2c": "0.52.0",
|
@@ -112,5 +112,5 @@
|
|
112
112
|
"Fanil Zubairov"
|
113
113
|
],
|
114
114
|
"sideEffects": false,
|
115
|
-
"gitHead": "
|
115
|
+
"gitHead": "afb62ee7e2054557c29e7da7258d8e86fa536f0a"
|
116
116
|
}
|