@alfalab/core-components-steps 1.7.4 → 1.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (76) hide show
  1. package/Component.d.ts +8 -33
  2. package/Component.js +6 -3
  3. package/components/step/Component.d.ts +9 -33
  4. package/components/step/Component.js +26 -14
  5. package/components/step/index.css +44 -39
  6. package/components/step-indicator/Component.js +1 -1
  7. package/components/step-indicator/index.css +6 -3
  8. package/cssm/Component.d.ts +8 -33
  9. package/cssm/Component.js +5 -2
  10. package/cssm/components/step/Component.d.ts +9 -33
  11. package/cssm/components/step/Component.js +25 -13
  12. package/cssm/components/step/index.module.css +21 -16
  13. package/cssm/components/step-indicator/index.module.css +4 -1
  14. package/cssm/index.module.css +3 -0
  15. package/cssm/shared/index.d.ts +1 -0
  16. package/cssm/shared/index.js +9 -0
  17. package/cssm/types/common-props.d.ts +41 -0
  18. package/cssm/types/common-props.js +2 -0
  19. package/cssm/utils/getStepsTestIds.d.ts +5 -0
  20. package/cssm/utils/getStepsTestIds.js +14 -0
  21. package/esm/Component.d.ts +8 -33
  22. package/esm/Component.js +6 -3
  23. package/esm/components/step/Component.d.ts +9 -33
  24. package/esm/components/step/Component.js +26 -14
  25. package/esm/components/step/index.css +44 -39
  26. package/esm/components/step-indicator/Component.js +1 -1
  27. package/esm/components/step-indicator/index.css +6 -3
  28. package/esm/index.css +6 -3
  29. package/esm/shared/index.d.ts +1 -0
  30. package/esm/shared/index.js +1 -0
  31. package/esm/types/common-props.d.ts +41 -0
  32. package/esm/types/common-props.js +1 -0
  33. package/esm/utils/getStepsTestIds.d.ts +5 -0
  34. package/esm/utils/getStepsTestIds.js +10 -0
  35. package/index.css +6 -3
  36. package/modern/Component.d.ts +8 -33
  37. package/modern/Component.js +6 -3
  38. package/modern/components/step/Component.d.ts +9 -33
  39. package/modern/components/step/Component.js +27 -13
  40. package/modern/components/step/index.css +44 -39
  41. package/modern/components/step-indicator/Component.js +1 -1
  42. package/modern/components/step-indicator/index.css +6 -3
  43. package/modern/index.css +6 -3
  44. package/modern/shared/index.d.ts +1 -0
  45. package/modern/shared/index.js +1 -0
  46. package/modern/types/common-props.d.ts +41 -0
  47. package/modern/types/common-props.js +1 -0
  48. package/modern/utils/getStepsTestIds.d.ts +5 -0
  49. package/modern/utils/getStepsTestIds.js +10 -0
  50. package/moderncssm/Component.d.ts +8 -33
  51. package/moderncssm/Component.js +5 -2
  52. package/moderncssm/components/step/Component.d.ts +9 -33
  53. package/moderncssm/components/step/Component.js +26 -12
  54. package/moderncssm/components/step/index.module.css +18 -18
  55. package/moderncssm/shared/index.d.ts +1 -0
  56. package/moderncssm/shared/index.js +1 -0
  57. package/moderncssm/types/common-props.d.ts +41 -0
  58. package/moderncssm/types/common-props.js +1 -0
  59. package/moderncssm/utils/getStepsTestIds.d.ts +5 -0
  60. package/moderncssm/utils/getStepsTestIds.js +10 -0
  61. package/package.json +6 -5
  62. package/shared/index.d.ts +1 -0
  63. package/shared/index.js +9 -0
  64. package/shared/package.json +3 -0
  65. package/src/Component.tsx +18 -40
  66. package/src/components/step/Component.tsx +49 -57
  67. package/src/components/step/index.module.css +19 -17
  68. package/src/shared/index.ts +1 -0
  69. package/src/shared/package.json +3 -0
  70. package/src/types/common-props.ts +48 -0
  71. package/src/utils/getStepsTestIds.ts +8 -0
  72. package/types/common-props.d.ts +41 -0
  73. package/types/common-props.js +2 -0
  74. package/utils/getStepsTestIds.d.ts +5 -0
  75. package/utils/getStepsTestIds.js +14 -0
  76. package/@alfalab/icons-glyph/package.json +0 -14
