@alfalab/core-components-steps 1.1.1 → 1.1.2

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 (31) hide show
  1. package/Component.js +2 -2
  2. package/components/step/Component.js +3 -3
  3. package/components/step/index.css +32 -29
  4. package/components/step/index.js +1 -1
  5. package/components/step-indicator/Component.js +1 -1
  6. package/components/step-indicator/index.css +2 -2
  7. package/cssm/Component.js +1 -1
  8. package/cssm/components/step/Component.js +2 -2
  9. package/cssm/components/step/index.js +1 -1
  10. package/cssm/components/step/index.module.css +6 -3
  11. package/cssm/index.js +1 -1
  12. package/esm/Component.js +2 -2
  13. package/esm/components/step/Component.js +3 -3
  14. package/esm/components/step/index.css +32 -29
  15. package/esm/components/step/index.js +1 -1
  16. package/esm/components/step-indicator/Component.js +1 -1
  17. package/esm/components/step-indicator/index.css +2 -2
  18. package/esm/index.css +3 -3
  19. package/esm/index.js +1 -1
  20. package/index.css +3 -3
  21. package/index.js +1 -1
  22. package/modern/Component.js +2 -2
  23. package/modern/components/step/Component.js +3 -3
  24. package/modern/components/step/index.css +32 -29
  25. package/modern/components/step/index.js +1 -1
  26. package/modern/components/step-indicator/Component.js +2 -4
  27. package/modern/components/step-indicator/index.css +2 -2
  28. package/modern/index.css +3 -3
  29. package/modern/index.js +1 -1
  30. package/package.json +2 -2
  31. package/send-stats.js +1 -1
package/Component.js CHANGED
@@ -7,8 +7,8 @@ var cn = require('classnames');
7
7
  var components_step_Component = require('./components/step/Component.js');
8
8
  require('@alfalab/hooks');
9
9
  require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
10
- require('@alfalab/icons-glyph/ExclamationCircleMIcon');
11
10
  require('@alfalab/icons-glyph/ClockMIcon');
11
+ require('@alfalab/icons-glyph/ExclamationCircleMIcon');
12
12
  require('@alfalab/core-components-badge');
13
13
  require('./components/step-indicator/Component.js');
14
14
 
@@ -17,7 +17,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
17
17
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
18
18
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
19
19
 
20
- var styles = {"component":"steps__component_87mpb","vertical":"steps__vertical_87mpb"};
20
+ var styles = {"component":"steps__component_ekgl4","vertical":"steps__vertical_ekgl4"};
21
21
  require('./index.css')
22
22
 
23
23
  var Steps = function (_a) {
package/components/step/Component.js CHANGED
@@ -6,8 +6,8 @@ var React = require('react');
6
6
  var cn = require('classnames');
7
7
  var hooks = require('@alfalab/hooks');
8
8
  var CheckmarkCircleMIcon = require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
9
- var ExclamationCircleMIcon = require('@alfalab/icons-glyph/ExclamationCircleMIcon');
10
9
  var ClockMIcon = require('@alfalab/icons-glyph/ClockMIcon');
10
+ var ExclamationCircleMIcon = require('@alfalab/icons-glyph/ExclamationCircleMIcon');
11
11
  require('@alfalab/core-components-badge');
12
12
  var components_stepIndicator_Component = require('../step-indicator/Component.js');
13
13
 
@@ -16,7 +16,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
16
16
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
17
17
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
18
18
 
19
- /*! *****************************************************************************
19
+ /******************************************************************************
20
20
  Copyright (c) Microsoft Corporation.
21
21
 
22
22
  Permission to use, copy, modify, and/or distribute this software for any
@@ -43,7 +43,7 @@ var __assign = function () {
43
43
  return __assign.apply(this, arguments);
44
44
  };
45
45
 
46
- var styles = {"step":"steps__step_js9jf","vertical":"steps__vertical_js9jf","interactive":"steps__interactive_js9jf","disabled":"steps__disabled_js9jf","text":"steps__text_js9jf","indicator":"steps__indicator_js9jf","option":"steps__option_js9jf","dash":"steps__dash_js9jf","completed":"steps__completed_js9jf","focused":"steps__focused_js9jf","selected":"steps__selected_js9jf","checkbox":"steps__checkbox_js9jf","dot":"steps__dot_js9jf","error":"steps__error_js9jf","unordered":"steps__unordered_js9jf","completedIndicator":"steps__completedIndicator_js9jf"};
46
+ var styles = {"step":"steps__step_chpay","vertical":"steps__vertical_chpay","interactive":"steps__interactive_chpay","disabled":"steps__disabled_chpay","text":"steps__text_chpay","indicator":"steps__indicator_chpay","option":"steps__option_chpay","dash":"steps__dash_chpay","completed":"steps__completed_chpay","focused":"steps__focused_chpay","selected":"steps__selected_chpay","checkbox":"steps__checkbox_chpay","dot":"steps__dot_chpay","error":"steps__error_chpay","unordered":"steps__unordered_chpay","completedIndicator":"steps__completedIndicator_chpay"};
47
47
  require('./index.css')
48
48
 
49
49
  var Step = function (_a) {
package/components/step/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: lfrzu */
1
+ /* hash: 1a7zq */
2
2
  :root {
3
3
  --color-light-border-link: #007aff;
4
4
  --color-light-border-primary: #dbdee1;
@@ -23,6 +23,9 @@
23
23
  --gap-2xs: 4px;
24
24
  --gap-xs: 8px;
25
25
  }
26
+ :root {
27
+ --border-radius-circle: 50%;
28
+ }
26
29
  :root {
27
30
  --focus-color: var(--color-light-border-link);
28
31
  }
@@ -30,33 +33,33 @@
30
33
  --steps-option-svg-color: var(--color-light-graphic-positive);
31
34
  --steps-dash-border: 2px solid var(--color-light-graphic-positive);
32
35
  }
