@alfalab/core-components-steps 3.0.1-alfasans → 3.0.2-alfasans

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 (19) hide show
  1. package/components/step/index.css +31 -31
  2. package/components/step/index.module.css.js +1 -1
  3. package/components/step-indicator/index.css +1 -1
  4. package/components/step-indicator/index.module.css.js +1 -1
  5. package/esm/components/step/index.css +31 -31
  6. package/esm/components/step/index.module.css.js +1 -1
  7. package/esm/components/step-indicator/index.css +1 -1
  8. package/esm/components/step-indicator/index.module.css.js +1 -1
  9. package/esm/index.css +2 -2
  10. package/esm/index.module.css.js +1 -1
  11. package/index.css +2 -2
  12. package/index.module.css.js +1 -1
  13. package/modern/components/step/index.css +31 -31
  14. package/modern/components/step/index.module.css.js +1 -1
  15. package/modern/components/step-indicator/index.css +1 -1
  16. package/modern/components/step-indicator/index.module.css.js +1 -1
  17. package/modern/index.css +2 -2
  18. package/modern/index.module.css.js +1 -1
  19. package/package.json +2 -2
package/components/step/index.css CHANGED
@@ -34,40 +34,40 @@
34
34
  --steps-option-svg-color: var(--color-light-status-positive);
35
35
  --steps-dash-border: 2px solid var(--color-light-status-positive);
36
36
  }