package/esm/components/step/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: a2q2x */
1
+ /* hash: uhdkm */
2
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
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
@@ -25,39 +25,46 @@
25
25
  } :root {
26
26
  --gap-3xs: 2px; /* deprecated */
27
27
  --gap-2xs: 4px; /* deprecated */
28
- --gap-xs: 8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
28
+ --gap-xs: 8px; /* deprecated */ /* deprecated */ /* deprecated */
29
+ --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
29
30
 
30
31
  /* новые значения, используйте их */
31
- --gap-0: 0;
32
+
33
+ /* no-unit может приводить к проблемам в calc (#1559) */
34
+ /* stylelint-disable-next-line length-zero-no-unit */
35
+ --gap-0: 0px;
32
36
  --gap-2: var(--gap-3xs);
33
37
  --gap-4: var(--gap-2xs);
34
38
  --gap-8: var(--gap-xs);
39
+ --gap-16: var(--gap-m);
35
40
  } :root {
36
41
  } :root {
37
42
  --focus-color: var(--color-light-status-info);
38
43
  } /* сбрасывает синюю подсветку при нажатии */ :root {
39
44
  --steps-option-svg-color: var(--color-light-status-positive);
40
45
  --steps-dash-border: 2px solid var(--color-light-status-positive);
41
- } .steps__step_1vdoz {
46
+ } .steps__step_1aema {
42
47
  display: flex;
43
48
  outline: none
44
- } .steps__step_1vdoz:not(.steps__vertical_1vdoz) {
49
+ } .steps__step_1aema.steps__horizontal_1aema {
50
+ flex-grow: 1;
51
+ } .steps__step_1aema:not(.steps__vertical_1aema) {
45
52
  align-items: center;
46
- } .steps__step_1vdoz.steps__interactive_1vdoz:not(.steps__disabled_1vdoz):hover {
53
+ } .steps__step_1aema.steps__interactive_1aema:not(.steps__disabled_1aema):hover {
47
54
  cursor: pointer;
48
- } .steps__step_1vdoz.steps__disabled_1vdoz:hover .steps__text_1vdoz {
55
+ } .steps__step_1aema.steps__disabled_1aema:hover .steps__text_1aema {
49
56
  background: unset;
50
- } .steps__step_1vdoz.steps__disabled_1vdoz .steps__indicator_1vdoz {
57
+ } .steps__step_1aema.steps__disabled_1aema .steps__indicator_1aema {
51
58
  cursor: unset;
52
- } .steps__indicator_1vdoz {
59
+ } .steps__indicator_1aema {
53
60
  cursor: pointer;
54
61
  display: flex;
55
62
  align-items: center;
56
63
  margin-right: var(--gap-4)
57
- } .steps__indicator_1vdoz.steps__vertical_1vdoz {
64
+ } .steps__indicator_1aema.steps__vertical_1aema {
58
65
  flex-direction: column;
59
66
  margin-right: var(--gap-8);
60
- } .steps__option_1vdoz {
67
+ } .steps__option_1aema {
61
68
  font-size: 14px;
62
69
  line-height: 20px;
63
70
  font-weight: 700;
@@ -70,33 +77,31 @@
70
77
  min-width: 24px;
71
78
  height: 24px;
72
79
  border-radius: var(--border-radius-circle)
73
- } .steps__option_1vdoz.steps__vertical_1vdoz {
80
+ } .steps__option_1aema.steps__vertical_1aema {
74
81
  margin-top: var(--gap-8);
75
- } .steps__dash_1vdoz {
82
+ } .steps__dash_1aema {
76
83
  flex: 1 1 auto;
77
84
  min-width: 24px;
78
85
  border-top: 2px solid var(--color-light-neutral-translucent-300);
79
86
  margin-right: var(--gap-8)
80
- } .steps__dash_1vdoz.steps__size-16_1vdoz {
81
- min-width: 16px;
82
- } .steps__dash_1vdoz.steps__size-8_1vdoz {
83
- min-width: 8px;
84
- } .steps__dash_1vdoz.steps__completed_1vdoz {
87
+ } .steps__dash_1aema.steps__completed_1aema {
85
88
  border-top: var(--steps-dash-border);
86
- } .steps__dash_1vdoz.steps__vertical_1vdoz {
89
+ } .steps__dash_1aema.steps__vertical_1aema {
87
90
  min-width: unset;
88
- min-height: 24px;
91
+ min-height: 8px;
89
92
  margin-right: var(--gap-0);
90
93
  margin-top: var(--gap-8);
91
94
  border-left: 2px solid var(--color-light-neutral-translucent-300);
92
- border-top: none
93
- } .steps__dash_1vdoz.steps__vertical_1vdoz.steps__size-16_1vdoz {
94
- min-height: 16px;
95
- } .steps__dash_1vdoz.steps__vertical_1vdoz.steps__size-8_1vdoz {
96
- min-height: 8px;
97
- } .steps__dash_1vdoz.steps__completed_1vdoz.steps__vertical_1vdoz {
95
+ border-top: none;
96
+ } .steps__dash_1aema.steps__completed_1aema.steps__vertical_1aema {
98
97
  border-left: var(--steps-dash-border);
99
- } .steps__text_1vdoz {
98
+ } .steps__textWrapper_1aema.steps__vertical_1aema {
99
+ min-height: 48px
100
+ } .steps__textWrapper_1aema.steps__vertical_1aema.steps__gap-24_1aema {
101
+ margin-bottom: var(--gap-8);
102
+ } .steps__textWrapper_1aema.steps__vertical_1aema.steps__gap-32_1aema {
103
+ margin-bottom: var(--gap-16);
104
+ } .steps__text_1aema {
100
105
  font-size: 16px;
101
106
  line-height: 24px;
102
107
  font-weight: 400;
@@ -106,19 +111,19 @@
106
111
  color: var(--color-light-text-primary);
107
112
  border-radius: var(--gap-8);
108
113
  height: min-content
109
- } .steps__text_1vdoz.steps__interactive_1vdoz:not(.steps__disabled_1vdoz):hover {
114
+ } .steps__text_1aema.steps__interactive_1aema:not(.steps__disabled_1aema):hover {
110
115
  background: var(--color-light-transparent-default-hover);
111
- } .steps__text_1vdoz.steps__interactive_1vdoz:not(.steps__disabled_1vdoz):active {
116
+ } .steps__text_1aema.steps__interactive_1aema:not(.steps__disabled_1aema):active {
112
117
  background: var(--color-light-transparent-default-press);
113
- } .steps__focused_1vdoz {
118
+ } .steps__focused_1aema {
114
119
  outline: var(--gap-2) solid var(--focus-color);
115
120
  outline-offset: var(--gap-2);
116
- } .steps__selected_1vdoz .steps__text_1vdoz {
121
+ } .steps__selected_1aema .steps__text_1aema {
117
122
  color: var(--color-light-text-primary);
118
- } .steps__selected_1vdoz .steps__option_1vdoz {
123
+ } .steps__selected_1aema .steps__option_1aema {
119
124
  color: var(--color-light-text-primary-inverted);
120
125
  background: var(--color-light-neutral-translucent-1300);
121
- } .steps__checkbox_1vdoz {
126
+ } .steps__checkbox_1aema {
122
127
  display: flex;
123
128
  justify-content: center;
124
129
  align-items: center;
@@ -126,20 +131,20 @@
126
131
  width: 20px;
127
132
  height: 20px;
128
133
  border: 2px solid var(--color-light-neutral-translucent-300);
129
- } .steps__dot_1vdoz {
134
+ } .steps__dot_1aema {
130
135
  width: 10px;
131
136
  height: 10px;
132
137
  border-radius: var(--border-radius-circle);
133
138
  background: var(--color-light-neutral-translucent-300);
134
- } .steps__selected_1vdoz .steps__checkbox_1vdoz {
139
+ } .steps__selected_1aema .steps__checkbox_1aema {
135
140
  border: 2px solid var(--color-light-neutral-translucent-1300)
136
- } .steps__selected_1vdoz .steps__checkbox_1vdoz .steps__dot_1vdoz {
141
+ } .steps__selected_1aema .steps__checkbox_1aema .steps__dot_1aema {
137
142
  background: var(--color-light-neutral-translucent-1300);
138
- } .steps__option_1vdoz:not(.steps__error_1vdoz).steps__unordered_1vdoz {
143
+ } .steps__option_1aema:not(.steps__error_1aema).steps__unordered_1aema {
139
144
  background: unset;
140
- } .steps__completedIndicator_1vdoz > [class*='positive'] {
145
+ } .steps__completedIndicator_1aema > [class*='positive'] {
141
146
  color: var(--steps-option-svg-color);
142
147
  background-color: var(--steps-option-svg-color);
143
- } .steps__fullWidth_1vdoz {
148
+ } .steps__fullWidth_1aema {
144
149
  width: 100%;
145
150
  }
