@alfalab/core-components-steps 1.8.4 → 2.0.0-snapshot-6a9d3fc
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Component.d.ts +4 -6
- package/Component.js +6 -7
- package/Component.js.map +1 -0
- package/components/step/Component.d.ts +5 -5
- package/components/step/Component.js +37 -38
- package/components/step/Component.js.map +1 -0
- package/components/step/index.css +38 -58
- package/components/step/index.d.ts +1 -1
- package/components/step/index.js +3 -2
- package/components/step/index.js.map +1 -0
- package/components/step/index.module.css.js +8 -0
- package/components/step/index.module.css.js.map +1 -0
- package/components/step-indicator/Component.d.ts +3 -5
- package/components/step-indicator/Component.js +3 -4
- package/components/step-indicator/Component.js.map +1 -0
- package/components/step-indicator/index.css +2 -24
- package/components/step-indicator/index.d.ts +1 -1
- package/components/step-indicator/index.js +3 -2
- package/components/step-indicator/index.js.map +1 -0
- package/components/step-indicator/index.module.css.js +8 -0
- package/components/step-indicator/index.module.css.js.map +1 -0
- package/cssm/Component.d.ts +4 -6
- package/cssm/Component.js +3 -2
- package/cssm/Component.js.map +1 -0
- package/cssm/components/step/Component.d.ts +5 -5
- package/cssm/components/step/Component.js +11 -10
- package/cssm/components/step/Component.js.map +1 -0
- package/cssm/components/step/index.d.ts +1 -1
- package/cssm/components/step/index.js +3 -2
- package/cssm/components/step/index.js.map +1 -0
- package/cssm/components/step/index.module.css +8 -27
- package/cssm/components/step-indicator/Component.d.ts +3 -5
- package/cssm/components/step-indicator/Component.js +3 -2
- package/cssm/components/step-indicator/Component.js.map +1 -0
- package/cssm/components/step-indicator/index.d.ts +1 -1
- package/cssm/components/step-indicator/index.js +3 -2
- package/cssm/components/step-indicator/index.js.map +1 -0
- package/cssm/components/step-indicator/index.module.css +2 -23
- package/cssm/index.d.ts +1 -1
- package/cssm/index.js +1 -0
- package/cssm/index.js.map +1 -0
- package/cssm/index.module.css +1 -23
- package/cssm/shared/index.d.ts +1 -1
- package/cssm/shared/index.js +3 -2
- package/cssm/shared/index.js.map +1 -0
- package/cssm/types/common-props.d.ts +1 -2
- package/cssm/types/common-props.js +1 -0
- package/cssm/types/common-props.js.map +1 -0
- package/cssm/utils/getStepsTestIds.d.ts +1 -2
- package/cssm/utils/getStepsTestIds.js +3 -2
- package/cssm/utils/getStepsTestIds.js.map +1 -0
- package/esm/Component.d.ts +4 -6
- package/esm/Component.js +2 -3
- package/esm/Component.js.map +1 -0
- package/esm/components/step/Component.d.ts +5 -5
- package/esm/components/step/Component.js +2 -3
- package/esm/components/step/Component.js.map +1 -0
- package/esm/components/step/index.css +38 -58
- package/esm/components/step/index.d.ts +1 -1
- package/esm/components/step/index.js +1 -0
- package/esm/components/step/index.js.map +1 -0
- package/esm/components/step/index.module.css.js +6 -0
- package/esm/components/step/index.module.css.js.map +1 -0
- package/esm/components/step-indicator/Component.d.ts +3 -5
- package/esm/components/step-indicator/Component.js +2 -3
- package/esm/components/step-indicator/Component.js.map +1 -0
- package/esm/components/step-indicator/index.css +2 -24
- package/esm/components/step-indicator/index.d.ts +1 -1
- package/esm/components/step-indicator/index.js +1 -0
- package/esm/components/step-indicator/index.js.map +1 -0
- package/esm/components/step-indicator/index.module.css.js +6 -0
- package/esm/components/step-indicator/index.module.css.js.map +1 -0
- package/esm/index.css +2 -25
- package/esm/index.d.ts +1 -1
- package/esm/index.js +1 -0
- package/esm/index.js.map +1 -0
- package/esm/index.module.css.js +6 -0
- package/esm/index.module.css.js.map +1 -0
- package/esm/shared/index.d.ts +1 -1
- package/esm/shared/index.js +1 -0
- package/esm/shared/index.js.map +1 -0
- package/esm/types/common-props.d.ts +1 -2
- package/esm/types/common-props.js +1 -0
- package/esm/types/common-props.js.map +1 -0
- package/esm/utils/getStepsTestIds.d.ts +1 -2
- package/esm/utils/getStepsTestIds.js +1 -0
- package/esm/utils/getStepsTestIds.js.map +1 -0
- package/index.css +2 -25
- package/index.d.ts +1 -1
- package/index.js +1 -0
- package/index.js.map +1 -0
- package/index.module.css.js +8 -0
- package/index.module.css.js.map +1 -0
- package/modern/Component.d.ts +4 -6
- package/modern/Component.js +2 -3
- package/modern/Component.js.map +1 -0
- package/modern/components/step/Component.d.ts +5 -5
- package/modern/components/step/Component.js +2 -3
- package/modern/components/step/Component.js.map +1 -0
- package/modern/components/step/index.css +38 -58
- package/modern/components/step/index.d.ts +1 -1
- package/modern/components/step/index.js +1 -0
- package/modern/components/step/index.js.map +1 -0
- package/modern/components/step/index.module.css.js +6 -0
- package/modern/components/step/index.module.css.js.map +1 -0
- package/modern/components/step-indicator/Component.d.ts +3 -5
- package/modern/components/step-indicator/Component.js +2 -3
- package/modern/components/step-indicator/Component.js.map +1 -0
- package/modern/components/step-indicator/index.css +2 -24
- package/modern/components/step-indicator/index.d.ts +1 -1
- package/modern/components/step-indicator/index.js +1 -0
- package/modern/components/step-indicator/index.js.map +1 -0
- package/modern/components/step-indicator/index.module.css.js +6 -0
- package/modern/components/step-indicator/index.module.css.js.map +1 -0
- package/modern/index.css +2 -25
- package/modern/index.d.ts +1 -1
- package/modern/index.js +1 -0
- package/modern/index.js.map +1 -0
- package/modern/index.module.css.js +6 -0
- package/modern/index.module.css.js.map +1 -0
- package/modern/shared/index.d.ts +1 -1
- package/modern/shared/index.js +1 -0
- package/modern/shared/index.js.map +1 -0
- package/modern/types/common-props.d.ts +1 -2
- package/modern/types/common-props.js +1 -0
- package/modern/types/common-props.js.map +1 -0
- package/modern/utils/getStepsTestIds.d.ts +1 -2
- package/modern/utils/getStepsTestIds.js +1 -0
- package/modern/utils/getStepsTestIds.js.map +1 -0
- package/moderncssm/Component.d.ts +4 -6
- package/moderncssm/Component.js +1 -0
- package/moderncssm/Component.js.map +1 -0
- package/moderncssm/components/step/Component.d.ts +5 -5
- package/moderncssm/components/step/Component.js +1 -0
- package/moderncssm/components/step/Component.js.map +1 -0
- package/moderncssm/components/step/index.d.ts +1 -1
- package/moderncssm/components/step/index.js +1 -0
- package/moderncssm/components/step/index.js.map +1 -0
- package/moderncssm/components/step/index.module.css +1 -6
- package/moderncssm/components/step-indicator/Component.d.ts +3 -5
- package/moderncssm/components/step-indicator/Component.js +1 -0
- package/moderncssm/components/step-indicator/Component.js.map +1 -0
- package/moderncssm/components/step-indicator/index.d.ts +1 -1
- package/moderncssm/components/step-indicator/index.js +1 -0
- package/moderncssm/components/step-indicator/index.js.map +1 -0
- package/moderncssm/components/step-indicator/index.module.css +0 -2
- package/moderncssm/index.d.ts +1 -1
- package/moderncssm/index.js +1 -0
- package/moderncssm/index.js.map +1 -0
- package/moderncssm/index.module.css +0 -2
- package/moderncssm/shared/index.d.ts +1 -1
- package/moderncssm/shared/index.js +1 -0
- package/moderncssm/shared/index.js.map +1 -0
- package/moderncssm/types/common-props.d.ts +1 -2
- package/moderncssm/types/common-props.js +1 -0
- package/moderncssm/types/common-props.js.map +1 -0
- package/moderncssm/utils/getStepsTestIds.d.ts +1 -2
- package/moderncssm/utils/getStepsTestIds.js +1 -0
- package/moderncssm/utils/getStepsTestIds.js.map +1 -0
- package/package.json +7 -6
- package/shared/index.d.ts +1 -1
- package/shared/index.js +3 -2
- package/shared/index.js.map +1 -0
- package/src/components/step/index.module.css +0 -4
- package/types/common-props.d.ts +1 -2
- package/types/common-props.js +1 -0
- package/types/common-props.js.map +1 -0
- package/utils/getStepsTestIds.d.ts +1 -2
- package/utils/getStepsTestIds.js +1 -0
- package/utils/getStepsTestIds.js.map +1 -0
- package/shared/package.json +0 -3
- package/src/shared/package.json +0 -3
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
3
|
-
} /* deprecated */ :root {
|
|
1
|
+
:root {
|
|
4
2
|
--color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
|
|
5
3
|
--color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1);
|
|
6
4
|
--color-light-status-info: #2288fa;
|
|
@@ -8,65 +6,46 @@
|
|
|
8
6
|
--color-light-text-primary: rgba(3, 3, 6, 0.88);
|
|
9
7
|
--color-light-text-primary-inverted: rgba(255, 255, 255, 0.94);
|
|
10
8
|
--color-light-transparent-default-hover: rgba(38, 55, 88, 0.06);
|
|
11
|
-
--color-light-transparent-default-press: rgba(30, 43, 68, 0.08);
|
|
12
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
13
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
9
|
+
--color-light-transparent-default-press: rgba(30, 43, 68, 0.08);
|
|
14
10
|
} :root {
|
|
15
|
-
|
|
16
|
-
/* Hard */
|
|
17
|
-
|
|
18
|
-
/* Up */
|
|
19
|
-
|
|
20
|
-
/* Hard up */
|
|
21
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
22
11
|
--border-radius-circle: 50%;
|
|
23
|
-
|
|
24
|
-
/* новые значения, используйте их */
|
|
25
12
|
} :root {
|
|
26
|
-
--gap-3xs: 2px;
|
|
27
|
-
--gap-2xs: 4px;
|
|
28
|
-
--gap-xs: 8px;
|
|
29
|
-
--gap-m: 16px;
|
|
30
|
-
|
|
31
|
-
/* новые значения, используйте их */
|
|
32
|
-
|
|
33
|
-
/* no-unit может приводить к проблемам в calc (#1559) */
|
|
34
|
-
/* stylelint-disable-next-line length-zero-no-unit */
|
|
13
|
+
--gap-3xs: 2px;
|
|
14
|
+
--gap-2xs: 4px;
|
|
15
|
+
--gap-xs: 8px;
|
|
16
|
+
--gap-m: 16px;
|
|
35
17
|
--gap-0: 0px;
|
|
36
18
|
--gap-2: var(--gap-3xs);
|
|
37
19
|
--gap-4: var(--gap-2xs);
|
|
38
20
|
--gap-8: var(--gap-xs);
|
|
39
21
|
--gap-16: var(--gap-m);
|
|
40
22
|
} :root {
|
|
41
|
-
} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
|
|
42
23
|
--focus-color: var(--color-light-status-info);
|
|
43
|
-
}
|
|
24
|
+
} :root {
|
|
44
25
|
--steps-option-svg-color: var(--color-light-status-positive);
|
|
45
26
|
--steps-dash-border: 2px solid var(--color-light-status-positive);
|
|
46
|
-
} .
|
|
27
|
+
} .steps__step_41a33 {
|
|
47
28
|
display: flex;
|
|
48
29
|
outline: none
|
|
49
|
-
} .
|
|
30
|
+
} .steps__step_41a33.steps__horizontal_41a33 {
|
|
50
31
|
flex-grow: 1;
|
|
51
|
-
} .
|
|
32
|
+
} .steps__step_41a33:not(.steps__vertical_41a33) {
|
|
52
33
|
align-items: center;
|
|
53
|
-
} .
|
|
54
|
-
margin-bottom: var(--gap-0);
|
|
55
|
-
} .steps__step_wfskf.steps__interactive_wfskf:not(.steps__disabled_wfskf):hover {
|
|
34
|
+
} .steps__step_41a33.steps__interactive_41a33:not(.steps__disabled_41a33):hover {
|
|
56
35
|
cursor: pointer;
|
|
57
|
-
} .
|
|
36
|
+
} .steps__step_41a33.steps__disabled_41a33:hover .steps__text_41a33 {
|
|
58
37
|
background: unset;
|
|
59
|
-
} .
|
|
38
|
+
} .steps__step_41a33.steps__disabled_41a33 .steps__indicator_41a33 {
|
|
60
39
|
cursor: unset;
|
|
61
|
-
} .
|
|
40
|
+
} .steps__indicator_41a33 {
|
|
62
41
|
cursor: pointer;
|
|
63
42
|
display: flex;
|
|
64
43
|
align-items: center;
|
|
65
44
|
margin-right: var(--gap-4)
|
|
66
|
-
} .
|
|
45
|
+
} .steps__indicator_41a33.steps__vertical_41a33 {
|
|
67
46
|
flex-direction: column;
|
|
68
47
|
margin-right: var(--gap-8);
|
|
69
|
-
} .
|
|
48
|
+
} .steps__option_41a33 {
|
|
70
49
|
font-size: 14px;
|
|
71
50
|
line-height: 20px;
|
|
72
51
|
font-weight: 700;
|
|
@@ -79,31 +58,31 @@
|
|
|
79
58
|
min-width: 24px;
|
|
80
59
|
height: 24px;
|
|
81
60
|
border-radius: var(--border-radius-circle)
|
|
82
|
-
} .
|
|
61
|
+
} .steps__option_41a33.steps__vertical_41a33 {
|
|
83
62
|
margin-top: var(--gap-8);
|
|
84
|
-
} .
|
|
63
|
+
} .steps__dash_41a33 {
|
|
85
64
|
flex: 1 1 auto;
|
|
86
65
|
min-width: 24px;
|
|
87
66
|
border-top: 2px solid var(--color-light-neutral-translucent-300);
|
|
88
67
|
margin-right: var(--gap-8)
|
|
89
|
-
} .
|
|
68
|
+
} .steps__dash_41a33.steps__completed_41a33 {
|
|
90
69
|
border-top: var(--steps-dash-border);
|
|
91
|
-
} .
|
|
70
|
+
} .steps__dash_41a33.steps__vertical_41a33 {
|
|
92
71
|
min-width: unset;
|
|
93
72
|
min-height: 8px;
|
|
94
73
|
margin-right: var(--gap-0);
|
|
95
74
|
margin-top: var(--gap-8);
|
|
96
75
|
border-left: 2px solid var(--color-light-neutral-translucent-300);
|
|
97
76
|
border-top: none;
|
|
98
|
-
} .
|
|
77
|
+
} .steps__dash_41a33.steps__completed_41a33.steps__vertical_41a33 {
|
|
99
78
|
border-left: var(--steps-dash-border);
|
|
100
|
-
} .
|
|
79
|
+
} .steps__textWrapper_41a33.steps__vertical_41a33 {
|
|
101
80
|
min-height: 48px
|
|
102
|
-
} .
|
|
81
|
+
} .steps__textWrapper_41a33.steps__vertical_41a33.steps__gap-24_41a33 {
|
|
103
82
|
margin-bottom: var(--gap-8);
|
|
104
|
-
} .
|
|
83
|
+
} .steps__textWrapper_41a33.steps__vertical_41a33.steps__gap-32_41a33 {
|
|
105
84
|
margin-bottom: var(--gap-16);
|
|
106
|
-
} .
|
|
85
|
+
} .steps__text_41a33 {
|
|
107
86
|
font-size: 16px;
|
|
108
87
|
line-height: 24px;
|
|
109
88
|
font-weight: 400;
|
|
@@ -112,20 +91,21 @@
|
|
|
112
91
|
padding: var(--gap-8);
|
|
113
92
|
color: var(--color-light-text-primary);
|
|
114
93
|
border-radius: var(--gap-8);
|
|
94
|
+
height: -moz-min-content;
|
|
115
95
|
height: min-content
|
|
116
|
-
} .
|
|
96
|
+
} .steps__text_41a33.steps__interactive_41a33:not(.steps__disabled_41a33):hover {
|
|
117
97
|
background: var(--color-light-transparent-default-hover);
|
|
118
|
-
} .
|
|
98
|
+
} .steps__text_41a33.steps__interactive_41a33:not(.steps__disabled_41a33):active {
|
|
119
99
|
background: var(--color-light-transparent-default-press);
|
|
120
|
-
} .
|
|
100
|
+
} .steps__focused_41a33 {
|
|
121
101
|
outline: var(--gap-2) solid var(--focus-color);
|
|
122
102
|
outline-offset: var(--gap-2);
|
|
123
|
-
} .
|
|
103
|
+
} .steps__selected_41a33 .steps__text_41a33 {
|
|
124
104
|
color: var(--color-light-text-primary);
|
|
125
|
-
} .
|
|
105
|
+
} .steps__selected_41a33 .steps__option_41a33 {
|
|
126
106
|
color: var(--color-light-text-primary-inverted);
|
|
127
107
|
background: var(--color-light-neutral-translucent-1300);
|
|
128
|
-
} .
|
|
108
|
+
} .steps__checkbox_41a33 {
|
|
129
109
|
display: flex;
|
|
130
110
|
justify-content: center;
|
|
131
111
|
align-items: center;
|
|
@@ -133,20 +113,20 @@
|
|
|
133
113
|
width: 20px;
|
|
134
114
|
height: 20px;
|
|
135
115
|
border: 2px solid var(--color-light-neutral-translucent-300);
|
|
136
|
-
} .
|
|
116
|
+
} .steps__dot_41a33 {
|
|
137
117
|
width: 10px;
|
|
138
118
|
height: 10px;
|
|
139
119
|
border-radius: var(--border-radius-circle);
|
|
140
120
|
background: var(--color-light-neutral-translucent-300);
|
|
141
|
-
} .
|
|
121
|
+
} .steps__selected_41a33 .steps__checkbox_41a33 {
|
|
142
122
|
border: 2px solid var(--color-light-neutral-translucent-1300)
|
|
143
|
-
} .
|
|
123
|
+
} .steps__selected_41a33 .steps__checkbox_41a33 .steps__dot_41a33 {
|
|
144
124
|
background: var(--color-light-neutral-translucent-1300);
|
|
145
|
-
} .
|
|
125
|
+
} .steps__option_41a33:not(.steps__error_41a33).steps__unordered_41a33 {
|
|
146
126
|
background: unset;
|
|
147
|
-
} .
|
|
127
|
+
} .steps__completedIndicator_41a33 > [class*='positive'] {
|
|
148
128
|
color: var(--steps-option-svg-color);
|
|
149
129
|
background-color: var(--steps-option-svg-color);
|
|
150
|
-
} .
|
|
130
|
+
} .steps__fullWidth_41a33 {
|
|
151
131
|
width: 100%;
|
|
152
132
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from
|
|
1
|
+
export * from './Component';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import './index.css';
|
|
2
|
+
|
|
3
|
+
const styles = {"step":"steps__step_41a33","horizontal":"steps__horizontal_41a33","vertical":"steps__vertical_41a33","interactive":"steps__interactive_41a33","disabled":"steps__disabled_41a33","text":"steps__text_41a33","indicator":"steps__indicator_41a33","option":"steps__option_41a33","dash":"steps__dash_41a33","completed":"steps__completed_41a33","textWrapper":"steps__textWrapper_41a33","gap-24":"steps__gap-24_41a33","gap-32":"steps__gap-32_41a33","focused":"steps__focused_41a33","selected":"steps__selected_41a33","checkbox":"steps__checkbox_41a33","dot":"steps__dot_41a33","error":"steps__error_41a33","unordered":"steps__unordered_41a33","completedIndicator":"steps__completedIndicator_41a33","fullWidth":"steps__fullWidth_41a33"};
|
|
4
|
+
|
|
5
|
+
export { styles as default };
|
|
6
|
+
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.module.css.js","sources":["../../src/components/step/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n:root {\n --steps-option-svg-color: var(--color-light-status-positive);\n --steps-dash-border: 2px solid var(--color-light-status-positive);\n}\n\n.step {\n display: flex;\n outline: none;\n\n &.horizontal {\n flex-grow: 1;\n }\n\n &:not(.vertical) {\n align-items: center;\n }\n}\n\n.step.interactive:not(.disabled):hover {\n cursor: pointer;\n}\n\n.step.disabled:hover {\n & .text {\n background: unset;\n }\n}\n\n.step.disabled {\n & .indicator {\n cursor: unset;\n }\n}\n\n.indicator {\n cursor: pointer;\n display: flex;\n align-items: center;\n margin-right: var(--gap-4);\n\n &.vertical {\n flex-direction: column;\n margin-right: var(--gap-8);\n }\n}\n\n.option {\n @mixin accent_primary_small;\n\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--color-light-text-primary);\n background: var(--color-light-neutral-translucent-300);\n min-width: 24px;\n height: 24px;\n border-radius: var(--border-radius-circle);\n\n &.vertical {\n margin-top: var(--gap-8);\n }\n}\n\n.dash {\n flex: 1 1 auto;\n min-width: 24px;\n border-top: 2px solid var(--color-light-neutral-translucent-300);\n margin-right: var(--gap-8);\n\n &.completed {\n border-top: var(--steps-dash-border);\n }\n\n &.vertical {\n min-width: unset;\n min-height: 8px;\n margin-right: var(--gap-0);\n margin-top: var(--gap-8);\n border-left: 2px solid var(--color-light-neutral-translucent-300);\n border-top: none;\n }\n\n &.completed.vertical {\n border-left: var(--steps-dash-border);\n }\n}\n\n.textWrapper {\n &.vertical {\n min-height: 48px;\n\n &.gap-24 {\n margin-bottom: var(--gap-8);\n }\n\n &.gap-32 {\n margin-bottom: var(--gap-16);\n }\n }\n}\n\n.text {\n @mixin paragraph_primary_medium;\n\n transition: background 0.2s;\n padding: var(--gap-8);\n color: var(--color-light-text-primary);\n border-radius: var(--gap-8);\n height: min-content;\n\n &.interactive:not(.disabled) {\n &:hover {\n background: var(--color-light-transparent-default-hover);\n }\n\n &:active {\n background: var(--color-light-transparent-default-press);\n }\n }\n}\n\n.focused {\n outline: var(--gap-2) solid var(--focus-color);\n outline-offset: var(--gap-2);\n}\n\n.selected {\n & .text {\n color: var(--color-light-text-primary);\n }\n\n & .option {\n color: var(--color-light-text-primary-inverted);\n background: var(--color-light-neutral-translucent-1300);\n }\n}\n\n.checkbox {\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: var(--border-radius-circle);\n width: 20px;\n height: 20px;\n border: 2px solid var(--color-light-neutral-translucent-300);\n}\n\n.dot {\n width: 10px;\n height: 10px;\n border-radius: var(--border-radius-circle);\n background: var(--color-light-neutral-translucent-300);\n}\n\n.selected .checkbox {\n border: 2px solid var(--color-light-neutral-translucent-1300);\n\n & .dot {\n background: var(--color-light-neutral-translucent-1300);\n }\n}\n\n.option:not(.error).unordered {\n background: unset;\n}\n\n.completedIndicator > [class*='positive'] {\n color: var(--steps-option-svg-color);\n background-color: var(--steps-option-svg-color);\n}\n\n.fullWidth {\n width: 100%;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,MAAM,CAAC,mBAAmB,CAAC,YAAY,CAAC,yBAAyB,CAAC,UAAU,CAAC,uBAAuB,CAAC,aAAa,CAAC,0BAA0B,CAAC,UAAU,CAAC,uBAAuB,CAAC,MAAM,CAAC,mBAAmB,CAAC,WAAW,CAAC,wBAAwB,CAAC,QAAQ,CAAC,qBAAqB,CAAC,MAAM,CAAC,mBAAmB,CAAC,WAAW,CAAC,wBAAwB,CAAC,aAAa,CAAC,0BAA0B,CAAC,QAAQ,CAAC,qBAAqB,CAAC,QAAQ,CAAC,qBAAqB,CAAC,SAAS,CAAC,sBAAsB,CAAC,UAAU,CAAC,uBAAuB,CAAC,UAAU,CAAC,uBAAuB,CAAC,KAAK,CAAC,kBAAkB,CAAC,OAAO,CAAC,oBAAoB,CAAC,WAAW,CAAC,wBAAwB,CAAC,oBAAoB,CAAC,iCAAiC,CAAC,WAAW,CAAC,wBAAwB,CAAC;;;;"}
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import React from 'react';
|
|
3
|
-
import { BadgeProps } from
|
|
4
|
-
type StepIndicatorProps = Pick<BadgeProps, 'content' | 'iconColor' | 'className'>;
|
|
5
|
-
declare const StepIndicator: React.FC<StepIndicatorProps>;
|
|
6
|
-
export { StepIndicatorProps, StepIndicator };
|
|
2
|
+
import { BadgeProps } from '@alfalab/core-components-badge';
|
|
3
|
+
export declare type StepIndicatorProps = Pick<BadgeProps, 'content' | 'iconColor' | 'className'>;
|
|
4
|
+
export declare const StepIndicator: React.FC<StepIndicatorProps>;
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import cn from 'classnames';
|
|
3
3
|
import { Badge } from '@alfalab/core-components-badge/modern';
|
|
4
|
-
|
|
5
|
-
const styles = {"component":"steps__component_1du8h"};
|
|
6
|
-
require('./index.css')
|
|
4
|
+
import styles from './index.module.css.js';
|
|
7
5
|
|
|
8
6
|
const StepIndicator = ({ content, iconColor, className }) => (React.createElement(Badge, { size: 'l', view: 'icon', iconColor: iconColor, className: cn(styles.component, className), content: content }));
|
|
9
7
|
|
|
10
8
|
export { StepIndicator };
|
|
9
|
+
//# sourceMappingURL=Component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Component.js","sources":["../../../src/components/step-indicator/Component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { Badge, BadgeProps } from '@alfalab/core-components-badge';\n\nimport styles from './index.module.css';\n\nexport type StepIndicatorProps = Pick<BadgeProps, 'content' | 'iconColor' | 'className'>;\n\nexport const StepIndicator: React.FC<StepIndicatorProps> = ({ content, iconColor, className }) => (\n <Badge\n size='l'\n view='icon'\n iconColor={iconColor}\n className={cn(styles.component, className)}\n content={content}\n />\n);\n"],"names":[],"mappings":";;;;;MASa,aAAa,GAAiC,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MACzF,oBAAC,KAAK,EAAA,EACF,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAC1C,OAAO,EAAE,OAAO,EAClB,CAAA;;;;"}
|
|
@@ -1,27 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
3
|
-
} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
4
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
5
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
6
|
-
} :root {
|
|
7
|
-
|
|
8
|
-
/* Hard */
|
|
9
|
-
|
|
10
|
-
/* Up */
|
|
11
|
-
|
|
12
|
-
/* Hard up */
|
|
13
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
14
|
-
|
|
15
|
-
/* новые значения, используйте их */
|
|
16
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
17
|
-
|
|
18
|
-
/* новые значения, используйте их */
|
|
19
|
-
|
|
20
|
-
/* no-unit может приводить к проблемам в calc (#1559) */
|
|
21
|
-
/* stylelint-disable-next-line length-zero-no-unit */
|
|
1
|
+
:root {
|
|
22
2
|
--gap-0: 0px;
|
|
23
|
-
}
|
|
24
|
-
} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
|
|
25
|
-
} /* сбрасывает синюю подсветку при нажатии */ .steps__component_1du8h.steps__component_1du8h {
|
|
3
|
+
} .steps__component_1t0af.steps__component_1t0af {
|
|
26
4
|
padding: var(--gap-0);
|
|
27
5
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from
|
|
1
|
+
export * from './Component';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.module.css.js","sources":["../../src/components/step-indicator/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component.component {\n padding: var(--gap-0);\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC;;;;"}
|
package/modern/index.css
CHANGED
|
@@ -1,31 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
3
|
-
} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
4
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
5
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
6
|
-
} :root {
|
|
7
|
-
|
|
8
|
-
/* Hard */
|
|
9
|
-
|
|
10
|
-
/* Up */
|
|
11
|
-
|
|
12
|
-
/* Hard up */
|
|
13
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
14
|
-
|
|
15
|
-
/* новые значения, используйте их */
|
|
16
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
17
|
-
|
|
18
|
-
/* новые значения, используйте их */
|
|
19
|
-
|
|
20
|
-
/* no-unit может приводить к проблемам в calc (#1559) */
|
|
21
|
-
/* stylelint-disable-next-line length-zero-no-unit */
|
|
22
|
-
} :root {
|
|
23
|
-
} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
|
|
24
|
-
} /* сбрасывает синюю подсветку при нажатии */ .steps__component_1qfqk {
|
|
1
|
+
.steps__component_1run9 {
|
|
25
2
|
display: flex;
|
|
26
3
|
align-items: center;
|
|
27
4
|
flex-direction: row
|
|
28
|
-
} .
|
|
5
|
+
} .steps__component_1run9.steps__vertical_1run9 {
|
|
29
6
|
flex-direction: column;
|
|
30
7
|
align-items: flex-start;
|
|
31
8
|
}
|
package/modern/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from
|
|
1
|
+
export * from './Component';
|
package/modern/index.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n display: flex;\n align-items: center;\n flex-direction: row;\n\n &.vertical {\n flex-direction: column;\n align-items: flex-start;\n }\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,UAAU,CAAC,uBAAuB,CAAC;;;;"}
|
package/modern/shared/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { getStepsTestIds } from
|
|
1
|
+
export { getStepsTestIds } from '../utils/getStepsTestIds';
|
package/modern/shared/index.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
/** Обобщенный набор типов который подходит для Steps, но также прокинут в дочерний Step */
|
|
3
|
-
type CommonProps = {
|
|
3
|
+
export declare type CommonProps = {
|
|
4
4
|
/**
|
|
5
5
|
* Идентификатор для систем автоматизированного тестирования
|
|
6
6
|
*/
|
|
@@ -38,4 +38,3 @@ type CommonProps = {
|
|
|
38
38
|
*/
|
|
39
39
|
completedDashColor?: string;
|
|
40
40
|
};
|
|
41
|
-
export { CommonProps };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"common-props.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getStepsTestIds.js","sources":["../../src/utils/getStepsTestIds.ts"],"sourcesContent":["import { getDataTestId } from '@alfalab/core-components-shared';\n\nexport function getStepsTestIds(dataTestId: string) {\n return {\n steps: dataTestId,\n step: getDataTestId(dataTestId, 'step'),\n };\n}\n"],"names":[],"mappings":";;AAEM,SAAU,eAAe,CAAC,UAAkB,EAAA;IAC9C,OAAO;AACH,QAAA,KAAK,EAAE,UAAU;AACjB,QAAA,IAAI,EAAE,aAAa,CAAC,UAAU,EAAE,MAAM,CAAC;KAC1C;AACL;;;;"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import React from 'react';
|
|
3
|
-
import { StepIndicatorProps } from
|
|
4
|
-
import { CommonProps } from
|
|
5
|
-
type StepsProps = {
|
|
2
|
+
import { StepIndicatorProps } from './components/step-indicator';
|
|
3
|
+
import { CommonProps } from './types/common-props';
|
|
4
|
+
export declare type StepsProps = {
|
|
6
5
|
/**
|
|
7
6
|
* Дополнительный класс
|
|
8
7
|
*/
|
|
@@ -70,5 +69,4 @@ type StepsProps = {
|
|
|
70
69
|
*/
|
|
71
70
|
onChange?: (stepNumber: number) => void;
|
|
72
71
|
} & CommonProps;
|
|
73
|
-
declare const Steps: React.FC<StepsProps>;
|
|
74
|
-
export { StepsProps, Steps };
|
|
72
|
+
export declare const Steps: React.FC<StepsProps>;
|
package/moderncssm/Component.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport cn from 'classnames';\n\nimport { Step } from './components/step';\nimport { StepIndicatorProps } from './components/step-indicator';\nimport { CommonProps } from './types/common-props';\n\nimport styles from './index.module.css';\n\nexport type StepsProps = {\n /**\n * Дополнительный класс\n */\n className?: string;\n\n /**\n * Активный шаг, указанный по умолчанию\n * @default 1\n */\n defaultActiveStep?: number;\n\n /**\n * Активный шаг\n */\n activeStep?: number;\n\n /**\n * Управление возможностью отключения пометки пройденного шага\n * @default true\n */\n isMarkCompletedSteps?: boolean;\n\n /**\n * Кастомный метод для управления состоянием disabled шага и\n * возможностью перехода на этот шаг\n * @param stepNumber - номер шага\n * @return Флаг состояния disabled\n */\n checkIsStepDisabled?: (stepNumber: number) => boolean;\n\n /**\n * Кастомный метод для управления состоянием шага error\n * @param stepNumber - номер шага\n * @return Флаг состояния error\n */\n checkIsStepError?: (stepNumber: number) => boolean;\n\n /**\n * Кастомный метод для управления состоянием шага criticalError\n * @param stepNumber - номер шага\n * @return Флаг состояния error\n */\n checkIsStepCriticalError?: (stepNumber: number) => boolean;\n\n /**\n * Кастомный метод для управления состоянием шага warning\n * @param stepNumber - номер шага\n * @return Флаг состояния warning\n */\n checkIsStepWarning?: (stepNumber: number) => boolean;\n\n /**\n * Кастомный метод для управления состоянием шага waiting\n * @param stepNumber - номер шага\n * @return Флаг состояния waiting\n */\n checkIsStepWaiting?: (stepNumber: number) => boolean;\n\n /**\n * Кастомный метод для управления состоянием шага positive\n * @param stepNumber - номер шага\n * @return Флаг состояния positive\n */\n checkIsStepPositive?: (stepNumber: number) => boolean;\n\n /**\n * Кастомный метод для установки кастомного индикатора шага\n * @param stepNumber - номер шага\n * @return Объект StepIndicatorProps { className, content, iconColor } или null\n */\n checkIsStepCustom?: (stepNumber: number) => StepIndicatorProps | null;\n\n /**\n * Обработчик клика на шаг\n * @param stepNumber - номер активного шага\n */\n onChange?: (stepNumber: number) => void;\n} & CommonProps;\n\nexport const Steps: React.FC<StepsProps> = ({\n className,\n children,\n defaultActiveStep = 1,\n activeStep: activeStepProp,\n isMarkCompletedSteps = true,\n isVerticalAlign = false,\n ordered = true,\n interactive = true,\n fullWidth = false,\n minSpaceBetweenSteps = 24,\n checkIsStepDisabled,\n checkIsStepError,\n checkIsStepCriticalError,\n checkIsStepWarning,\n checkIsStepWaiting,\n checkIsStepPositive,\n checkIsStepCustom,\n onChange,\n dataTestId,\n completedDashColor,\n}) => {\n const uncontrolled = activeStepProp === undefined;\n const [activeStep, setActiveStep] = useState(defaultActiveStep);\n\n const stepsLength = React.Children.count(children);\n\n const handleStepClick = (stepNumber: number) => {\n if (uncontrolled) {\n setActiveStep(stepNumber);\n }\n\n if (onChange) {\n onChange(stepNumber);\n }\n };\n\n if (!stepsLength) return null;\n\n const visibleActiveStep = uncontrolled ? activeStep : activeStepProp;\n\n return (\n <div\n className={cn(className, styles.component, {\n [styles.vertical]: isVerticalAlign,\n })}\n data-test-id={dataTestId}\n >\n {React.Children.map(children, (step, index) => {\n const stepNumber = index + 1;\n const isSelected = stepNumber === visibleActiveStep;\n const isStepCompleted = isMarkCompletedSteps && stepNumber < visibleActiveStep;\n const disabled = checkIsStepDisabled ? checkIsStepDisabled(stepNumber) : false;\n const isPositive = checkIsStepPositive ? checkIsStepPositive(stepNumber) : false;\n const isError = checkIsStepError ? checkIsStepError(stepNumber) : false;\n const isCriticalError = checkIsStepCriticalError\n ? checkIsStepCriticalError(stepNumber)\n : false;\n const isWarning = checkIsStepWarning ? checkIsStepWarning(stepNumber) : false;\n const isWaiting = checkIsStepWaiting ? checkIsStepWaiting(stepNumber) : false;\n const customStepIndicator = checkIsStepCustom && checkIsStepCustom(stepNumber);\n const isNotLastStep = stepsLength !== stepNumber;\n const isInteractive = !disabled && interactive;\n\n return (\n <Step\n stepNumber={stepNumber}\n isSelected={isSelected}\n isStepCompleted={isStepCompleted}\n disabled={disabled}\n isPositive={isPositive}\n isError={isError}\n isCriticalError={isCriticalError}\n isWarning={isWarning}\n isWaiting={isWaiting}\n customStepIndicator={customStepIndicator}\n onClick={handleStepClick}\n ordered={ordered}\n interactive={isInteractive}\n isVerticalAlign={isVerticalAlign}\n isNotLastStep={isNotLastStep}\n key={stepNumber}\n fullWidth={fullWidth}\n minSpaceBetweenSteps={minSpaceBetweenSteps}\n completedDashColor={completedDashColor}\n dataTestId={dataTestId}\n >\n {step}\n </Step>\n );\n })}\n </div>\n );\n};\n"],"names":[],"mappings":";;;;;AAyFO,MAAM,KAAK,GAAyB,CAAC,EACxC,SAAS,EACT,QAAQ,EACR,iBAAiB,GAAG,CAAC,EACrB,UAAU,EAAE,cAAc,EAC1B,oBAAoB,GAAG,IAAI,EAC3B,eAAe,GAAG,KAAK,EACvB,OAAO,GAAG,IAAI,EACd,WAAW,GAAG,IAAI,EAClB,SAAS,GAAG,KAAK,EACjB,oBAAoB,GAAG,EAAE,EACzB,mBAAmB,EACnB,gBAAgB,EAChB,wBAAwB,EACxB,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,QAAQ,EACR,UAAU,EACV,kBAAkB,GACrB,KAAI;AACD,IAAA,MAAM,YAAY,GAAG,cAAc,KAAK,SAAS;IACjD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,iBAAiB,CAAC;IAE/D,MAAM,WAAW,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC;AAElD,IAAA,MAAM,eAAe,GAAG,CAAC,UAAkB,KAAI;AAC3C,QAAA,IAAI,YAAY,EAAE;YACd,aAAa,CAAC,UAAU,CAAC;AAC5B;AAED,QAAA,IAAI,QAAQ,EAAE;YACV,QAAQ,CAAC,UAAU,CAAC;AACvB;AACL,KAAC;AAED,IAAA,IAAI,CAAC,WAAW;AAAE,QAAA,OAAO,IAAI;IAE7B,MAAM,iBAAiB,GAAG,YAAY,GAAG,UAAU,GAAG,cAAc;IAEpE,QACI,KACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,SAAS,EAAE;AACvC,YAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,eAAe;AACrC,SAAA,CAAC,kBACY,UAAU,EAAA,EAEvB,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,KAAI;AAC1C,QAAA,MAAM,UAAU,GAAG,KAAK,GAAG,CAAC;AAC5B,QAAA,MAAM,UAAU,GAAG,UAAU,KAAK,iBAAiB;AACnD,QAAA,MAAM,eAAe,GAAG,oBAAoB,IAAI,UAAU,GAAG,iBAAiB;AAC9E,QAAA,MAAM,QAAQ,GAAG,mBAAmB,GAAG,mBAAmB,CAAC,UAAU,CAAC,GAAG,KAAK;AAC9E,QAAA,MAAM,UAAU,GAAG,mBAAmB,GAAG,mBAAmB,CAAC,UAAU,CAAC,GAAG,KAAK;AAChF,QAAA,MAAM,OAAO,GAAG,gBAAgB,GAAG,gBAAgB,CAAC,UAAU,CAAC,GAAG,KAAK;QACvE,MAAM,eAAe,GAAG;AACpB,cAAE,wBAAwB,CAAC,UAAU;cACnC,KAAK;AACX,QAAA,MAAM,SAAS,GAAG,kBAAkB,GAAG,kBAAkB,CAAC,UAAU,CAAC,GAAG,KAAK;AAC7E,QAAA,MAAM,SAAS,GAAG,kBAAkB,GAAG,kBAAkB,CAAC,UAAU,CAAC,GAAG,KAAK;QAC7E,MAAM,mBAAmB,GAAG,iBAAiB,IAAI,iBAAiB,CAAC,UAAU,CAAC;AAC9E,QAAA,MAAM,aAAa,GAAG,WAAW,KAAK,UAAU;AAChD,QAAA,MAAM,aAAa,GAAG,CAAC,QAAQ,IAAI,WAAW;AAE9C,QAAA,QACI,KAAC,CAAA,aAAA,CAAA,IAAI,IACD,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,mBAAmB,EAAE,mBAAmB,EACxC,OAAO,EAAE,eAAe,EACxB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,aAAa,EAC1B,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,aAAa,EAC5B,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,SAAS,EACpB,oBAAoB,EAAE,oBAAoB,EAC1C,kBAAkB,EAAE,kBAAkB,EACtC,UAAU,EAAE,UAAU,IAErB,IAAI,CACF;KAEd,CAAC,CACA;AAEd;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import { CommonProps } from
|
|
3
|
-
import { StepIndicatorProps } from
|
|
4
|
-
type StepProps = {
|
|
2
|
+
import { CommonProps } from '../../types/common-props';
|
|
3
|
+
import { StepIndicatorProps } from '../step-indicator';
|
|
4
|
+
declare type StepProps = {
|
|
5
5
|
/**
|
|
6
6
|
* Номер шага
|
|
7
7
|
*/
|
|
@@ -52,5 +52,5 @@ type StepProps = {
|
|
|
52
52
|
*/
|
|
53
53
|
onClick: (stepNumber: number) => void;
|
|
54
54
|
} & CommonProps;
|
|
55
|
-
declare const Step: FC<StepProps>;
|
|
56
|
-
export {
|
|
55
|
+
export declare const Step: FC<StepProps>;
|
|
56
|
+
export {};
|