@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.
Files changed (34) hide show
  1. package/api/plasma-web.api.md +14 -0
  2. package/components/Steps/Steps.config.d.ts +14 -0
  3. package/components/Steps/Steps.config.js +23 -0
  4. package/components/Steps/Steps.d.ts +9 -0
  5. package/components/Steps/Steps.js +13 -0
  6. package/components/Steps/index.d.ts +2 -0
  7. package/components/Steps/index.js +12 -0
  8. package/css/cjs/components/Steps/Steps.config.js +22 -0
  9. package/css/cjs/components/Steps/Steps.config.js.map +1 -0
  10. package/css/cjs/components/Steps/Steps.config_35yry.css +2 -0
  11. package/css/cjs/components/Steps/Steps.css +2 -0
  12. package/css/cjs/components/Steps/Steps.js +15 -0
  13. package/css/cjs/components/Steps/Steps.js.map +1 -0
  14. package/css/cjs/index.css +3 -0
  15. package/css/cjs/index.js +2 -0
  16. package/css/cjs/index.js.map +1 -1
  17. package/css/es/components/Steps/Steps.config.js +18 -0
  18. package/css/es/components/Steps/Steps.config.js.map +1 -0
  19. package/css/es/components/Steps/Steps.config_35yry.css +2 -0
  20. package/css/es/components/Steps/Steps.css +2 -0
  21. package/css/es/components/Steps/Steps.js +11 -0
  22. package/css/es/components/Steps/Steps.js.map +1 -0
  23. package/css/es/index.css +3 -0
  24. package/css/es/index.js +1 -0
  25. package/css/es/index.js.map +1 -1
  26. package/css/index.d.ts +2 -0
  27. package/es/components/Steps/Steps.config.js +17 -0
  28. package/es/components/Steps/Steps.js +8 -0
  29. package/es/components/Steps/index.js +1 -0
  30. package/es/index.js +1 -0
  31. package/index.d.ts +1 -0
  32. package/index.js +11 -0
  33. package/package.json +3 -3
  34. 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 }
package/components/Steps/Steps.config.d.ts ADDED
@@ -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
+ };
package/components/Steps/Steps.config.js ADDED
@@ -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
+ };
package/components/Steps/Steps.d.ts ADDED
@@ -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>)>;
package/components/Steps/Steps.js ADDED
@@ -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;
package/components/Steps/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export { Steps } from './Steps';
2
+ export type { StepsProps } from '@salutejs/plasma-new-hope/styled-components';
package/components/Steps/index.js ADDED
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "Steps", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _Steps.Steps;
10
+ }
11
+ });
12
+ var _Steps = /*#__PURE__*/require("./Steps");
package/css/cjs/components/Steps/Steps.config.js ADDED
@@ -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
package/css/cjs/components/Steps/Steps.config.js.map ADDED
@@ -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;;;;"}
package/css/cjs/components/Steps/Steps.config_35yry.css ADDED
@@ -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;}
package/css/cjs/components/Steps/Steps.css ADDED
@@ -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;}
package/css/cjs/components/Steps/Steps.js ADDED
@@ -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
package/css/cjs/components/Steps/Steps.js.map ADDED
@@ -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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/css/es/components/Steps/Steps.config.js ADDED
@@ -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
package/css/es/components/Steps/Steps.config.js.map ADDED
@@ -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;;;;"}
package/css/es/components/Steps/Steps.config_35yry.css ADDED
@@ -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;}
package/css/es/components/Steps/Steps.css ADDED
@@ -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;}
package/css/es/components/Steps/Steps.js ADDED
@@ -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
package/css/es/components/Steps/Steps.js.map ADDED
@@ -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';
package/es/components/Steps/Steps.config.js ADDED
@@ -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
+ };
package/es/components/Steps/Steps.js ADDED
@@ -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;
package/es/components/Steps/index.js ADDED
@@ -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.411.0-dev.0",
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.158.0-dev.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": "c2ff366bbcf143241c514ca6e3538d3ff6acfdbc"
115
+ "gitHead": "afb62ee7e2054557c29e7da7258d8e86fa536f0a"
116
116
  }