package/esm/components/step-indicator/Component.js CHANGED
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import cn from 'classnames';
3
3
  import { Badge } from '@alfalab/core-components-badge/esm';
4
4
 
5
- var styles = {"component":"steps__component_571lr"};
5
+ var styles = {"component":"steps__component_1rt27"};
6
6
  require('./index.css')
7
7
 
8
8
  var StepIndicator = function (_a) {
package/esm/components/step-indicator/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: or755 */
1
+ /* hash: 14ctu */
2
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
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
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 */
@@ -16,9 +16,12 @@
16
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
17
 
18
18
  /* новые значения, используйте их */
19
- --gap-0: 0;
19
+
20
+ /* no-unit может приводить к проблемам в calc (#1559) */
21
+ /* stylelint-disable-next-line length-zero-no-unit */
22
+ --gap-0: 0px;
20
23
  } :root {
21
24
  } :root {
22
- } /* сбрасывает синюю подсветку при нажатии */ .steps__component_571lr.steps__component_571lr {
25
+ } /* сбрасывает синюю подсветку при нажатии */ .steps__component_1rt27.steps__component_1rt27 {
23
26
  padding: var(--gap-0);
24
27
  }
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 10lmt */
1
+ /* hash: 1ju3z */
2
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
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
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 */
@@ -16,13 +16,16 @@
16
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
17
 