33
- .steps__step_js9jf {
36
+ .steps__step_chpay {
34
37
  display: flex;
35
38
  outline: none
36
39
  }
37
- .steps__step_js9jf:not(.steps__vertical_js9jf) {
40
+ .steps__step_chpay:not(.steps__vertical_chpay) {
38
41
  align-items: center;
39
42
  }
40
- .steps__step_js9jf.steps__interactive_js9jf:not(.steps__disabled_js9jf):hover {
43
+ .steps__step_chpay.steps__interactive_chpay:not(.steps__disabled_chpay):hover {
41
44
  cursor: pointer;
42
45
  }
43
- .steps__step_js9jf.steps__disabled_js9jf:hover .steps__text_js9jf {
46
+ .steps__step_chpay.steps__disabled_chpay:hover .steps__text_chpay {
44
47
  background: unset;
45
48
  }
46
- .steps__step_js9jf.steps__disabled_js9jf .steps__indicator_js9jf {
49
+ .steps__step_chpay.steps__disabled_chpay .steps__indicator_chpay {
47
50
  cursor: unset;
48
51
  }
49
- .steps__indicator_js9jf {
52
+ .steps__indicator_chpay {
50
53
  cursor: pointer;
51
54
  display: flex;
52
55
  align-items: center;
53
56
  margin-right: var(--gap-2xs)
54
57
  }
55
- .steps__indicator_js9jf.steps__vertical_js9jf {
58
+ .steps__indicator_chpay.steps__vertical_chpay {
56
59
  flex-direction: column;
57
60
  margin-right: var(--gap-xs);
58
61
  }
59
- .steps__option_js9jf {
62
+ .steps__option_chpay {
60
63
  font-size: 14px;
61
64
  line-height: 20px;
62
65
  font-weight: 700;
@@ -68,21 +71,21 @@
68
71
  background: var(--color-light-graphic-quaternary);
69
72
  min-width: 24px;
70
73
  height: 24px;
71
- border-radius: 50%
74
+ border-radius: var(--border-radius-circle)
72
75
  }
73
- .steps__option_js9jf.steps__vertical_js9jf {
76
+ .steps__option_chpay.steps__vertical_chpay {
74
77
  margin-top: var(--gap-xs);
75
78
  }
76
- .steps__dash_js9jf {
79
+ .steps__dash_chpay {
77
80
  flex: 1 1 auto;
78
81
  min-width: 24px;
79
82
  border-top: 2px solid var(--color-light-border-primary);
80
83
  margin-right: var(--gap-xs)
81
84
  }
82
- .steps__dash_js9jf.steps__completed_js9jf {
85
+ .steps__dash_chpay.steps__completed_chpay {
83
86
  border-top: var(--steps-dash-border);
84
87
  }
85
- .steps__dash_js9jf.steps__vertical_js9jf {
88
+ .steps__dash_chpay.steps__vertical_chpay {
86
89
  min-width: unset;
87
90
  min-height: 24px;
88
91
  margin-right: 0;
@@ -90,10 +93,10 @@
90
93
  border-left: 2px solid var(--color-light-border-primary);
91
94
  border-top: none;
92
95
  }
93
- .steps__dash_js9jf.steps__completed_js9jf.steps__vertical_js9jf {
96
+ .steps__dash_chpay.steps__completed_chpay.steps__vertical_chpay {
94
97
  border-left: var(--steps-dash-border);
95
98
  }
96
- .steps__text_js9jf {
99
+ .steps__text_chpay {
97
100
  font-size: 16px;
98
101
  line-height: 24px;
99
102
  font-weight: 400;
@@ -104,48 +107,48 @@
104
107
  border-radius: var(--gap-xs);
105
108
  height: min-content
106
109
  }
107
- .steps__text_js9jf.steps__interactive_js9jf:not(.steps__disabled_js9jf):hover {
110
+ .steps__text_chpay.steps__interactive_chpay:not(.steps__disabled_chpay):hover {
108
111
  background: var(--color-light-bg-primary-inverted-alpha-7);
109
112
  }
110
- .steps__text_js9jf.steps__interactive_js9jf:not(.steps__disabled_js9jf):active {
113
+ .steps__text_chpay.steps__interactive_chpay:not(.steps__disabled_chpay):active {
111
114
  background: var(--color-light-bg-primary-inverted-alpha-15);
112
115
  }
113
- .steps__focused_js9jf {
116
+ .steps__focused_chpay {
114
117
  outline: var(--gap-3xs) solid var(--focus-color);
115
118
  outline-offset: var(--gap-3xs);
116
119
  }
117
- .steps__selected_js9jf .steps__text_js9jf {
120
+ .steps__selected_chpay .steps__text_chpay {
118
121
  color: var(--color-light-graphic-primary);
119
122
  }
120
- .steps__selected_js9jf .steps__option_js9jf {
123
+ .steps__selected_chpay .steps__option_chpay {
121
124
  color: var(--color-light-graphic-primary-inverted);
122
125
  background: var(--color-light-graphic-primary);
123
126
  }
124
- .steps__checkbox_js9jf {
127
+ .steps__checkbox_chpay {
125
128
  display: flex;
126
129
  justify-content: center;
127
130
  align-items: center;
128
- border-radius: 50%;
131
+ border-radius: var(--border-radius-circle);
129
132
  width: 20px;
130
133
  height: 20px;
131
134
  border: 2px solid var(--color-light-graphic-quaternary);
132
135
  }
133
- .steps__dot_js9jf {
136
+ .steps__dot_chpay {
134
137
  width: 10px;
135
138
  height: 10px;
136
- border-radius: 50%;
139
+ border-radius: var(--border-radius-circle);
137
140
  background: var(--color-light-graphic-quaternary);
138
141
  }
139
- .steps__selected_js9jf .steps__checkbox_js9jf {
142
+ .steps__selected_chpay .steps__checkbox_chpay {
140
143
  border: 2px solid var(--color-light-graphic-primary)
141
144
  }
142
- .steps__selected_js9jf .steps__checkbox_js9jf .steps__dot_js9jf {
145
+ .steps__selected_chpay .steps__checkbox_chpay .steps__dot_chpay {
143
146
  background: var(--color-light-graphic-primary);
144
147
  }
145
- .steps__option_js9jf:not(.steps__error_js9jf).steps__unordered_js9jf {
148
+ .steps__option_chpay:not(.steps__error_chpay).steps__unordered_chpay {
146
149
  background: unset;
147
150
  }
148
- .steps__completedIndicator_js9jf > [class*='positive'] {
151
+ .steps__completedIndicator_chpay > [class*='positive'] {
149
152
  color: var(--steps-option-svg-color);
150
153
  background-color: var(--steps-option-svg-color);
151
154
  }
package/components/step/index.js CHANGED
@@ -7,8 +7,8 @@ require('classnames');
7
7
  var components_step_Component = require('./Component.js');
8
8
  require('@alfalab/hooks');
9
9
  require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
10
- require('@alfalab/icons-glyph/ExclamationCircleMIcon');
11
10
  require('@alfalab/icons-glyph/ClockMIcon');
11
+ require('@alfalab/icons-glyph/ExclamationCircleMIcon');
12
12
  require('@alfalab/core-components-badge');
13
13
  require('../step-indicator/Component.js');
14
14
 
package/components/step-indicator/Component.js CHANGED
@@ -11,7 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
11
11
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
12
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
13
13
 
14
- var styles = {"component":"steps__component_w5s8e"};
14
+ var styles = {"component":"steps__component_bu5g3"};
15
15
  require('./index.css')
16
16
 
17
17
  var StepIndicator = function (_a) {
package/components/step-indicator/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: xoamc */
2
- .steps__component_w5s8e {
1
+ /* hash: 1mgid */
2
+ .steps__component_bu5g3 {
3
3
  padding: 0;
4
4
  }
package/cssm/Component.js CHANGED
@@ -7,8 +7,8 @@ var cn = require('classnames');
7
7
  var components_step_Component = require('./components/step/Component.js');
8
8
  require('@alfalab/hooks');
9
9
  require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
10
- require('@alfalab/icons-glyph/ExclamationCircleMIcon');
11
10
  require('@alfalab/icons-glyph/ClockMIcon');
11
+ require('@alfalab/icons-glyph/ExclamationCircleMIcon');
12
12
  require('@alfalab/core-components-badge/cssm');
13
13
  require('./components/step-indicator/index.module.css');
14
14
  require('./components/step-indicator/Component.js');
package/cssm/components/step/Component.js CHANGED
@@ -6,8 +6,8 @@ var React = require('react');
6
6
  var cn = require('classnames');
7
7
  var hooks = require('@alfalab/hooks');
8
8
  var CheckmarkCircleMIcon = require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
9
- var ExclamationCircleMIcon = require('@alfalab/icons-glyph/ExclamationCircleMIcon');
10
9
  var ClockMIcon = require('@alfalab/icons-glyph/ClockMIcon');
10
+ var ExclamationCircleMIcon = require('@alfalab/icons-glyph/ExclamationCircleMIcon');
11
11
  require('@alfalab/core-components-badge/cssm');
12
12
  require('../step-indicator/index.module.css');
13
13
  var components_stepIndicator_Component = require('../step-indicator/Component.js');
@@ -19,7 +19,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
19
19
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
20
20
  var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
21
21
 
22
- /*! *****************************************************************************
22
+ /******************************************************************************
23
23
  Copyright (c) Microsoft Corporation.
24
24
 
25
25
  Permission to use, copy, modify, and/or distribute this software for any
package/cssm/components/step/index.js CHANGED
@@ -7,8 +7,8 @@ require('classnames');
7
7
  var components_step_Component = require('./Component.js');
8
8
  require('@alfalab/hooks');
9
9
  require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
10
- require('@alfalab/icons-glyph/ExclamationCircleMIcon');
11
10
  require('@alfalab/icons-glyph/ClockMIcon');
11
+ require('@alfalab/icons-glyph/ExclamationCircleMIcon');
12
12
  require('@alfalab/core-components-badge/cssm');
13
13
  require('../step-indicator/index.module.css');
14
14
  require('../step-indicator/Component.js');
package/cssm/components/step/index.module.css CHANGED
@@ -22,6 +22,9 @@
22
22
  --gap-2xs: 4px;
23
23
  --gap-xs: 8px;
24
24
  }
25
+ :root {
26
+ --border-radius-circle: 50%;
27
+ }
25
28
  :root {
26
29
  --focus-color: var(--color-light-border-link);
27
30
  }
@@ -67,7 +70,7 @@
67
70
  background: var(--color-light-graphic-quaternary);
68
71
  min-width: 24px;
69
72
  height: 24px;
70
- border-radius: 50%
73
+ border-radius: var(--border-radius-circle)
71
74
  }
72
75
  .option.vertical {
73
76
  margin-top: var(--gap-xs);
@@ -124,7 +127,7 @@
124
127
  display: flex;
125
128
  justify-content: center;
126
129
  align-items: center;
127
- border-radius: 50%;
130
+ border-radius: var(--border-radius-circle);
128
131
  width: 20px;
129
132
  height: 20px;
130
133
  border: 2px solid var(--color-light-graphic-quaternary);
@@ -132,7 +135,7 @@
132
135
  .dot {
133
136
  width: 10px;
134
137
  height: 10px;
135
- border-radius: 50%;
138
+ border-radius: var(--border-radius-circle);
136
139
  background: var(--color-light-graphic-quaternary);
137
140
  }
138
141
  .selected .checkbox {
package/cssm/index.js CHANGED
@@ -7,8 +7,8 @@ require('classnames');
7
7
  require('./components/step/Component.js');
8
8
  require('@alfalab/hooks');
9
9
  require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
10
- require('@alfalab/icons-glyph/ExclamationCircleMIcon');
11
10
  require('@alfalab/icons-glyph/ClockMIcon');
11
+ require('@alfalab/icons-glyph/ExclamationCircleMIcon');
12
12
  require('@alfalab/core-components-badge/cssm');
13
13
  require('./components/step-indicator/index.module.css');
14
14
  require('./components/step-indicator/Component.js');
package/esm/Component.js CHANGED
@@ -3,12 +3,12 @@ import cn from 'classnames';
3
3
  import { Step } from './components/step/Component.js';
4
4
  import '@alfalab/hooks';
5
5
  import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
6
- import '@alfalab/icons-glyph/ExclamationCircleMIcon';
7
6
  import '@alfalab/icons-glyph/ClockMIcon';
7
+ import '@alfalab/icons-glyph/ExclamationCircleMIcon';
8
8
  import '@alfalab/core-components-badge/esm';
9
9
  import './components/step-indicator/Component.js';
10
10
 
11
- var styles = {"component":"steps__component_87mpb","vertical":"steps__vertical_87mpb"};
11
+ var styles = {"component":"steps__component_ekgl4","vertical":"steps__vertical_ekgl4"};
12
12
  require('./index.css')
13
13
 
14
14
  var Steps = function (_a) {
package/esm/components/step/Component.js CHANGED
@@ -2,12 +2,12 @@ import React, { useRef } from 'react';
2
2
  import cn from 'classnames';
3
3
  import { useFocus } from '@alfalab/hooks';
4
4
  import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon';
5
- import { ExclamationCircleMIcon } from '@alfalab/icons-glyph/ExclamationCircleMIcon';
6
5
  import { ClockMIcon } from '@alfalab/icons-glyph/ClockMIcon';
6
+ import { ExclamationCircleMIcon } from '@alfalab/icons-glyph/ExclamationCircleMIcon';
7
7
  import '@alfalab/core-components-badge/esm';
8
8
  import { StepIndicator } from '../step-indicator/Component.js';
9
9
 
10
- /*! *****************************************************************************
10
+ /******************************************************************************
11
11
  Copyright (c) Microsoft Corporation.
12
12
 
13
13
  Permission to use, copy, modify, and/or distribute this software for any
@@ -34,7 +34,7 @@ var __assign = function () {
34
34
  return __assign.apply(this, arguments);
35
35
  };
36
36
 
37
- var styles = {"step":"steps__step_js9jf","vertical":"steps__vertical_js9jf","interactive":"steps__interactive_js9jf","disabled":"steps__disabled_js9jf","text":"steps__text_js9jf","indicator":"steps__indicator_js9jf","option":"steps__option_js9jf","dash":"steps__dash_js9jf","completed":"steps__completed_js9jf","focused":"steps__focused_js9jf","selected":"steps__selected_js9jf","checkbox":"steps__checkbox_js9jf","dot":"steps__dot_js9jf","error":"steps__error_js9jf","unordered":"steps__unordered_js9jf","completedIndicator":"steps__completedIndicator_js9jf"};
37
+ var styles = {"step":"steps__step_chpay","vertical":"steps__vertical_chpay","interactive":"steps__interactive_chpay","disabled":"steps__disabled_chpay","text":"steps__text_chpay","indicator":"steps__indicator_chpay","option":"steps__option_chpay","dash":"steps__dash_chpay","completed":"steps__completed_chpay","focused":"steps__focused_chpay","selected":"steps__selected_chpay","checkbox":"steps__checkbox_chpay","dot":"steps__dot_chpay","error":"steps__error_chpay","unordered":"steps__unordered_chpay","completedIndicator":"steps__completedIndicator_chpay"};
38
38
  require('./index.css')
39
39
 
40
40
  var Step = function (_a) {
package/esm/components/step/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: lfrzu */
1
+ /* hash: 1a7zq */
2
2
  :root {
3
3
  --color-light-border-link: #007aff;
4
4
  --color-light-border-primary: #dbdee1;
@@ -23,6 +23,9 @@
23
23
  --gap-2xs: 4px;
24
24
  --gap-xs: 8px;
25
25
  }
26
+ :root {
27
+ --border-radius-circle: 50%;
28
+ }
26
29
  :root {
27
30
  --focus-color: var(--color-light-border-link);
28
31
  }
@@ -30,33 +33,33 @@
30
33
  --steps-option-svg-color: var(--color-light-graphic-positive);
31
34
  --steps-dash-border: 2px solid var(--color-light-graphic-positive);
32
35
  }
33
- .steps__step_js9jf {
36
+ .steps__step_chpay {
34
37
  display: flex;
35
38
  outline: none
36
39
  }
37
- .steps__step_js9jf:not(.steps__vertical_js9jf) {
40
+ .steps__step_chpay:not(.steps__vertical_chpay) {
38
41
  align-items: center;
39
42
  }
40
- .steps__step_js9jf.steps__interactive_js9jf:not(.steps__disabled_js9jf):hover {
43
+ .steps__step_chpay.steps__interactive_chpay:not(.steps__disabled_chpay):hover {
41
44
  cursor: pointer;
42
45
  }
43
- .steps__step_js9jf.steps__disabled_js9jf:hover .steps__text_js9jf {
46
+ .steps__step_chpay.steps__disabled_chpay:hover .steps__text_chpay {
44
47
  background: unset;
45
48
  }
46
- .steps__step_js9jf.steps__disabled_js9jf .steps__indicator_js9jf {
49
+ .steps__step_chpay.steps__disabled_chpay .steps__indicator_chpay {
47
50
  cursor: unset;
48
51
  }
49
- .steps__indicator_js9jf {
52
+ .steps__indicator_chpay {
50
53
  cursor: pointer;
51
54
  display: flex;
52
55
  align-items: center;
53
56
  margin-right: var(--gap-2xs)
54
57
  }
55
- .steps__indicator_js9jf.steps__vertical_js9jf {
58
+ .steps__indicator_chpay.steps__vertical_chpay {
56
59
  flex-direction: column;
57
60
  margin-right: var(--gap-xs);
58
61
  }
59
- .steps__option_js9jf {
62
+ .steps__option_chpay {
60
63
  font-size: 14px;
61
64
  line-height: 20px;
62
65
  font-weight: 700;
@@ -68,21 +71,21 @@
68
71
  background: var(--color-light-graphic-quaternary);
69
72
  min-width: 24px;
70
73
  height: 24px;
71
- border-radius: 50%
74
+ border-radius: var(--border-radius-circle)
72
75
  }
73
- .steps__option_js9jf.steps__vertical_js9jf {
76
+ .steps__option_chpay.steps__vertical_chpay {
74
77
  margin-top: var(--gap-xs);
75
78
  }
76
- .steps__dash_js9jf {
79
+ .steps__dash_chpay {
77
80
  flex: 1 1 auto;
78
81
  min-width: 24px;
79
82
  border-top: 2px solid var(--color-light-border-primary);
80
83
  margin-right: var(--gap-xs)
81
84
  }
82
- .steps__dash_js9jf.steps__completed_js9jf {
85
+ .steps__dash_chpay.steps__completed_chpay {
83
86
  border-top: var(--steps-dash-border);
84
87
  }
85
- .steps__dash_js9jf.steps__vertical_js9jf {
88
+ .steps__dash_chpay.steps__vertical_chpay {
86
89
  min-width: unset;
87
90
  min-height: 24px;
88
91
  margin-right: 0;
@@ -90,10 +93,10 @@
90
93
  border-left: 2px solid var(--color-light-border-primary);
91
94
  border-top: none;
92
95
  }
93
- .steps__dash_js9jf.steps__completed_js9jf.steps__vertical_js9jf {
96
+ .steps__dash_chpay.steps__completed_chpay.steps__vertical_chpay {
94
97
  border-left: var(--steps-dash-border);
95
98
  }
96
- .steps__text_js9jf {
99
+ .steps__text_chpay {
97
100
  font-size: 16px;
98
101
  line-height: 24px;
99
102
  font-weight: 400;
@@ -104,48 +107,48 @@
104
107
  border-radius: var(--gap-xs);
105
108
  height: min-content
106
109
  }
107
- .steps__text_js9jf.steps__interactive_js9jf:not(.steps__disabled_js9jf):hover {
110
+ .steps__text_chpay.steps__interactive_chpay:not(.steps__disabled_chpay):hover {
108
111
  background: var(--color-light-bg-primary-inverted-alpha-7);
109
112
  }
110
- .steps__text_js9jf.steps__interactive_js9jf:not(.steps__disabled_js9jf):active {
113
+ .steps__text_chpay.steps__interactive_chpay:not(.steps__disabled_chpay):active {
111
114
  background: var(--color-light-bg-primary-inverted-alpha-15);
112
115
  }
113
- .steps__focused_js9jf {
116
+ .steps__focused_chpay {
114
117
  outline: var(--gap-3xs) solid var(--focus-color);
115
118
  outline-offset: var(--gap-3xs);
116
119
  }
117
- .steps__selected_js9jf .steps__text_js9jf {
120
+ .steps__selected_chpay .steps__text_chpay {
118
121
  color: var(--color-light-graphic-primary);
119
122
  }
120
- .steps__selected_js9jf .steps__option_js9jf {
123
+ .steps__selected_chpay .steps__option_chpay {
121
124
  color: var(--color-light-graphic-primary-inverted);
122
125
  background: var(--color-light-graphic-primary);
123
126
  }
124
- .steps__checkbox_js9jf {
127
+ .steps__checkbox_chpay {
125
128
  display: flex;
126
129
  justify-content: center;
127
130
  align-items: center;
128
- border-radius: 50%;
131
+ border-radius: var(--border-radius-circle);
129
132
  width: 20px;
130
133
  height: 20px;
131
134
  border: 2px solid var(--color-light-graphic-quaternary);
132
135
  }
133
- .steps__dot_js9jf {
136
+ .steps__dot_chpay {
134
137
  width: 10px;
135
138
  height: 10px;
136
- border-radius: 50%;
139
+ border-radius: var(--border-radius-circle);
137
140
  background: var(--color-light-graphic-quaternary);
138
141
  }
139
- .steps__selected_js9jf .steps__checkbox_js9jf {
142
+ .steps__selected_chpay .steps__checkbox_chpay {
140
143
  border: 2px solid var(--color-light-graphic-primary)
141
144
  }
142
- .steps__selected_js9jf .steps__checkbox_js9jf .steps__dot_js9jf {
145
+ .steps__selected_chpay .steps__checkbox_chpay .steps__dot_chpay {
143
146
  background: var(--color-light-graphic-primary);
144
147
  }
145
- .steps__option_js9jf:not(.steps__error_js9jf).steps__unordered_js9jf {
148
+ .steps__option_chpay:not(.steps__error_chpay).steps__unordered_chpay {
146
149
  background: unset;
147
150
  }
148
- .steps__completedIndicator_js9jf > [class*='positive'] {
151
+ .steps__completedIndicator_chpay > [class*='positive'] {
149
152
  color: var(--steps-option-svg-color);
150
153
  background-color: var(--steps-option-svg-color);
151
154
  }
package/esm/components/step/index.js CHANGED
@@ -3,7 +3,7 @@ import 'classnames';
3
3
  export { Step } from './Component.js';
4
4
  import '@alfalab/hooks';
5
5
  import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
6
- import '@alfalab/icons-glyph/ExclamationCircleMIcon';
7
6
  import '@alfalab/icons-glyph/ClockMIcon';
7
+ import '@alfalab/icons-glyph/ExclamationCircleMIcon';
8
8
  import '@alfalab/core-components-badge/esm';
9
9
  import '../step-indicator/Component.js';
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_w5s8e"};
5
+ var styles = {"component":"steps__component_bu5g3"};
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: xoamc */
2
- .steps__component_w5s8e {
1
+ /* hash: 1mgid */
2
+ .steps__component_bu5g3 {
3
3
  padding: 0;
4
4
  }
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 11k18 */
1
+ /* hash: gd62a */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -7,12 +7,12 @@
7
7
 
8
8
  /* Hard up */
9
9
  }
10
- .steps__component_87mpb {
10
+ .steps__component_ekgl4 {
11
11
  display: flex;
12
12
  align-items: center;
13
13
  flex-direction: row
14
14
  }
15
- .steps__component_87mpb.steps__vertical_87mpb {
15
+ .steps__component_ekgl4.steps__vertical_ekgl4 {
16
16
  flex-direction: column;
17
17
  align-items: flex-start;
18
18
  }
package/esm/index.js CHANGED
@@ -3,8 +3,8 @@ import 'classnames';
3
3
  import './components/step/Component.js';
4
4
  import '@alfalab/hooks';
5
5
  import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
6
- import '@alfalab/icons-glyph/ExclamationCircleMIcon';
7
6
  import '@alfalab/icons-glyph/ClockMIcon';
7
+ import '@alfalab/icons-glyph/ExclamationCircleMIcon';
8
8
  import '@alfalab/core-components-badge/esm';
9
9
  import './components/step-indicator/Component.js';
10
10
  export { Steps } from './Component.js';
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 11k18 */
1
+ /* hash: gd62a */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -7,12 +7,12 @@
7
7
 
8
8
  /* Hard up */
9
9
  }
10
- .steps__component_87mpb {
10
+ .steps__component_ekgl4 {
11
11
  display: flex;
12
12
  align-items: center;
13
13
  flex-direction: row
14
14
  }
15
- .steps__component_87mpb.steps__vertical_87mpb {
15
+ .steps__component_ekgl4.steps__vertical_ekgl4 {
16
16
  flex-direction: column;
17
17
  align-items: flex-start;
18
18
  }
package/index.js CHANGED
@@ -7,8 +7,8 @@ require('classnames');
7
7
  require('./components/step/Component.js');
8
8
  require('@alfalab/hooks');
9
9
  require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
10
- require('@alfalab/icons-glyph/ExclamationCircleMIcon');
11
10
  require('@alfalab/icons-glyph/ClockMIcon');
11
+ require('@alfalab/icons-glyph/ExclamationCircleMIcon');
12
12
  require('@alfalab/core-components-badge');
13
13
  require('./components/step-indicator/Component.js');
14
14
  var Component = require('./Component.js');
package/modern/Component.js CHANGED
@@ -2,13 +2,13 @@ import React, { useState, useEffect } from 'react';
2
2
  import cn from 'classnames';
3
3
  import '@alfalab/hooks';
4
4
  import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
5
- import '@alfalab/icons-glyph/ExclamationCircleMIcon';
6
5
  import '@alfalab/icons-glyph/ClockMIcon';
6
+ import '@alfalab/icons-glyph/ExclamationCircleMIcon';
7
7
  import '@alfalab/core-components-badge/modern';
8
8
  import './components/step-indicator/Component.js';
9
9
  import { Step } from './components/step/Component.js';
10
10
 
11
- var styles = {"component":"steps__component_87mpb","vertical":"steps__vertical_87mpb"};
11
+ var styles = {"component":"steps__component_ekgl4","vertical":"steps__vertical_ekgl4"};
12
12
  require('./index.css')
13
13
 
14
14
  const Steps = ({ className, children, defaultActiveStep = 1, activeStep: activeStepProp, isMarkCompletedSteps = true, isVerticalAlign = false, ordered = true, interactive = true, checkIsStepDisabled, checkIsStepError, checkIsStepWarning, checkIsStepWaiting, checkIsStepPositive, checkIsStepCustom, onChange, dataTestId, }) => {
package/modern/components/step/Component.js CHANGED
@@ -2,12 +2,12 @@ import React, { useRef } from 'react';
2
2
  import cn from 'classnames';
3
3
  import { useFocus } from '@alfalab/hooks';
4
4
  import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon';
5
- import { ExclamationCircleMIcon } from '@alfalab/icons-glyph/ExclamationCircleMIcon';
6
5
  import { ClockMIcon } from '@alfalab/icons-glyph/ClockMIcon';
6
+ import { ExclamationCircleMIcon } from '@alfalab/icons-glyph/ExclamationCircleMIcon';
7
7
  import '@alfalab/core-components-badge/modern';
8
8
  import { StepIndicator } from '../step-indicator/Component.js';
9
9
 
10
- var styles = {"step":"steps__step_js9jf","vertical":"steps__vertical_js9jf","interactive":"steps__interactive_js9jf","disabled":"steps__disabled_js9jf","text":"steps__text_js9jf","indicator":"steps__indicator_js9jf","option":"steps__option_js9jf","dash":"steps__dash_js9jf","completed":"steps__completed_js9jf","focused":"steps__focused_js9jf","selected":"steps__selected_js9jf","checkbox":"steps__checkbox_js9jf","dot":"steps__dot_js9jf","error":"steps__error_js9jf","unordered":"steps__unordered_js9jf","completedIndicator":"steps__completedIndicator_js9jf"};
10
+ var styles = {"step":"steps__step_chpay","vertical":"steps__vertical_chpay","interactive":"steps__interactive_chpay","disabled":"steps__disabled_chpay","text":"steps__text_chpay","indicator":"steps__indicator_chpay","option":"steps__option_chpay","dash":"steps__dash_chpay","completed":"steps__completed_chpay","focused":"steps__focused_chpay","selected":"steps__selected_chpay","checkbox":"steps__checkbox_chpay","dot":"steps__dot_chpay","error":"steps__error_chpay","unordered":"steps__unordered_chpay","completedIndicator":"steps__completedIndicator_chpay"};
11
11
  require('./index.css')
12
12
 
13
13
  const Step = ({ children, stepNumber, isSelected, disabled, ordered, isPositive, isError, isWarning, isWaiting, customStepIndicator, isStepCompleted, onClick, interactive, isVerticalAlign, isNotLastStep, }) => {
@@ -30,7 +30,7 @@ const Step = ({ children, stepNumber, isSelected, disabled, ordered, isPositive,
30
30
  };
31
31
  const getStepIndicator = () => {
32
32
  if (customStepIndicator) {
33
- return React.createElement(StepIndicator, Object.assign({}, customStepIndicator));
33
+ return React.createElement(StepIndicator, { ...customStepIndicator });
34
34
  }
35
35
  if (isError) {
36
36
  return React.createElement(StepIndicator, { iconColor: 'negative', content: React.createElement(ExclamationCircleMIcon, null) });
package/modern/components/step/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: lfrzu */
1
+ /* hash: 1a7zq */
2
2
  :root {
3
3
  --color-light-border-link: #007aff;
4
4
  --color-light-border-primary: #dbdee1;
@@ -23,6 +23,9 @@
23
23
  --gap-2xs: 4px;
24
24
  --gap-xs: 8px;
25
25
  }
26
+ :root {
27
+ --border-radius-circle: 50%;
28
+ }
26
29
  :root {
27
30
  --focus-color: var(--color-light-border-link);
28
31
  }
@@ -30,33 +33,33 @@
30
33
  --steps-option-svg-color: var(--color-light-graphic-positive);
31
34
  --steps-dash-border: 2px solid var(--color-light-graphic-positive);
32
35
  }
33
- .steps__step_js9jf {
36
+ .steps__step_chpay {
34
37
  display: flex;
35
38
  outline: none
36
39
  }
37
- .steps__step_js9jf:not(.steps__vertical_js9jf) {
40
+ .steps__step_chpay:not(.steps__vertical_chpay) {
38
41
  align-items: center;
39
42
  }
40
- .steps__step_js9jf.steps__interactive_js9jf:not(.steps__disabled_js9jf):hover {
43
+ .steps__step_chpay.steps__interactive_chpay:not(.steps__disabled_chpay):hover {
41
44
  cursor: pointer;
42
45
  }
43
- .steps__step_js9jf.steps__disabled_js9jf:hover .steps__text_js9jf {
46
+ .steps__step_chpay.steps__disabled_chpay:hover .steps__text_chpay {
44
47
  background: unset;
45
48
  }
46
- .steps__step_js9jf.steps__disabled_js9jf .steps__indicator_js9jf {
49
+ .steps__step_chpay.steps__disabled_chpay .steps__indicator_chpay {
47
50
  cursor: unset;
48
51
  }
49
- .steps__indicator_js9jf {
52
+ .steps__indicator_chpay {
50
53
  cursor: pointer;
51
54
  display: flex;
52
55
  align-items: center;
53
56
  margin-right: var(--gap-2xs)
54
57
  }
55
- .steps__indicator_js9jf.steps__vertical_js9jf {
58
+ .steps__indicator_chpay.steps__vertical_chpay {
56
59
  flex-direction: column;
57
60
  margin-right: var(--gap-xs);
58
61
  }
59
- .steps__option_js9jf {
62
+ .steps__option_chpay {
60
63
  font-size: 14px;
61
64
  line-height: 20px;
62
65
  font-weight: 700;
@@ -68,21 +71,21 @@
68
71
  background: var(--color-light-graphic-quaternary);
69
72
  min-width: 24px;
70
73
  height: 24px;
71
- border-radius: 50%
74
+ border-radius: var(--border-radius-circle)
72
75
  }
73
- .steps__option_js9jf.steps__vertical_js9jf {
76
+ .steps__option_chpay.steps__vertical_chpay {
74
77
  margin-top: var(--gap-xs);
75
78
  }
76
- .steps__dash_js9jf {
79
+ .steps__dash_chpay {
77
80
  flex: 1 1 auto;
78
81
  min-width: 24px;
79
82
  border-top: 2px solid var(--color-light-border-primary);
80
83
  margin-right: var(--gap-xs)
81
84
  }
82
- .steps__dash_js9jf.steps__completed_js9jf {
85
+ .steps__dash_chpay.steps__completed_chpay {
83
86
  border-top: var(--steps-dash-border);
84
87
  }
85
- .steps__dash_js9jf.steps__vertical_js9jf {
88
+ .steps__dash_chpay.steps__vertical_chpay {
86
89
  min-width: unset;
87
90
  min-height: 24px;
88
91
  margin-right: 0;
@@ -90,10 +93,10 @@
90
93
  border-left: 2px solid var(--color-light-border-primary);
91
94
  border-top: none;
92
95
  }
93
- .steps__dash_js9jf.steps__completed_js9jf.steps__vertical_js9jf {
96
+ .steps__dash_chpay.steps__completed_chpay.steps__vertical_chpay {
94
97
  border-left: var(--steps-dash-border);
95
98
  }
96
- .steps__text_js9jf {
99
+ .steps__text_chpay {
97
100
  font-size: 16px;
98
101
  line-height: 24px;
99
102
  font-weight: 400;
@@ -104,48 +107,48 @@
104
107
  border-radius: var(--gap-xs);
105
108
  height: min-content
106
109
  }
107
- .steps__text_js9jf.steps__interactive_js9jf:not(.steps__disabled_js9jf):hover {
110
+ .steps__text_chpay.steps__interactive_chpay:not(.steps__disabled_chpay):hover {
108
111
  background: var(--color-light-bg-primary-inverted-alpha-7);
109
112
  }
110
- .steps__text_js9jf.steps__interactive_js9jf:not(.steps__disabled_js9jf):active {
113
+ .steps__text_chpay.steps__interactive_chpay:not(.steps__disabled_chpay):active {
111
114
  background: var(--color-light-bg-primary-inverted-alpha-15);
112
115
  }
113
- .steps__focused_js9jf {
116
+ .steps__focused_chpay {
114
117
  outline: var(--gap-3xs) solid var(--focus-color);
115
118
  outline-offset: var(--gap-3xs);
116
119
  }
117
- .steps__selected_js9jf .steps__text_js9jf {
120
+ .steps__selected_chpay .steps__text_chpay {
118
121
  color: var(--color-light-graphic-primary);
119
122
  }
120
- .steps__selected_js9jf .steps__option_js9jf {
123
+ .steps__selected_chpay .steps__option_chpay {
121
124
  color: var(--color-light-graphic-primary-inverted);
122
125
  background: var(--color-light-graphic-primary);
123
126
  }
124
- .steps__checkbox_js9jf {
127
+ .steps__checkbox_chpay {
125
128
  display: flex;
126
129
  justify-content: center;
127
130
  align-items: center;
128
- border-radius: 50%;
131
+ border-radius: var(--border-radius-circle);
129
132
  width: 20px;
130
133
  height: 20px;
131
134
  border: 2px solid var(--color-light-graphic-quaternary);
132
135
  }
133
- .steps__dot_js9jf {
136
+ .steps__dot_chpay {
134
137
  width: 10px;
135
138
  height: 10px;
136
- border-radius: 50%;
139
+ border-radius: var(--border-radius-circle);
137
140
  background: var(--color-light-graphic-quaternary);
138
141
  }
139
- .steps__selected_js9jf .steps__checkbox_js9jf {
142
+ .steps__selected_chpay .steps__checkbox_chpay {
140
143
  border: 2px solid var(--color-light-graphic-primary)
141
144
  }
142
- .steps__selected_js9jf .steps__checkbox_js9jf .steps__dot_js9jf {
145
+ .steps__selected_chpay .steps__checkbox_chpay .steps__dot_chpay {
143
146
  background: var(--color-light-graphic-primary);
144
147
  }
145
- .steps__option_js9jf:not(.steps__error_js9jf).steps__unordered_js9jf {
148
+ .steps__option_chpay:not(.steps__error_chpay).steps__unordered_chpay {
146
149
  background: unset;
147
150
  }
148
- .steps__completedIndicator_js9jf > [class*='positive'] {
151
+ .steps__completedIndicator_chpay > [class*='positive'] {
149
152
  color: var(--steps-option-svg-color);
150
153
  background-color: var(--steps-option-svg-color);
151
154
  }
package/modern/components/step/index.js CHANGED
@@ -2,8 +2,8 @@ import 'react';
2
2
  import 'classnames';
3
3
  import '@alfalab/hooks';
4
4
  import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
5
- import '@alfalab/icons-glyph/ExclamationCircleMIcon';
6
5
  import '@alfalab/icons-glyph/ClockMIcon';
6
+ import '@alfalab/icons-glyph/ExclamationCircleMIcon';
7
7
  import '@alfalab/core-components-badge/modern';
8
8
  import '../step-indicator/Component.js';
9
9
  export { Step } from './Component.js';
package/modern/components/step-indicator/Component.js CHANGED
@@ -2,11 +2,9 @@ import React from 'react';
2
2
  import cn from 'classnames';
3
3
  import { Badge } from '@alfalab/core-components-badge/modern';
4
4
 
5
- var styles = {"component":"steps__component_w5s8e"};
5
+ var styles = {"component":"steps__component_bu5g3"};
6
6
  require('./index.css')
7
7
 
8
- const StepIndicator = ({ content, iconColor, className }) => {
9
- return (React.createElement(Badge, { size: 'l', view: 'icon', iconColor: iconColor, className: cn(styles.component, className), content: content }));
10
- };
8
+ const StepIndicator = ({ content, iconColor, className }) => (React.createElement(Badge, { size: 'l', view: 'icon', iconColor: iconColor, className: cn(styles.component, className), content: content }));
11
9
 
12
10
  export { StepIndicator };
package/modern/components/step-indicator/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: xoamc */
2
- .steps__component_w5s8e {
1
+ /* hash: 1mgid */
2
+ .steps__component_bu5g3 {
3
3
  padding: 0;
4
4
  }
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 11k18 */
1
+ /* hash: gd62a */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -7,12 +7,12 @@
7
7
 
8
8
  /* Hard up */
9
9
  }
10
- .steps__component_87mpb {
10
+ .steps__component_ekgl4 {
11
11
  display: flex;
12
12
  align-items: center;
13
13
  flex-direction: row
14
14
  }
15
- .steps__component_87mpb.steps__vertical_87mpb {
15
+ .steps__component_ekgl4.steps__vertical_ekgl4 {
16
16
  flex-direction: column;
17
17
  align-items: flex-start;
18
18
  }
package/modern/index.js CHANGED
@@ -2,8 +2,8 @@ import 'react';
2
2
  import 'classnames';
3
3
  import '@alfalab/hooks';
4
4
  import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
5
- import '@alfalab/icons-glyph/ExclamationCircleMIcon';
6
5
  import '@alfalab/icons-glyph/ClockMIcon';
6
+ import '@alfalab/icons-glyph/ExclamationCircleMIcon';
7
7
  import '@alfalab/core-components-badge/modern';
8
8
  import './components/step-indicator/Component.js';
9
9
  import './components/step/Component.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-steps",
3
- "version": "1.1.1",
3
+ "version": "1.1.2",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -17,7 +17,7 @@
17
17
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
18
18
  },
19
19
  "dependencies": {
20
- "@alfalab/core-components-badge": "^4.0.2",
20
+ "@alfalab/core-components-badge": "^4.0.3",
21
21
  "@alfalab/hooks": "^1.13.0",
22
22
  "@alfalab/icons-glyph": "^2.71.0",
23
23
  "classnames": "^2.3.1"
package/send-stats.js CHANGED
@@ -55,7 +55,7 @@ async function main() {
55
55
  };
56
56
 
57
57
  return new Promise((resolve, reject) => {
58
- const req = http.request(options, res => {
58
+ const req = http.request(options, (res) => {
59
59
  res.on('end', () => {
60
60
  resolve();
61
61
  });