37
- .steps__step_1perg {
37
+ .steps__step_1coe1 {
38
38
  display: flex;
39
39
  outline: none;
40
40
  }
41
- .steps__step_1perg.steps__horizontal_1perg {
41
+ .steps__step_1coe1.steps__horizontal_1coe1 {
42
42
  flex-grow: 1;
43
43
  }
44
- .steps__step_1perg:not(.steps__vertical_1perg) {
44
+ .steps__step_1coe1:not(.steps__vertical_1coe1) {
45
45
  align-items: center;
46
46
  }
47
- .steps__step_1perg:last-of-type .steps__textWrapper_1perg.steps__vertical_1perg {
47
+ .steps__step_1coe1:last-of-type .steps__textWrapper_1coe1.steps__vertical_1coe1 {
48
48
  margin-bottom: var(--gap-0);
49
49
  }
50
- .steps__step_1perg.steps__interactive_1perg:not(.steps__disabled_1perg):hover {
50
+ .steps__step_1coe1.steps__interactive_1coe1:not(.steps__disabled_1coe1):hover {
51
51
  cursor: pointer;
52
52
  }
53
- .steps__step_1perg.steps__disabled_1perg:hover .steps__text_1perg {
53
+ .steps__step_1coe1.steps__disabled_1coe1:hover .steps__text_1coe1 {
54
54
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
55
55
  background: initial;
56
56
  }
57
- .steps__step_1perg.steps__disabled_1perg .steps__indicator_1perg {
57
+ .steps__step_1coe1.steps__disabled_1coe1 .steps__indicator_1coe1 {
58
58
  cursor: inherit;
59
59
  }
60
- .steps__indicator_1perg {
60
+ .steps__indicator_1coe1 {
61
61
  cursor: pointer;
62
62
  display: flex;
63
63
  align-items: center;
64
64
  margin-right: var(--gap-4);
65
65
  }
66
- .steps__indicator_1perg.steps__vertical_1perg {
66
+ .steps__indicator_1coe1.steps__vertical_1coe1 {
67
67
  flex-direction: column;
68
68
  margin-right: var(--gap-8);
69
69
  }
70
- .steps__option_1perg {
70
+ .steps__option_1coe1 {
71
71
  font-size: 14px;
72
72
  line-height: 20px;
73
73
  font-weight: 700;
@@ -83,19 +83,19 @@
83
83
  height: 24px;
84
84
  border-radius: var(--border-radius-circle);
85
85
  }
86
- .steps__option_1perg.steps__vertical_1perg {
86
+ .steps__option_1coe1.steps__vertical_1coe1 {
87
87
  margin-top: var(--gap-8);
88
88
  }
89
- .steps__dash_1perg {
89
+ .steps__dash_1coe1 {
90
90
  flex: 1 1 auto;
91
91
  min-width: 24px;
92
92
  border-top: 2px solid var(--color-light-neutral-translucent-300);
93
93
  margin-right: var(--gap-8);
94
94
  }
95
- .steps__dash_1perg.steps__completed_1perg {
95
+ .steps__dash_1coe1.steps__completed_1coe1 {
96
96
  border-top: var(--steps-dash-border);
97
97
  }
98
- .steps__dash_1perg.steps__vertical_1perg {
98
+ .steps__dash_1coe1.steps__vertical_1coe1 {
99
99
  min-width: 0;
100
100
  min-width: initial;
101
101
  min-height: 8px;
@@ -104,19 +104,19 @@
104
104
  border-left: 2px solid var(--color-light-neutral-translucent-300);
105
105
  border-top: none;
106
106
  }
107
- .steps__dash_1perg.steps__completed_1perg.steps__vertical_1perg {
107
+ .steps__dash_1coe1.steps__completed_1coe1.steps__vertical_1coe1 {
108
108
  border-left: var(--steps-dash-border);
109
109
  }
110
- .steps__textWrapper_1perg.steps__vertical_1perg {
110
+ .steps__textWrapper_1coe1.steps__vertical_1coe1 {
111
111
  min-height: 48px;
112
112
  }
113
- .steps__textWrapper_1perg.steps__vertical_1perg.steps__gap-24_1perg {
113
+ .steps__textWrapper_1coe1.steps__vertical_1coe1.steps__gap-24_1coe1 {
114
114
  margin-bottom: var(--gap-8);
115
115
  }
116
- .steps__textWrapper_1perg.steps__vertical_1perg.steps__gap-32_1perg {
116
+ .steps__textWrapper_1coe1.steps__vertical_1coe1.steps__gap-32_1coe1 {
117
117
  margin-bottom: var(--gap-16);
118
118
  }
119
- .steps__text_1perg {
119
+ .steps__text_1coe1 {
120
120
  font-size: 16px;
121
121
  line-height: 24px;
122
122
  font-weight: 400;
@@ -130,24 +130,24 @@
130
130
  height: -moz-min-content;
131
131
  height: min-content;
132
132
  }
133
- .steps__text_1perg.steps__interactive_1perg:not(.steps__disabled_1perg):hover {
133
+ .steps__text_1coe1.steps__interactive_1coe1:not(.steps__disabled_1coe1):hover {
134
134
  background: var(--color-light-transparent-default-hover);
135
135
  }
136
- .steps__text_1perg.steps__interactive_1perg:not(.steps__disabled_1perg):active {
136
+ .steps__text_1coe1.steps__interactive_1coe1:not(.steps__disabled_1coe1):active {
137
137
  background: var(--color-light-transparent-default-press);
138
138
  }
139
- .steps__focused_1perg {
139
+ .steps__focused_1coe1 {
140
140
  outline: var(--gap-2) solid var(--focus-color);
141
141
  outline-offset: var(--gap-2);
142
142
  }
143
- .steps__selected_1perg .steps__text_1perg {
143
+ .steps__selected_1coe1 .steps__text_1coe1 {
144
144
  color: var(--color-light-text-primary);
145
145
  }
146
- .steps__selected_1perg .steps__option_1perg {
146
+ .steps__selected_1coe1 .steps__option_1coe1 {
147
147
  color: var(--color-light-text-primary-inverted);
148
148
  background: var(--color-light-neutral-translucent-1300);
149
149
  }
150
- .steps__checkbox_1perg {
150
+ .steps__checkbox_1coe1 {
151
151
  display: flex;
152
152
  justify-content: center;
153
153
  align-items: center;
@@ -156,26 +156,26 @@
156
156
  height: 20px;
157
157
  border: 2px solid var(--color-light-neutral-translucent-300);
158
158
  }
159
- .steps__dot_1perg {
159
+ .steps__dot_1coe1 {
160
160
  width: 10px;
161
161
  height: 10px;
162
162
  border-radius: var(--border-radius-circle);
163
163
  background: var(--color-light-neutral-translucent-300);
164
164
  }
165
- .steps__selected_1perg .steps__checkbox_1perg {
165
+ .steps__selected_1coe1 .steps__checkbox_1coe1 {
166
166
  border: 2px solid var(--color-light-neutral-translucent-1300);
167
167
  }
168
- .steps__selected_1perg .steps__checkbox_1perg .steps__dot_1perg {
168
+ .steps__selected_1coe1 .steps__checkbox_1coe1 .steps__dot_1coe1 {
169
169
  background: var(--color-light-neutral-translucent-1300);
170
170
  }
171
- .steps__option_1perg:not(.steps__error_1perg).steps__unordered_1perg {
171
+ .steps__option_1coe1:not(.steps__error_1coe1).steps__unordered_1coe1 {
172
172
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
173
173
  background: initial;
174
174
  }
175
- .steps__completedIndicator_1perg > [class*='positive'] {
175
+ .steps__completedIndicator_1coe1 > [class*='positive'] {
176
176
  color: var(--steps-option-svg-color);
177
177
  background-color: var(--steps-option-svg-color);
178
178
  }
179
- .steps__fullWidth_1perg {
179
+ .steps__fullWidth_1coe1 {
180
180
  width: 100%;
181
181
  }
package/components/step/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"step":"steps__step_1perg","horizontal":"steps__horizontal_1perg","vertical":"steps__vertical_1perg","textWrapper":"steps__textWrapper_1perg","interactive":"steps__interactive_1perg","disabled":"steps__disabled_1perg","text":"steps__text_1perg","indicator":"steps__indicator_1perg","option":"steps__option_1perg","dash":"steps__dash_1perg","completed":"steps__completed_1perg","gap-24":"steps__gap-24_1perg","gap-32":"steps__gap-32_1perg","focused":"steps__focused_1perg","selected":"steps__selected_1perg","checkbox":"steps__checkbox_1perg","dot":"steps__dot_1perg","error":"steps__error_1perg","unordered":"steps__unordered_1perg","completedIndicator":"steps__completedIndicator_1perg","fullWidth":"steps__fullWidth_1perg"};
5
+ var styles = {"step":"steps__step_1coe1","horizontal":"steps__horizontal_1coe1","vertical":"steps__vertical_1coe1","textWrapper":"steps__textWrapper_1coe1","interactive":"steps__interactive_1coe1","disabled":"steps__disabled_1coe1","text":"steps__text_1coe1","indicator":"steps__indicator_1coe1","option":"steps__option_1coe1","dash":"steps__dash_1coe1","completed":"steps__completed_1coe1","gap-24":"steps__gap-24_1coe1","gap-32":"steps__gap-32_1coe1","focused":"steps__focused_1coe1","selected":"steps__selected_1coe1","checkbox":"steps__checkbox_1coe1","dot":"steps__dot_1coe1","error":"steps__error_1coe1","unordered":"steps__unordered_1coe1","completedIndicator":"steps__completedIndicator_1coe1","fullWidth":"steps__fullWidth_1coe1"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/components/step-indicator/index.css CHANGED
@@ -1,6 +1,6 @@
1
1
  :root {
2
2
  --gap-0: 0px;
3
3
  }
4
- .steps__component_110jm.steps__component_110jm {
4
+ .steps__component_oa671.steps__component_oa671 {
5
5
  padding: var(--gap-0);
6
6
  }
package/components/step-indicator/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"steps__component_110jm"};
5
+ var styles = {"component":"steps__component_oa671"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/esm/components/step/index.css CHANGED
@@ -34,40 +34,40 @@
34
34
  --steps-option-svg-color: var(--color-light-status-positive);
35
35
  --steps-dash-border: 2px solid var(--color-light-status-positive);
36
36
  }
37
- .steps__step_1perg {
37
+ .steps__step_1coe1 {
38
38
  display: flex;
39
39
  outline: none;
40
40
  }
41
- .steps__step_1perg.steps__horizontal_1perg {
41
+ .steps__step_1coe1.steps__horizontal_1coe1 {
42
42
  flex-grow: 1;
43
43
  }
44
- .steps__step_1perg:not(.steps__vertical_1perg) {
44
+ .steps__step_1coe1:not(.steps__vertical_1coe1) {
45
45
  align-items: center;
46
46
  }
47
- .steps__step_1perg:last-of-type .steps__textWrapper_1perg.steps__vertical_1perg {
47
+ .steps__step_1coe1:last-of-type .steps__textWrapper_1coe1.steps__vertical_1coe1 {
48
48
  margin-bottom: var(--gap-0);
49
49
  }
50
- .steps__step_1perg.steps__interactive_1perg:not(.steps__disabled_1perg):hover {
50
+ .steps__step_1coe1.steps__interactive_1coe1:not(.steps__disabled_1coe1):hover {
51
51
  cursor: pointer;
52
52
  }
53
- .steps__step_1perg.steps__disabled_1perg:hover .steps__text_1perg {
53
+ .steps__step_1coe1.steps__disabled_1coe1:hover .steps__text_1coe1 {
54
54
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
55
55
  background: initial;
56
56
  }
57
- .steps__step_1perg.steps__disabled_1perg .steps__indicator_1perg {
57
+ .steps__step_1coe1.steps__disabled_1coe1 .steps__indicator_1coe1 {
58
58
  cursor: inherit;
59
59
  }
60
- .steps__indicator_1perg {
60
+ .steps__indicator_1coe1 {
61
61
  cursor: pointer;
62
62
  display: flex;
63
63
  align-items: center;
64
64
  margin-right: var(--gap-4);
65
65
  }
66
- .steps__indicator_1perg.steps__vertical_1perg {
66
+ .steps__indicator_1coe1.steps__vertical_1coe1 {
67
67
  flex-direction: column;
68
68
  margin-right: var(--gap-8);
69
69
  }
70
- .steps__option_1perg {
70
+ .steps__option_1coe1 {
71
71
  font-size: 14px;
72
72
  line-height: 20px;
73
73
  font-weight: 700;
@@ -83,19 +83,19 @@
83
83
  height: 24px;
84
84
  border-radius: var(--border-radius-circle);
85
85
  }
86
- .steps__option_1perg.steps__vertical_1perg {
86
+ .steps__option_1coe1.steps__vertical_1coe1 {
87
87
  margin-top: var(--gap-8);
88
88
  }
89
- .steps__dash_1perg {
89
+ .steps__dash_1coe1 {
90
90
  flex: 1 1 auto;
91
91
  min-width: 24px;
92
92
  border-top: 2px solid var(--color-light-neutral-translucent-300);
93
93
  margin-right: var(--gap-8);
94
94
  }
95
- .steps__dash_1perg.steps__completed_1perg {
95
+ .steps__dash_1coe1.steps__completed_1coe1 {
96
96
  border-top: var(--steps-dash-border);
97
97
  }
98
- .steps__dash_1perg.steps__vertical_1perg {
98
+ .steps__dash_1coe1.steps__vertical_1coe1 {
99
99
  min-width: 0;
100
100
  min-width: initial;
101
101
  min-height: 8px;
@@ -104,19 +104,19 @@
104
104
  border-left: 2px solid var(--color-light-neutral-translucent-300);
105
105
  border-top: none;
106
106
  }
107
- .steps__dash_1perg.steps__completed_1perg.steps__vertical_1perg {
107
+ .steps__dash_1coe1.steps__completed_1coe1.steps__vertical_1coe1 {
108
108
  border-left: var(--steps-dash-border);
109
109
  }
110
- .steps__textWrapper_1perg.steps__vertical_1perg {
110
+ .steps__textWrapper_1coe1.steps__vertical_1coe1 {
111
111
  min-height: 48px;
112
112
  }
113
- .steps__textWrapper_1perg.steps__vertical_1perg.steps__gap-24_1perg {
113
+ .steps__textWrapper_1coe1.steps__vertical_1coe1.steps__gap-24_1coe1 {
114
114
  margin-bottom: var(--gap-8);
115
115
  }
116
- .steps__textWrapper_1perg.steps__vertical_1perg.steps__gap-32_1perg {
116
+ .steps__textWrapper_1coe1.steps__vertical_1coe1.steps__gap-32_1coe1 {
117
117
  margin-bottom: var(--gap-16);
118
118
  }
119
- .steps__text_1perg {
119
+ .steps__text_1coe1 {
120
120
  font-size: 16px;
121
121
  line-height: 24px;
122
122
  font-weight: 400;
@@ -130,24 +130,24 @@
130
130
  height: -moz-min-content;
131
131
  height: min-content;
132
132
  }
133
- .steps__text_1perg.steps__interactive_1perg:not(.steps__disabled_1perg):hover {
133
+ .steps__text_1coe1.steps__interactive_1coe1:not(.steps__disabled_1coe1):hover {
134
134
  background: var(--color-light-transparent-default-hover);
135
135
  }
136
- .steps__text_1perg.steps__interactive_1perg:not(.steps__disabled_1perg):active {
136
+ .steps__text_1coe1.steps__interactive_1coe1:not(.steps__disabled_1coe1):active {
137
137
  background: var(--color-light-transparent-default-press);
138
138
  }
139
- .steps__focused_1perg {
139
+ .steps__focused_1coe1 {
140
140
  outline: var(--gap-2) solid var(--focus-color);
141
141
  outline-offset: var(--gap-2);
142
142
  }
143
- .steps__selected_1perg .steps__text_1perg {
143
+ .steps__selected_1coe1 .steps__text_1coe1 {
144
144
  color: var(--color-light-text-primary);
145
145
  }
146
- .steps__selected_1perg .steps__option_1perg {
146
+ .steps__selected_1coe1 .steps__option_1coe1 {
147
147
  color: var(--color-light-text-primary-inverted);
148
148
  background: var(--color-light-neutral-translucent-1300);
149
149
  }
150
- .steps__checkbox_1perg {
150
+ .steps__checkbox_1coe1 {
151
151
  display: flex;
152
152
  justify-content: center;
153
153
  align-items: center;
@@ -156,26 +156,26 @@
156
156
  height: 20px;
157
157
  border: 2px solid var(--color-light-neutral-translucent-300);
158
158
  }
159
- .steps__dot_1perg {
159
+ .steps__dot_1coe1 {
160
160
  width: 10px;
161
161
  height: 10px;
162
162
  border-radius: var(--border-radius-circle);
163
163
  background: var(--color-light-neutral-translucent-300);
164
164
  }
165
- .steps__selected_1perg .steps__checkbox_1perg {
165
+ .steps__selected_1coe1 .steps__checkbox_1coe1 {
166
166
  border: 2px solid var(--color-light-neutral-translucent-1300);
167
167
  }
168
- .steps__selected_1perg .steps__checkbox_1perg .steps__dot_1perg {
168
+ .steps__selected_1coe1 .steps__checkbox_1coe1 .steps__dot_1coe1 {
169
169
  background: var(--color-light-neutral-translucent-1300);
170
170
  }
171
- .steps__option_1perg:not(.steps__error_1perg).steps__unordered_1perg {
171
+ .steps__option_1coe1:not(.steps__error_1coe1).steps__unordered_1coe1 {
172
172
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
173
173
  background: initial;
174
174
  }
175
- .steps__completedIndicator_1perg > [class*='positive'] {
175
+ .steps__completedIndicator_1coe1 > [class*='positive'] {
176
176
  color: var(--steps-option-svg-color);
177
177
  background-color: var(--steps-option-svg-color);
178
178
  }
179
- .steps__fullWidth_1perg {
179
+ .steps__fullWidth_1coe1 {
180
180
  width: 100%;
181
181
  }
package/esm/components/step/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"step":"steps__step_1perg","horizontal":"steps__horizontal_1perg","vertical":"steps__vertical_1perg","textWrapper":"steps__textWrapper_1perg","interactive":"steps__interactive_1perg","disabled":"steps__disabled_1perg","text":"steps__text_1perg","indicator":"steps__indicator_1perg","option":"steps__option_1perg","dash":"steps__dash_1perg","completed":"steps__completed_1perg","gap-24":"steps__gap-24_1perg","gap-32":"steps__gap-32_1perg","focused":"steps__focused_1perg","selected":"steps__selected_1perg","checkbox":"steps__checkbox_1perg","dot":"steps__dot_1perg","error":"steps__error_1perg","unordered":"steps__unordered_1perg","completedIndicator":"steps__completedIndicator_1perg","fullWidth":"steps__fullWidth_1perg"};
3
+ var styles = {"step":"steps__step_1coe1","horizontal":"steps__horizontal_1coe1","vertical":"steps__vertical_1coe1","textWrapper":"steps__textWrapper_1coe1","interactive":"steps__interactive_1coe1","disabled":"steps__disabled_1coe1","text":"steps__text_1coe1","indicator":"steps__indicator_1coe1","option":"steps__option_1coe1","dash":"steps__dash_1coe1","completed":"steps__completed_1coe1","gap-24":"steps__gap-24_1coe1","gap-32":"steps__gap-32_1coe1","focused":"steps__focused_1coe1","selected":"steps__selected_1coe1","checkbox":"steps__checkbox_1coe1","dot":"steps__dot_1coe1","error":"steps__error_1coe1","unordered":"steps__unordered_1coe1","completedIndicator":"steps__completedIndicator_1coe1","fullWidth":"steps__fullWidth_1coe1"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/components/step-indicator/index.css CHANGED
@@ -1,6 +1,6 @@
1
1
  :root {
2
2
  --gap-0: 0px;
3
3
  }
4
- .steps__component_110jm.steps__component_110jm {
4
+ .steps__component_oa671.steps__component_oa671 {
5
5
  padding: var(--gap-0);
6
6
  }
package/esm/components/step-indicator/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"steps__component_110jm"};
3
+ var styles = {"component":"steps__component_oa671"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/index.css CHANGED
@@ -1,9 +1,9 @@
1
- .steps__component_1x58x {
1
+ .steps__component_i874x {
2
2
  display: flex;
3
3
  align-items: center;
4
4
  flex-direction: row;
5
5
  }
6
- .steps__component_1x58x.steps__vertical_1x58x {
6
+ .steps__component_i874x.steps__vertical_i874x {
7
7
  flex-direction: column;
8
8
  align-items: flex-start;
9
9
  }
package/esm/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"steps__component_1x58x","vertical":"steps__vertical_1x58x"};
3
+ var styles = {"component":"steps__component_i874x","vertical":"steps__vertical_i874x"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/index.css CHANGED
@@ -1,9 +1,9 @@
1
- .steps__component_1x58x {
1
+ .steps__component_i874x {
2
2
  display: flex;
3
3
  align-items: center;
4
4
  flex-direction: row;
5
5
  }
6
- .steps__component_1x58x.steps__vertical_1x58x {
6
+ .steps__component_i874x.steps__vertical_i874x {
7
7
  flex-direction: column;
8
8
  align-items: flex-start;
9
9
  }
package/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"steps__component_1x58x","vertical":"steps__vertical_1x58x"};
5
+ var styles = {"component":"steps__component_i874x","vertical":"steps__vertical_i874x"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/modern/components/step/index.css CHANGED
@@ -34,40 +34,40 @@
34
34
  --steps-option-svg-color: var(--color-light-status-positive);
35
35
  --steps-dash-border: 2px solid var(--color-light-status-positive);
36
36
  }
37
- .steps__step_1perg {
37
+ .steps__step_1coe1 {
38
38
  display: flex;
39
39
  outline: none;
40
40
  }
41
- .steps__step_1perg.steps__horizontal_1perg {
41
+ .steps__step_1coe1.steps__horizontal_1coe1 {
42
42
  flex-grow: 1;
43
43
  }
44
- .steps__step_1perg:not(.steps__vertical_1perg) {
44
+ .steps__step_1coe1:not(.steps__vertical_1coe1) {
45
45
  align-items: center;
46
46
  }
47
- .steps__step_1perg:last-of-type .steps__textWrapper_1perg.steps__vertical_1perg {
47
+ .steps__step_1coe1:last-of-type .steps__textWrapper_1coe1.steps__vertical_1coe1 {
48
48
  margin-bottom: var(--gap-0);
49
49
  }
50
- .steps__step_1perg.steps__interactive_1perg:not(.steps__disabled_1perg):hover {
50
+ .steps__step_1coe1.steps__interactive_1coe1:not(.steps__disabled_1coe1):hover {
51
51
  cursor: pointer;
52
52
  }
53
- .steps__step_1perg.steps__disabled_1perg:hover .steps__text_1perg {
53
+ .steps__step_1coe1.steps__disabled_1coe1:hover .steps__text_1coe1 {
54
54
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
55
55
  background: initial;
56
56
  }
57
- .steps__step_1perg.steps__disabled_1perg .steps__indicator_1perg {
57
+ .steps__step_1coe1.steps__disabled_1coe1 .steps__indicator_1coe1 {
58
58
  cursor: inherit;
59
59
  }
60
- .steps__indicator_1perg {
60
+ .steps__indicator_1coe1 {
61
61
  cursor: pointer;
62
62
  display: flex;
63
63
  align-items: center;
64
64
  margin-right: var(--gap-4);
65
65
  }
66
- .steps__indicator_1perg.steps__vertical_1perg {
66
+ .steps__indicator_1coe1.steps__vertical_1coe1 {
67
67
  flex-direction: column;
68
68
  margin-right: var(--gap-8);
69
69
  }
70
- .steps__option_1perg {
70
+ .steps__option_1coe1 {
71
71
  font-size: 14px;
72
72
  line-height: 20px;
73
73
  font-weight: 700;
@@ -83,19 +83,19 @@
83
83
  height: 24px;
84
84
  border-radius: var(--border-radius-circle);
85
85
  }
86
- .steps__option_1perg.steps__vertical_1perg {
86
+ .steps__option_1coe1.steps__vertical_1coe1 {
87
87
  margin-top: var(--gap-8);
88
88
  }
89
- .steps__dash_1perg {
89
+ .steps__dash_1coe1 {
90
90
  flex: 1 1 auto;
91
91
  min-width: 24px;
92
92
  border-top: 2px solid var(--color-light-neutral-translucent-300);
93
93
  margin-right: var(--gap-8);
94
94
  }
95
- .steps__dash_1perg.steps__completed_1perg {
95
+ .steps__dash_1coe1.steps__completed_1coe1 {
96
96
  border-top: var(--steps-dash-border);
97
97
  }
98
- .steps__dash_1perg.steps__vertical_1perg {
98
+ .steps__dash_1coe1.steps__vertical_1coe1 {
99
99
  min-width: 0;
100
100
  min-width: initial;
101
101
  min-height: 8px;
@@ -104,19 +104,19 @@
104
104
  border-left: 2px solid var(--color-light-neutral-translucent-300);
105
105
  border-top: none;
106
106
  }
107
- .steps__dash_1perg.steps__completed_1perg.steps__vertical_1perg {
107
+ .steps__dash_1coe1.steps__completed_1coe1.steps__vertical_1coe1 {
108
108
  border-left: var(--steps-dash-border);
109
109
  }
110
- .steps__textWrapper_1perg.steps__vertical_1perg {
110
+ .steps__textWrapper_1coe1.steps__vertical_1coe1 {
111
111
  min-height: 48px;
112
112
  }
113
- .steps__textWrapper_1perg.steps__vertical_1perg.steps__gap-24_1perg {
113
+ .steps__textWrapper_1coe1.steps__vertical_1coe1.steps__gap-24_1coe1 {
114
114
  margin-bottom: var(--gap-8);
115
115
  }
116
- .steps__textWrapper_1perg.steps__vertical_1perg.steps__gap-32_1perg {
116
+ .steps__textWrapper_1coe1.steps__vertical_1coe1.steps__gap-32_1coe1 {
117
117
  margin-bottom: var(--gap-16);
118
118
  }
119
- .steps__text_1perg {
119
+ .steps__text_1coe1 {
120
120
  font-size: 16px;
121
121
  line-height: 24px;
122
122
  font-weight: 400;
@@ -130,24 +130,24 @@
130
130
  height: -moz-min-content;
131
131
  height: min-content;
132
132
  }
133
- .steps__text_1perg.steps__interactive_1perg:not(.steps__disabled_1perg):hover {
133
+ .steps__text_1coe1.steps__interactive_1coe1:not(.steps__disabled_1coe1):hover {
134
134
  background: var(--color-light-transparent-default-hover);
135
135
  }
136
- .steps__text_1perg.steps__interactive_1perg:not(.steps__disabled_1perg):active {
136
+ .steps__text_1coe1.steps__interactive_1coe1:not(.steps__disabled_1coe1):active {
137
137
  background: var(--color-light-transparent-default-press);
138
138
  }
139
- .steps__focused_1perg {
139
+ .steps__focused_1coe1 {
140
140
  outline: var(--gap-2) solid var(--focus-color);
141
141
  outline-offset: var(--gap-2);
142
142
  }
143
- .steps__selected_1perg .steps__text_1perg {
143
+ .steps__selected_1coe1 .steps__text_1coe1 {
144
144
  color: var(--color-light-text-primary);
145
145
  }
146
- .steps__selected_1perg .steps__option_1perg {
146
+ .steps__selected_1coe1 .steps__option_1coe1 {
147
147
  color: var(--color-light-text-primary-inverted);
148
148
  background: var(--color-light-neutral-translucent-1300);
149
149
  }
150
- .steps__checkbox_1perg {
150
+ .steps__checkbox_1coe1 {
151
151
  display: flex;
152
152
  justify-content: center;
153
153
  align-items: center;
@@ -156,26 +156,26 @@
156
156
  height: 20px;
157
157
  border: 2px solid var(--color-light-neutral-translucent-300);
158
158
  }
159
- .steps__dot_1perg {
159
+ .steps__dot_1coe1 {
160
160
  width: 10px;
161
161
  height: 10px;
162
162
  border-radius: var(--border-radius-circle);
163
163
  background: var(--color-light-neutral-translucent-300);
164
164
  }
165
- .steps__selected_1perg .steps__checkbox_1perg {
165
+ .steps__selected_1coe1 .steps__checkbox_1coe1 {
166
166
  border: 2px solid var(--color-light-neutral-translucent-1300);
167
167
  }
168
- .steps__selected_1perg .steps__checkbox_1perg .steps__dot_1perg {
168
+ .steps__selected_1coe1 .steps__checkbox_1coe1 .steps__dot_1coe1 {
169
169
  background: var(--color-light-neutral-translucent-1300);
170
170
  }
171
- .steps__option_1perg:not(.steps__error_1perg).steps__unordered_1perg {
171
+ .steps__option_1coe1:not(.steps__error_1coe1).steps__unordered_1coe1 {
172
172
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
173
173
  background: initial;
174
174
  }
175
- .steps__completedIndicator_1perg > [class*='positive'] {
175
+ .steps__completedIndicator_1coe1 > [class*='positive'] {
176
176
  color: var(--steps-option-svg-color);
177
177
  background-color: var(--steps-option-svg-color);
178
178
  }
179
- .steps__fullWidth_1perg {
179
+ .steps__fullWidth_1coe1 {
180
180
  width: 100%;
181
181
  }
package/modern/components/step/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"step":"steps__step_1perg","horizontal":"steps__horizontal_1perg","vertical":"steps__vertical_1perg","textWrapper":"steps__textWrapper_1perg","interactive":"steps__interactive_1perg","disabled":"steps__disabled_1perg","text":"steps__text_1perg","indicator":"steps__indicator_1perg","option":"steps__option_1perg","dash":"steps__dash_1perg","completed":"steps__completed_1perg","gap-24":"steps__gap-24_1perg","gap-32":"steps__gap-32_1perg","focused":"steps__focused_1perg","selected":"steps__selected_1perg","checkbox":"steps__checkbox_1perg","dot":"steps__dot_1perg","error":"steps__error_1perg","unordered":"steps__unordered_1perg","completedIndicator":"steps__completedIndicator_1perg","fullWidth":"steps__fullWidth_1perg"};
3
+ const styles = {"step":"steps__step_1coe1","horizontal":"steps__horizontal_1coe1","vertical":"steps__vertical_1coe1","textWrapper":"steps__textWrapper_1coe1","interactive":"steps__interactive_1coe1","disabled":"steps__disabled_1coe1","text":"steps__text_1coe1","indicator":"steps__indicator_1coe1","option":"steps__option_1coe1","dash":"steps__dash_1coe1","completed":"steps__completed_1coe1","gap-24":"steps__gap-24_1coe1","gap-32":"steps__gap-32_1coe1","focused":"steps__focused_1coe1","selected":"steps__selected_1coe1","checkbox":"steps__checkbox_1coe1","dot":"steps__dot_1coe1","error":"steps__error_1coe1","unordered":"steps__unordered_1coe1","completedIndicator":"steps__completedIndicator_1coe1","fullWidth":"steps__fullWidth_1coe1"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/components/step-indicator/index.css CHANGED
@@ -1,6 +1,6 @@
1
1
  :root {
2
2
  --gap-0: 0px;
3
3
  }
4
- .steps__component_110jm.steps__component_110jm {
4
+ .steps__component_oa671.steps__component_oa671 {
5
5
  padding: var(--gap-0);
6
6
  }
package/modern/components/step-indicator/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"steps__component_110jm"};
3
+ const styles = {"component":"steps__component_oa671"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/index.css CHANGED
@@ -1,9 +1,9 @@
1
- .steps__component_1x58x {
1
+ .steps__component_i874x {
2
2
  display: flex;
3
3
  align-items: center;
4
4
  flex-direction: row;
5
5
  }
6
- .steps__component_1x58x.steps__vertical_1x58x {
6
+ .steps__component_i874x.steps__vertical_i874x {
7
7
  flex-direction: column;
8
8
  align-items: flex-start;
9
9
  }
package/modern/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"steps__component_1x58x","vertical":"steps__vertical_1x58x"};
3
+ const styles = {"component":"steps__component_i874x","vertical":"steps__vertical_i874x"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-steps",
3
- "version": "3.0.1-alfasans",
3
+ "version": "3.0.2-alfasans",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -11,7 +11,7 @@
11
11
  "module": "./esm/index.js",
12
12
  "dependencies": {
13
13
  "@alfalab/core-components-badge": "7.0.1-alfasans",
14
- "@alfalab/core-components-shared": "2.0.1-alfasans",
14
+ "@alfalab/core-components-shared": "2.1.0-alfasans",
15
15
  "@alfalab/hooks": "^1.13.1",
16
16
  "@alfalab/icons-glyph": "^2.260.0",
17
17
  "classnames": "^2.5.1",