18
18
  /* новые значения, используйте их */
19
+
20
+ /* no-unit может приводить к проблемам в calc (#1559) */
21
+ /* stylelint-disable-next-line length-zero-no-unit */
19
22
  } :root {
20
23
  } :root {
21
- } /* сбрасывает синюю подсветку при нажатии */ .steps__component_1g5f5 {
24
+ } /* сбрасывает синюю подсветку при нажатии */ .steps__component_4vqw7 {
22
25
  display: flex;
23
26
  align-items: center;
24
27
  flex-direction: row
25
- } .steps__component_1g5f5.steps__vertical_1g5f5 {
28
+ } .steps__component_4vqw7.steps__vertical_4vqw7 {
26
29
  flex-direction: column;
27
30
  align-items: flex-start;
28
31
  }
package/esm/shared/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { getStepsTestIds } from "../utils/getStepsTestIds";
package/esm/shared/index.js ADDED
@@ -0,0 +1 @@
1
+ export { getStepsTestIds } from '../utils/getStepsTestIds.js';
package/esm/types/common-props.d.ts ADDED
@@ -0,0 +1,41 @@
1
+ import { ReactNode } from 'react';
2
+ /** Обобщенный набор типов который подходит для Steps, но также прокинут в дочерний Step */
3
+ type CommonProps = {
4
+ /**
5
+ * Идентификатор для систем автоматизированного тестирования
6
+ */
7
+ dataTestId?: string;
8
+ /**
9
+ * Дочерние элементы
10
+ */
11
+ children: ReactNode;
12
+ /**
13
+ * Управление ориентацией компонента
14
+ * @default false
15
+ */
16
+ isVerticalAlign?: boolean;
17
+ /**
18
+ * Управление отображением номера шага
19
+ */
20
+ ordered?: boolean;
21
+ /**
22
+ * Включение / отключение интерактивности шагов
23
+ */
24
+ interactive?: boolean;
25
+ /**
26
+ * Растягивание шагов на всю ширину блока для вертикальной ориентации
27
+ * @default false
28
+ */
29
+ fullWidth?: boolean;
30
+ /**
31
+ * Минимальное расстояние между шагами для горизонтального расположения компонента
32
+ * @default 24
33
+ * @description Значение 8 устарело и будет удалено в будущих версиях. Используйте 16, 24 или 32.
34
+ */
35
+ minSpaceBetweenSteps?: 8 | 16 | 24 | 32;
36
+ /**
37
+ * Цвет тире выполненного шага
38
+ */
39
+ completedDashColor?: string;
40
+ };
41
+ export { CommonProps };
package/esm/types/common-props.js ADDED
@@ -0,0 +1 @@
1
+
package/esm/utils/getStepsTestIds.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ declare function getStepsTestIds(dataTestId: string): {
2
+ steps: string;
3
+ step: string;
4
+ };
5
+ export { getStepsTestIds };
package/esm/utils/getStepsTestIds.js ADDED
@@ -0,0 +1,10 @@
1
+ import { getDataTestId } from '@alfalab/core-components-shared/esm';
2
+
3
+ function getStepsTestIds(dataTestId) {
4
+ return {
5
+ steps: dataTestId,
6
+ step: getDataTestId(dataTestId, 'step'),
7
+ };
8
+ }
9
+
10
+ export { getStepsTestIds };
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 10lmt */
1
+ /* hash: 1ju3z */
2
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
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
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 */
@@ -16,13 +16,16 @@
16
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
17
 
