@alfalab/core-components-steps 3.0.7-alfasans → 3.0.8-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 +32 -32
  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 +32 -32
  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 +32 -32
  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 +3 -3
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_1cs14 {
37
+ .steps__step_katl2 {
38
38
  display: flex;
39
39
  outline: none;
40
40
  }
41
- .steps__step_1cs14.steps__horizontal_1cs14 {
41
+ .steps__step_katl2.steps__horizontal_katl2 {
42
42
  flex-grow: 1;
43
43
  }
44
- .steps__step_1cs14:not(.steps__vertical_1cs14) {
44
+ .steps__step_katl2:not(.steps__vertical_katl2) {
45
45
  align-items: center;
46
46
  }
47
- .steps__step_1cs14:last-of-type .steps__textWrapper_1cs14.steps__vertical_1cs14 {
47
+ .steps__step_katl2:last-of-type .steps__textWrapper_katl2.steps__vertical_katl2 {
48
48
  margin-bottom: var(--gap-0);
49
49
  }
50
- .steps__step_1cs14.steps__interactive_1cs14:not(.steps__disabled_1cs14):hover {
50
+ .steps__step_katl2.steps__interactive_katl2:not(.steps__disabled_katl2):hover {
51
51
  cursor: pointer;
52
52
  }
53
- .steps__step_1cs14.steps__disabled_1cs14:hover .steps__text_1cs14 {
53
+ .steps__step_katl2.steps__disabled_katl2:hover .steps__text_katl2 {
54
54
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
55
55
  background: initial;
56
56
  }
57
- .steps__step_1cs14.steps__disabled_1cs14 .steps__indicator_1cs14 {
57
+ .steps__step_katl2.steps__disabled_katl2 .steps__indicator_katl2 {
58
58
  cursor: inherit;
59
59
  }
60
- .steps__indicator_1cs14 {
60
+ .steps__indicator_katl2 {
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_1cs14.steps__vertical_1cs14 {
66
+ .steps__indicator_katl2.steps__vertical_katl2 {
67
67
  flex-direction: column;
68
68
  margin-right: var(--gap-8);
69
69
  }
70
- .steps__option_1cs14 {
70
+ .steps__option_katl2 {
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_1cs14.steps__vertical_1cs14 {
86
+ .steps__option_katl2.steps__vertical_katl2 {
87
87
  margin-top: var(--gap-8);
88
88
  }
89
- .steps__dash_1cs14 {
89
+ .steps__dash_katl2 {
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_1cs14.steps__completed_1cs14 {
95
+ .steps__dash_katl2.steps__completed_katl2 {
96
96
  border-top: var(--steps-dash-border);
97
97
  }
98
- .steps__dash_1cs14.steps__vertical_1cs14 {
98
+ .steps__dash_katl2.steps__vertical_katl2 {
99
99
  min-width: 0;
100
100
  min-width: initial;
101
101
  min-height: 8px;
@@ -104,22 +104,22 @@
104
104
  border-left: 2px solid var(--color-light-neutral-translucent-300);
105
105
  border-top: none;
106
106
  }
107
- .steps__dash_1cs14.steps__completed_1cs14.steps__vertical_1cs14 {
107
+ .steps__dash_katl2.steps__completed_katl2.steps__vertical_katl2 {
108
108
  border-left: var(--steps-dash-border);
109
109
  }
110
- .steps__textWrapper_1cs14.steps__vertical_1cs14 {
110
+ .steps__textWrapper_katl2.steps__vertical_katl2 {
111
111
  min-height: 48px;
112
112
  }
113
- .steps__textWrapper_1cs14.steps__vertical_1cs14.steps__gap-24_1cs14 {
113
+ .steps__textWrapper_katl2.steps__vertical_katl2.steps__gap-24_katl2 {
114
114
  margin-bottom: var(--gap-8);
115
115
  }
116
- .steps__textWrapper_1cs14.steps__vertical_1cs14.steps__gap-32_1cs14 {
116
+ .steps__textWrapper_katl2.steps__vertical_katl2.steps__gap-32_katl2 {
117
117
  margin-bottom: var(--gap-16);
118
118
  }
119
- .steps__textWrapper_1cs14.steps__vertical_1cs14.steps__fullWidth_1cs14 {
119
+ .steps__textWrapper_katl2.steps__vertical_katl2.steps__fullWidth_katl2 {
120
120
  width: 100%;
121
121
  }
122
- .steps__text_1cs14 {
122
+ .steps__text_katl2 {
123
123
  font-size: 16px;
124
124
  line-height: 24px;
125
125
  font-weight: 400;
@@ -134,24 +134,24 @@
134
134
  height: min-content;
135
135
  box-sizing: border-box;
136
136
  }
137
- .steps__text_1cs14.steps__interactive_1cs14:not(.steps__disabled_1cs14):hover {
137
+ .steps__text_katl2.steps__interactive_katl2:not(.steps__disabled_katl2):hover {
138
138
  background: var(--color-light-transparent-default-hover);
139
139
  }
140
- .steps__text_1cs14.steps__interactive_1cs14:not(.steps__disabled_1cs14):active {
140
+ .steps__text_katl2.steps__interactive_katl2:not(.steps__disabled_katl2):active {
141
141
  background: var(--color-light-transparent-default-press);
142
142
  }
143
- .steps__focused_1cs14 {
143
+ .steps__focused_katl2 {
144
144
  outline: var(--gap-2) solid var(--focus-color);
145
145
  outline-offset: var(--gap-2);
146
146
  }
147
- .steps__selected_1cs14 .steps__text_1cs14 {
147
+ .steps__selected_katl2 .steps__text_katl2 {
148
148
  color: var(--color-light-text-primary);
149
149
  }
150
- .steps__selected_1cs14 .steps__option_1cs14 {
150
+ .steps__selected_katl2 .steps__option_katl2 {
151
151
  color: var(--color-light-text-primary-inverted);
152
152
  background: var(--color-light-neutral-translucent-1300);
153
153
  }
154
- .steps__checkbox_1cs14 {
154
+ .steps__checkbox_katl2 {
155
155
  display: flex;
156
156
  justify-content: center;
157
157
  align-items: center;
@@ -160,25 +160,25 @@
160
160
  height: 20px;
161
161
  border: 2px solid var(--color-light-neutral-translucent-300);
162
162
  }
163
- .steps__dot_1cs14 {
163
+ .steps__dot_katl2 {
164
164
  width: 10px;
165
165
  height: 10px;
166
166
  border-radius: var(--border-radius-circle);
167
167
  background: var(--color-light-neutral-translucent-300);
168
168
  }
169
- .steps__selected_1cs14 .steps__checkbox_1cs14 {
169
+ .steps__selected_katl2 .steps__checkbox_katl2 {
170
170
  border: 2px solid var(--color-light-neutral-translucent-1300);
171
171
  }
172
- .steps__selected_1cs14 .steps__checkbox_1cs14 .steps__dot_1cs14 {
172
+ .steps__selected_katl2 .steps__checkbox_katl2 .steps__dot_katl2 {
173
173
  background: var(--color-light-neutral-translucent-1300);
174
174
  }
175
- .steps__option_1cs14:not(.steps__error_1cs14).steps__unordered_1cs14 {
175
+ .steps__option_katl2:not(.steps__error_katl2).steps__unordered_katl2 {
176
176
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
177
177
  background: initial;
178
178
  }
179
- .steps__completedIndicator_1cs14[class*='positive-checkmark'] {
179
+ .steps__completedIndicator_katl2[class*='positive-checkmark'] {
180
180
  background-color: var(--steps-option-svg-color);
181
181
  }
182
- .steps__fullWidth_1cs14 {
182
+ .steps__fullWidth_katl2 {
183
183
  width: 100%;
184
184
  }
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_1cs14","horizontal":"steps__horizontal_1cs14","vertical":"steps__vertical_1cs14","textWrapper":"steps__textWrapper_1cs14","interactive":"steps__interactive_1cs14","disabled":"steps__disabled_1cs14","text":"steps__text_1cs14","indicator":"steps__indicator_1cs14","option":"steps__option_1cs14","dash":"steps__dash_1cs14","completed":"steps__completed_1cs14","gap-24":"steps__gap-24_1cs14","gap-32":"steps__gap-32_1cs14","fullWidth":"steps__fullWidth_1cs14","focused":"steps__focused_1cs14","selected":"steps__selected_1cs14","checkbox":"steps__checkbox_1cs14","dot":"steps__dot_1cs14","error":"steps__error_1cs14","unordered":"steps__unordered_1cs14","completedIndicator":"steps__completedIndicator_1cs14"};
5
+ var styles = {"step":"steps__step_katl2","horizontal":"steps__horizontal_katl2","vertical":"steps__vertical_katl2","textWrapper":"steps__textWrapper_katl2","interactive":"steps__interactive_katl2","disabled":"steps__disabled_katl2","text":"steps__text_katl2","indicator":"steps__indicator_katl2","option":"steps__option_katl2","dash":"steps__dash_katl2","completed":"steps__completed_katl2","gap-24":"steps__gap-24_katl2","gap-32":"steps__gap-32_katl2","fullWidth":"steps__fullWidth_katl2","focused":"steps__focused_katl2","selected":"steps__selected_katl2","checkbox":"steps__checkbox_katl2","dot":"steps__dot_katl2","error":"steps__error_katl2","unordered":"steps__unordered_katl2","completedIndicator":"steps__completedIndicator_katl2"};
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_ogpd6.steps__component_ogpd6 {
4
+ .steps__component_fv74y.steps__component_fv74y {
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_ogpd6"};
5
+ var styles = {"component":"steps__component_fv74y"};
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_1cs14 {
37
+ .steps__step_katl2 {
38
38
  display: flex;
39
39
  outline: none;
40
40
  }
41
- .steps__step_1cs14.steps__horizontal_1cs14 {
41
+ .steps__step_katl2.steps__horizontal_katl2 {
42
42
  flex-grow: 1;
43
43
  }
44
- .steps__step_1cs14:not(.steps__vertical_1cs14) {
44
+ .steps__step_katl2:not(.steps__vertical_katl2) {
45
45
  align-items: center;
46
46
  }
47
- .steps__step_1cs14:last-of-type .steps__textWrapper_1cs14.steps__vertical_1cs14 {
47
+ .steps__step_katl2:last-of-type .steps__textWrapper_katl2.steps__vertical_katl2 {
48
48
  margin-bottom: var(--gap-0);
49
49
  }
50
- .steps__step_1cs14.steps__interactive_1cs14:not(.steps__disabled_1cs14):hover {
50
+ .steps__step_katl2.steps__interactive_katl2:not(.steps__disabled_katl2):hover {
51
51
  cursor: pointer;
52
52
  }
53
- .steps__step_1cs14.steps__disabled_1cs14:hover .steps__text_1cs14 {
53
+ .steps__step_katl2.steps__disabled_katl2:hover .steps__text_katl2 {
54
54
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
55
55
  background: initial;
56
56
  }
57
- .steps__step_1cs14.steps__disabled_1cs14 .steps__indicator_1cs14 {
57
+ .steps__step_katl2.steps__disabled_katl2 .steps__indicator_katl2 {
58
58
  cursor: inherit;
59
59
  }
60
- .steps__indicator_1cs14 {
60
+ .steps__indicator_katl2 {
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_1cs14.steps__vertical_1cs14 {
66
+ .steps__indicator_katl2.steps__vertical_katl2 {
67
67
  flex-direction: column;
68
68
  margin-right: var(--gap-8);
69
69
  }
70
- .steps__option_1cs14 {
70
+ .steps__option_katl2 {
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_1cs14.steps__vertical_1cs14 {
86
+ .steps__option_katl2.steps__vertical_katl2 {
87
87
  margin-top: var(--gap-8);
88
88
  }
89
- .steps__dash_1cs14 {
89
+ .steps__dash_katl2 {
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_1cs14.steps__completed_1cs14 {
95
+ .steps__dash_katl2.steps__completed_katl2 {
96
96
  border-top: var(--steps-dash-border);
97
97
  }
98
- .steps__dash_1cs14.steps__vertical_1cs14 {
98
+ .steps__dash_katl2.steps__vertical_katl2 {
99
99
  min-width: 0;
100
100
  min-width: initial;
101
101
  min-height: 8px;
@@ -104,22 +104,22 @@
104
104
  border-left: 2px solid var(--color-light-neutral-translucent-300);
105
105
  border-top: none;
106
106
  }
107
- .steps__dash_1cs14.steps__completed_1cs14.steps__vertical_1cs14 {
107
+ .steps__dash_katl2.steps__completed_katl2.steps__vertical_katl2 {
108
108
  border-left: var(--steps-dash-border);
109
109
  }
110
- .steps__textWrapper_1cs14.steps__vertical_1cs14 {
110
+ .steps__textWrapper_katl2.steps__vertical_katl2 {
111
111
  min-height: 48px;
112
112
  }
113
- .steps__textWrapper_1cs14.steps__vertical_1cs14.steps__gap-24_1cs14 {
113
+ .steps__textWrapper_katl2.steps__vertical_katl2.steps__gap-24_katl2 {
114
114
  margin-bottom: var(--gap-8);
115
115
  }
116
- .steps__textWrapper_1cs14.steps__vertical_1cs14.steps__gap-32_1cs14 {
116
+ .steps__textWrapper_katl2.steps__vertical_katl2.steps__gap-32_katl2 {
117
117
  margin-bottom: var(--gap-16);
118
118
  }
119
- .steps__textWrapper_1cs14.steps__vertical_1cs14.steps__fullWidth_1cs14 {
119
+ .steps__textWrapper_katl2.steps__vertical_katl2.steps__fullWidth_katl2 {
120
120
  width: 100%;
121
121
  }
122
- .steps__text_1cs14 {
122
+ .steps__text_katl2 {
123
123
  font-size: 16px;
124
124
  line-height: 24px;
125
125
  font-weight: 400;
@@ -134,24 +134,24 @@
134
134
  height: min-content;
135
135
  box-sizing: border-box;
136
136
  }
137
- .steps__text_1cs14.steps__interactive_1cs14:not(.steps__disabled_1cs14):hover {
137
+ .steps__text_katl2.steps__interactive_katl2:not(.steps__disabled_katl2):hover {
138
138
  background: var(--color-light-transparent-default-hover);
139
139
  }
140
- .steps__text_1cs14.steps__interactive_1cs14:not(.steps__disabled_1cs14):active {
140
+ .steps__text_katl2.steps__interactive_katl2:not(.steps__disabled_katl2):active {
141
141
  background: var(--color-light-transparent-default-press);
142
142
  }
143
- .steps__focused_1cs14 {
143
+ .steps__focused_katl2 {
144
144
  outline: var(--gap-2) solid var(--focus-color);
145
145
  outline-offset: var(--gap-2);
146
146
  }
147
- .steps__selected_1cs14 .steps__text_1cs14 {
147
+ .steps__selected_katl2 .steps__text_katl2 {
148
148
  color: var(--color-light-text-primary);
149
149
  }
150
- .steps__selected_1cs14 .steps__option_1cs14 {
150
+ .steps__selected_katl2 .steps__option_katl2 {
151
151
  color: var(--color-light-text-primary-inverted);
152
152
  background: var(--color-light-neutral-translucent-1300);
153
153
  }
154
- .steps__checkbox_1cs14 {
154
+ .steps__checkbox_katl2 {
155
155
  display: flex;
156
156
  justify-content: center;
157
157
  align-items: center;
@@ -160,25 +160,25 @@
160
160
  height: 20px;
161
161
  border: 2px solid var(--color-light-neutral-translucent-300);
162
162
  }
163
- .steps__dot_1cs14 {
163
+ .steps__dot_katl2 {
164
164
  width: 10px;
165
165
  height: 10px;
166
166
  border-radius: var(--border-radius-circle);
167
167
  background: var(--color-light-neutral-translucent-300);
168
168
  }
169
- .steps__selected_1cs14 .steps__checkbox_1cs14 {
169
+ .steps__selected_katl2 .steps__checkbox_katl2 {
170
170
  border: 2px solid var(--color-light-neutral-translucent-1300);
171
171
  }
172
- .steps__selected_1cs14 .steps__checkbox_1cs14 .steps__dot_1cs14 {
172
+ .steps__selected_katl2 .steps__checkbox_katl2 .steps__dot_katl2 {
173
173
  background: var(--color-light-neutral-translucent-1300);
174
174
  }
175
- .steps__option_1cs14:not(.steps__error_1cs14).steps__unordered_1cs14 {
175
+ .steps__option_katl2:not(.steps__error_katl2).steps__unordered_katl2 {
176
176
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
177
177
  background: initial;
178
178
  }
179
- .steps__completedIndicator_1cs14[class*='positive-checkmark'] {
179
+ .steps__completedIndicator_katl2[class*='positive-checkmark'] {
180
180
  background-color: var(--steps-option-svg-color);
181
181
  }
182
- .steps__fullWidth_1cs14 {
182
+ .steps__fullWidth_katl2 {
183
183
  width: 100%;
184
184
  }
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_1cs14","horizontal":"steps__horizontal_1cs14","vertical":"steps__vertical_1cs14","textWrapper":"steps__textWrapper_1cs14","interactive":"steps__interactive_1cs14","disabled":"steps__disabled_1cs14","text":"steps__text_1cs14","indicator":"steps__indicator_1cs14","option":"steps__option_1cs14","dash":"steps__dash_1cs14","completed":"steps__completed_1cs14","gap-24":"steps__gap-24_1cs14","gap-32":"steps__gap-32_1cs14","fullWidth":"steps__fullWidth_1cs14","focused":"steps__focused_1cs14","selected":"steps__selected_1cs14","checkbox":"steps__checkbox_1cs14","dot":"steps__dot_1cs14","error":"steps__error_1cs14","unordered":"steps__unordered_1cs14","completedIndicator":"steps__completedIndicator_1cs14"};
3
+ var styles = {"step":"steps__step_katl2","horizontal":"steps__horizontal_katl2","vertical":"steps__vertical_katl2","textWrapper":"steps__textWrapper_katl2","interactive":"steps__interactive_katl2","disabled":"steps__disabled_katl2","text":"steps__text_katl2","indicator":"steps__indicator_katl2","option":"steps__option_katl2","dash":"steps__dash_katl2","completed":"steps__completed_katl2","gap-24":"steps__gap-24_katl2","gap-32":"steps__gap-32_katl2","fullWidth":"steps__fullWidth_katl2","focused":"steps__focused_katl2","selected":"steps__selected_katl2","checkbox":"steps__checkbox_katl2","dot":"steps__dot_katl2","error":"steps__error_katl2","unordered":"steps__unordered_katl2","completedIndicator":"steps__completedIndicator_katl2"};
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_ogpd6.steps__component_ogpd6 {
4
+ .steps__component_fv74y.steps__component_fv74y {
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_ogpd6"};
3
+ var styles = {"component":"steps__component_fv74y"};
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_jefst {
1
+ .steps__component_6ymy9 {
2
2
  display: flex;
3
3
  align-items: center;
4
4
  flex-direction: row;
5
5
  }
6
- .steps__component_jefst.steps__vertical_jefst {
6
+ .steps__component_6ymy9.steps__vertical_6ymy9 {
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_jefst","vertical":"steps__vertical_jefst"};
3
+ var styles = {"component":"steps__component_6ymy9","vertical":"steps__vertical_6ymy9"};
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_jefst {
1
+ .steps__component_6ymy9 {
2
2
  display: flex;
3
3
  align-items: center;
4
4
  flex-direction: row;
5
5
  }
6
- .steps__component_jefst.steps__vertical_jefst {
6
+ .steps__component_6ymy9.steps__vertical_6ymy9 {
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_jefst","vertical":"steps__vertical_jefst"};
5
+ var styles = {"component":"steps__component_6ymy9","vertical":"steps__vertical_6ymy9"};
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_1cs14 {
37
+ .steps__step_katl2 {
38
38
  display: flex;
39
39
  outline: none;
40
40
  }
41
- .steps__step_1cs14.steps__horizontal_1cs14 {
41
+ .steps__step_katl2.steps__horizontal_katl2 {
42
42
  flex-grow: 1;
43
43
  }
44
- .steps__step_1cs14:not(.steps__vertical_1cs14) {
44
+ .steps__step_katl2:not(.steps__vertical_katl2) {
45
45
  align-items: center;
46
46
  }
47
- .steps__step_1cs14:last-of-type .steps__textWrapper_1cs14.steps__vertical_1cs14 {
47
+ .steps__step_katl2:last-of-type .steps__textWrapper_katl2.steps__vertical_katl2 {
48
48
  margin-bottom: var(--gap-0);
49
49
  }
50
- .steps__step_1cs14.steps__interactive_1cs14:not(.steps__disabled_1cs14):hover {
50
+ .steps__step_katl2.steps__interactive_katl2:not(.steps__disabled_katl2):hover {
51
51
  cursor: pointer;
52
52
  }
53
- .steps__step_1cs14.steps__disabled_1cs14:hover .steps__text_1cs14 {
53
+ .steps__step_katl2.steps__disabled_katl2:hover .steps__text_katl2 {
54
54
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
55
55
  background: initial;
56
56
  }
57
- .steps__step_1cs14.steps__disabled_1cs14 .steps__indicator_1cs14 {
57
+ .steps__step_katl2.steps__disabled_katl2 .steps__indicator_katl2 {
58
58
  cursor: inherit;
59
59
  }
60
- .steps__indicator_1cs14 {
60
+ .steps__indicator_katl2 {
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_1cs14.steps__vertical_1cs14 {
66
+ .steps__indicator_katl2.steps__vertical_katl2 {
67
67
  flex-direction: column;
68
68
  margin-right: var(--gap-8);
69
69
  }
70
- .steps__option_1cs14 {
70
+ .steps__option_katl2 {
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_1cs14.steps__vertical_1cs14 {
86
+ .steps__option_katl2.steps__vertical_katl2 {
87
87
  margin-top: var(--gap-8);
88
88
  }
89
- .steps__dash_1cs14 {
89
+ .steps__dash_katl2 {
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_1cs14.steps__completed_1cs14 {
95
+ .steps__dash_katl2.steps__completed_katl2 {
96
96
  border-top: var(--steps-dash-border);
97
97
  }
98
- .steps__dash_1cs14.steps__vertical_1cs14 {
98
+ .steps__dash_katl2.steps__vertical_katl2 {
99
99
  min-width: 0;
100
100
  min-width: initial;
101
101
  min-height: 8px;
@@ -104,22 +104,22 @@
104
104
  border-left: 2px solid var(--color-light-neutral-translucent-300);
105
105
  border-top: none;
106
106
  }
107
- .steps__dash_1cs14.steps__completed_1cs14.steps__vertical_1cs14 {
107
+ .steps__dash_katl2.steps__completed_katl2.steps__vertical_katl2 {
108
108
  border-left: var(--steps-dash-border);
109
109
  }
110
- .steps__textWrapper_1cs14.steps__vertical_1cs14 {
110
+ .steps__textWrapper_katl2.steps__vertical_katl2 {
111
111
  min-height: 48px;
112
112
  }
113
- .steps__textWrapper_1cs14.steps__vertical_1cs14.steps__gap-24_1cs14 {
113
+ .steps__textWrapper_katl2.steps__vertical_katl2.steps__gap-24_katl2 {
114
114
  margin-bottom: var(--gap-8);
115
115
  }
116
- .steps__textWrapper_1cs14.steps__vertical_1cs14.steps__gap-32_1cs14 {
116
+ .steps__textWrapper_katl2.steps__vertical_katl2.steps__gap-32_katl2 {
117
117
  margin-bottom: var(--gap-16);
118
118
  }
119
- .steps__textWrapper_1cs14.steps__vertical_1cs14.steps__fullWidth_1cs14 {
119
+ .steps__textWrapper_katl2.steps__vertical_katl2.steps__fullWidth_katl2 {
120
120
  width: 100%;
121
121
  }
122
- .steps__text_1cs14 {
122
+ .steps__text_katl2 {
123
123
  font-size: 16px;
124
124
  line-height: 24px;
125
125
  font-weight: 400;
@@ -134,24 +134,24 @@
134
134
  height: min-content;
135
135
  box-sizing: border-box;
136
136
  }
137
- .steps__text_1cs14.steps__interactive_1cs14:not(.steps__disabled_1cs14):hover {
137
+ .steps__text_katl2.steps__interactive_katl2:not(.steps__disabled_katl2):hover {
138
138
  background: var(--color-light-transparent-default-hover);
139
139
  }
140
- .steps__text_1cs14.steps__interactive_1cs14:not(.steps__disabled_1cs14):active {
140
+ .steps__text_katl2.steps__interactive_katl2:not(.steps__disabled_katl2):active {
141
141
  background: var(--color-light-transparent-default-press);
142
142
  }
143
- .steps__focused_1cs14 {
143
+ .steps__focused_katl2 {
144
144
  outline: var(--gap-2) solid var(--focus-color);
145
145
  outline-offset: var(--gap-2);
146
146
  }
147
- .steps__selected_1cs14 .steps__text_1cs14 {
147
+ .steps__selected_katl2 .steps__text_katl2 {
148
148
  color: var(--color-light-text-primary);
149
149
  }
150
- .steps__selected_1cs14 .steps__option_1cs14 {
150
+ .steps__selected_katl2 .steps__option_katl2 {
151
151
  color: var(--color-light-text-primary-inverted);
152
152
  background: var(--color-light-neutral-translucent-1300);
153
153
  }
154
- .steps__checkbox_1cs14 {
154
+ .steps__checkbox_katl2 {
155
155
  display: flex;
156
156
  justify-content: center;
157
157
  align-items: center;
@@ -160,25 +160,25 @@
160
160
  height: 20px;
161
161
  border: 2px solid var(--color-light-neutral-translucent-300);
162
162
  }
163
- .steps__dot_1cs14 {
163
+ .steps__dot_katl2 {
164
164
  width: 10px;
165
165
  height: 10px;
166
166
  border-radius: var(--border-radius-circle);
167
167
  background: var(--color-light-neutral-translucent-300);
168
168
  }
169
- .steps__selected_1cs14 .steps__checkbox_1cs14 {
169
+ .steps__selected_katl2 .steps__checkbox_katl2 {
170
170
  border: 2px solid var(--color-light-neutral-translucent-1300);
171
171
  }
172
- .steps__selected_1cs14 .steps__checkbox_1cs14 .steps__dot_1cs14 {
172
+ .steps__selected_katl2 .steps__checkbox_katl2 .steps__dot_katl2 {
173
173
  background: var(--color-light-neutral-translucent-1300);
174
174
  }
175
- .steps__option_1cs14:not(.steps__error_1cs14).steps__unordered_1cs14 {
175
+ .steps__option_katl2:not(.steps__error_katl2).steps__unordered_katl2 {
176
176
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
177
177
  background: initial;
178
178
  }
179
- .steps__completedIndicator_1cs14[class*='positive-checkmark'] {
179
+ .steps__completedIndicator_katl2[class*='positive-checkmark'] {
180
180
  background-color: var(--steps-option-svg-color);
181
181
  }
182
- .steps__fullWidth_1cs14 {
182
+ .steps__fullWidth_katl2 {
183
183
  width: 100%;
184
184
  }
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_1cs14","horizontal":"steps__horizontal_1cs14","vertical":"steps__vertical_1cs14","textWrapper":"steps__textWrapper_1cs14","interactive":"steps__interactive_1cs14","disabled":"steps__disabled_1cs14","text":"steps__text_1cs14","indicator":"steps__indicator_1cs14","option":"steps__option_1cs14","dash":"steps__dash_1cs14","completed":"steps__completed_1cs14","gap-24":"steps__gap-24_1cs14","gap-32":"steps__gap-32_1cs14","fullWidth":"steps__fullWidth_1cs14","focused":"steps__focused_1cs14","selected":"steps__selected_1cs14","checkbox":"steps__checkbox_1cs14","dot":"steps__dot_1cs14","error":"steps__error_1cs14","unordered":"steps__unordered_1cs14","completedIndicator":"steps__completedIndicator_1cs14"};
3
+ const styles = {"step":"steps__step_katl2","horizontal":"steps__horizontal_katl2","vertical":"steps__vertical_katl2","textWrapper":"steps__textWrapper_katl2","interactive":"steps__interactive_katl2","disabled":"steps__disabled_katl2","text":"steps__text_katl2","indicator":"steps__indicator_katl2","option":"steps__option_katl2","dash":"steps__dash_katl2","completed":"steps__completed_katl2","gap-24":"steps__gap-24_katl2","gap-32":"steps__gap-32_katl2","fullWidth":"steps__fullWidth_katl2","focused":"steps__focused_katl2","selected":"steps__selected_katl2","checkbox":"steps__checkbox_katl2","dot":"steps__dot_katl2","error":"steps__error_katl2","unordered":"steps__unordered_katl2","completedIndicator":"steps__completedIndicator_katl2"};
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_ogpd6.steps__component_ogpd6 {
4
+ .steps__component_fv74y.steps__component_fv74y {
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_ogpd6"};
3
+ const styles = {"component":"steps__component_fv74y"};
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_jefst {
1
+ .steps__component_6ymy9 {
2
2
  display: flex;
3
3
  align-items: center;
4
4
  flex-direction: row;
5
5
  }
6
- .steps__component_jefst.steps__vertical_jefst {
6
+ .steps__component_6ymy9.steps__vertical_6ymy9 {
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_jefst","vertical":"steps__vertical_jefst"};
3
+ const styles = {"component":"steps__component_6ymy9","vertical":"steps__vertical_6ymy9"};
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.7-alfasans",
3
+ "version": "3.0.8-alfasans",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -14,7 +14,7 @@
14
14
  },
15
15
  "dependencies": {
16
16
  "@alfalab/core-components-badge": "7.0.2-alfasans",
17
- "@alfalab/core-components-shared": "2.2.1-alfasans",
17
+ "@alfalab/core-components-shared": "2.2.2-alfasans",
18
18
  "@alfalab/core-components-status-badge": "3.0.2-alfasans",
19
19
  "@alfalab/hooks": "^1.17.0",
20
20
  "classnames": "^2.5.1",
@@ -28,6 +28,6 @@
28
28
  "access": "public",
29
29
  "directory": "dist"
30
30
  },
31
- "themesVersion": "15.1.0-alfasans",
31
+ "themesVersion": "15.2.0-alfasans",
32
32
  "varsVersion": "11.1.0-alfasans"
33
33
  }