18
18
  /* новые значения, используйте их */
19
+
20
+ /* no-unit может приводить к проблемам в calc (#1559) */
21
+ /* stylelint-disable-next-line length-zero-no-unit */
19
22
  } :root {
20
23
  } :root {
21
- } /* сбрасывает синюю подсветку при нажатии */ .steps__component_1g5f5 {
24
+ } /* сбрасывает синюю подсветку при нажатии */ .steps__component_4vqw7 {
22
25
  display: flex;
23
26
  align-items: center;
24
27
  flex-direction: row
25
- } .steps__component_1g5f5.steps__vertical_1g5f5 {
28
+ } .steps__component_4vqw7.steps__vertical_4vqw7 {
26
29
  flex-direction: column;
27
30
  align-items: flex-start;
28
31
  }
package/modern/Component.d.ts CHANGED
@@ -1,16 +1,12 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { ReactNode } from "react";
4
3
  import { StepIndicatorProps } from "./components/step-indicator/index";
4
+ import { CommonProps } from "./types/common-props";
5
5
  type StepsProps = {
6
6
  /**
7
7
  * Дополнительный класс
8
8
  */
9
9
  className?: string;
10
- /**
11
- * Дочерние элементы
12
- */
13
- children: ReactNode;
14
10
  /**
15
11
  * Активный шаг, указанный по умолчанию
16
12
  * @default 1
@@ -25,29 +21,6 @@ type StepsProps = {
25
21
  * @default true
26
22
  */
27
23
  isMarkCompletedSteps?: boolean;
28
- /**
29
- * Управление ориентацией компонента
30
- * @default false
31
- */
32
- isVerticalAlign?: boolean;
33
- /**
34
- * Управление отображением номера шага
35
- */
36
- ordered?: boolean;
37
- /**
38
- * Включение / отключение интерактивности шагов
39
- */
40
- interactive?: boolean;
41
- /**
42
- * Растягивание шагов на всю ширину блока для вертикальной ориентации
43
- * @default false
44
- */
45
- fullWidth?: boolean;
46
- /**
47
- * Минимальное расстояние между шагами
48
- * @default 24
49
- */
50
- minSpaceBetweenSteps?: 8 | 16 | 24;
51
24
  /**
52
25
  * Кастомный метод для управления состоянием disabled шага и
53
26
  * возможностью перехода на этот шаг
@@ -61,6 +34,12 @@ type StepsProps = {
61
34
  * @return Флаг состояния error
62
35
  */
63
36
  checkIsStepError?: (stepNumber: number) => boolean;
37
+ /**
38
+ * Кастомный метод для управления состоянием шага criticalError
39
+ * @param stepNumber - номер шага
40
+ * @return Флаг состояния error
41
+ */
42
+ checkIsStepCriticalError?: (stepNumber: number) => boolean;
64
43
  /**
65
44
  * Кастомный метод для управления состоянием шага warning
66
45
  * @param stepNumber - номер шага
@@ -90,10 +69,6 @@ type StepsProps = {
90
69
  * @param stepNumber - номер активного шага
91
70
  */
92
71
  onChange?: (stepNumber: number) => void;
93
- /**
94
- * Идентификатор для систем автоматизированного тестирования
95
- */
96
- dataTestId?: string;
97
- };
72
+ } & CommonProps;
98
73
  declare const Steps: React.FC<StepsProps>;
99
74
  export { StepsProps, Steps };
package/modern/Component.js CHANGED
@@ -2,10 +2,10 @@ import React, { useState } from 'react';
2
2
  import cn from 'classnames';
3
3
  import { Step } from './components/step/Component.js';
4
4
 
5
- const styles = {"component":"steps__component_1g5f5","vertical":"steps__vertical_1g5f5"};
5
+ const styles = {"component":"steps__component_4vqw7","vertical":"steps__vertical_4vqw7"};
6
6
  require('./index.css')
7
7
 
8
- const Steps = ({ className, children, defaultActiveStep = 1, activeStep: activeStepProp, isMarkCompletedSteps = true, isVerticalAlign = false, ordered = true, interactive = true, fullWidth = false, minSpaceBetweenSteps = 24, checkIsStepDisabled, checkIsStepError, checkIsStepWarning, checkIsStepWaiting, checkIsStepPositive, checkIsStepCustom, onChange, dataTestId, }) => {
8
+ const Steps = ({ className, children, defaultActiveStep = 1, activeStep: activeStepProp, isMarkCompletedSteps = true, isVerticalAlign = false, ordered = true, interactive = true, fullWidth = false, minSpaceBetweenSteps = 24, checkIsStepDisabled, checkIsStepError, checkIsStepCriticalError, checkIsStepWarning, checkIsStepWaiting, checkIsStepPositive, checkIsStepCustom, onChange, dataTestId, completedDashColor, }) => {
9
9
  const uncontrolled = activeStepProp === undefined;
10
10
  const [activeStep, setActiveStep] = useState(defaultActiveStep);
11
11
  const stepsLength = React.Children.count(children);
@@ -29,12 +29,15 @@ const Steps = ({ className, children, defaultActiveStep = 1, activeStep: activeS
29
29
  const disabled = checkIsStepDisabled ? checkIsStepDisabled(stepNumber) : false;
30
30
  const isPositive = checkIsStepPositive ? checkIsStepPositive(stepNumber) : false;
31
31
  const isError = checkIsStepError ? checkIsStepError(stepNumber) : false;
32
+ const isCriticalError = checkIsStepCriticalError
33
+ ? checkIsStepCriticalError(stepNumber)
34
+ : false;
32
35
  const isWarning = checkIsStepWarning ? checkIsStepWarning(stepNumber) : false;
33
36
  const isWaiting = checkIsStepWaiting ? checkIsStepWaiting(stepNumber) : false;
34
37
  const customStepIndicator = checkIsStepCustom && checkIsStepCustom(stepNumber);
35
38
  const isNotLastStep = stepsLength !== stepNumber;
36
39
  const isInteractive = !disabled && interactive;
37
- return (React.createElement(Step, { stepNumber: stepNumber, isSelected: isSelected, isStepCompleted: isStepCompleted, disabled: disabled, isPositive: isPositive, isError: isError, isWarning: isWarning, isWaiting: isWaiting, customStepIndicator: customStepIndicator, onClick: handleStepClick, ordered: ordered, interactive: isInteractive, isVerticalAlign: isVerticalAlign, isNotLastStep: isNotLastStep, key: stepNumber, fullWidth: fullWidth, minSpaceBetweenSteps: minSpaceBetweenSteps }, step));
40
+ return (React.createElement(Step, { stepNumber: stepNumber, isSelected: isSelected, isStepCompleted: isStepCompleted, disabled: disabled, isPositive: isPositive, isError: isError, isCriticalError: isCriticalError, isWarning: isWarning, isWaiting: isWaiting, customStepIndicator: customStepIndicator, onClick: handleStepClick, ordered: ordered, interactive: isInteractive, isVerticalAlign: isVerticalAlign, isNotLastStep: isNotLastStep, key: stepNumber, fullWidth: fullWidth, minSpaceBetweenSteps: minSpaceBetweenSteps, completedDashColor: completedDashColor, dataTestId: dataTestId }, step));
38
41
  })));
39
42
  };
40
43
 
package/modern/components/step/Component.d.ts CHANGED
@@ -1,12 +1,7 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { ReactNode } from "react";
1
+ import { FC } from 'react';
2
+ import { CommonProps } from "../../types/common-props";
4
3
  import { StepIndicatorProps } from "../step-indicator/index";
5
4
  type StepProps = {
6
- /**
7
- * Название шага
8
- */
9
- children: ReactNode;
10
5
  /**
11
6
  * Номер шага
12
7
  */
@@ -19,14 +14,6 @@ type StepProps = {
19
14
  * Маркер того, что текущий шаг доступен для клика
20
15
  */
21
16
  disabled: boolean;
22
- /**
23
- * Управление отображением номера шага
24
- */
25
- ordered?: boolean;
26
- /**
27
- * Включение / отключение интерактивности шагов
28
- */
29
- interactive?: boolean;
30
17
  /**
31
18
  * Маркер того, что текущий шаг находится в состоянии "Positive"
32
19
  */
@@ -35,6 +22,10 @@ type StepProps = {
35
22
  * Маркер того, что текущий шаг находится в состоянии "Error"
36
23
  */
37
24
  isError: boolean;
25
+ /**
26
+ * Маркер того, что текущий шаг находится в состоянии "isCriticalError"
27
+ */
28
+ isCriticalError: boolean;
38
29
  /**
39
30
  * Маркер того, что текущий шаг находится в состоянии "Warning"
40
31
  */
@@ -51,30 +42,15 @@ type StepProps = {
51
42
  * Свойства кастомного индикатора текущего шага
52
43
  */
53
44
  customStepIndicator?: StepIndicatorProps | null;
54
- /**
55
- * Управление ориентацией компонента
56
- * @default false
57
- */
58
- isVerticalAlign?: boolean;
59
45
  /**
60
46
  * Указывает, является ли текущий шаг последним в списке
61
47
  */
62
48
  isNotLastStep?: boolean;
63
- /**
64
- * Маркер того, что шаг растягивается на всю ширину блока
65
- * для вертикальной ориентации
66
- */
67
- fullWidth?: boolean;
68
- /**
69
- * Минимальное расстояние между шагами
70
- * @default 24
71
- */
72
- minSpaceBetweenSteps?: 8 | 16 | 24;
73
49
  /**
74
50
  * Обработчик нажатия на текущей шаг
75
51
  * @param stepNumber - номер шага
76
52
  */
77
53
  onClick: (stepNumber: number) => void;
78
- };
79
- declare const Step: React.FC<StepProps>;
80
- export { StepProps, Step };
54
+ } & CommonProps;
55
+ declare const Step: FC<StepProps>;
56
+ export { Step };