@alfalab/core-components-steps 3.0.8-alfasans → 3.0.8

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 (21) hide show
  1. package/components/step/index.css +36 -39
  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/cssm/components/step/index.module.css +4 -7
  6. package/esm/components/step/index.css +36 -39
  7. package/esm/components/step/index.module.css.js +1 -1
  8. package/esm/components/step-indicator/index.css +1 -1
  9. package/esm/components/step-indicator/index.module.css.js +1 -1
  10. package/esm/index.css +2 -2
  11. package/esm/index.module.css.js +1 -1
  12. package/index.css +2 -2
  13. package/index.module.css.js +1 -1
  14. package/modern/components/step/index.css +36 -39
  15. package/modern/components/step/index.module.css.js +1 -1
  16. package/modern/components/step-indicator/index.css +1 -1
  17. package/modern/components/step-indicator/index.module.css.js +1 -1
  18. package/modern/index.css +2 -2
  19. package/modern/index.module.css.js +1 -1
  20. package/moderncssm/components/step/index.module.css +2 -4
  21. package/package.json +6 -6
package/components/step/index.css CHANGED
@@ -23,9 +23,8 @@
23
23
  --gap-16: var(--gap-m);
24
24
  }
25
25
  :root {
26
- --font-family-alfasans:
27
- 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
28
- Helvetica, sans-serif;
26
+ --font-family-system:
27
+ system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
29
28
  }
30
29
  :root {
31
30
  --focus-color: var(--color-light-status-info);
@@ -34,45 +33,44 @@
34
33
  --steps-option-svg-color: var(--color-light-status-positive);
35
34
  --steps-dash-border: 2px solid var(--color-light-status-positive);
36
35
  }
37
- .steps__step_katl2 {
36
+ .steps__step_1pwy7 {
38
37
  display: flex;
39
38
  outline: none;
40
39
  }
41
- .steps__step_katl2.steps__horizontal_katl2 {
40
+ .steps__step_1pwy7.steps__horizontal_1pwy7 {
42
41
  flex-grow: 1;
43
42
  }
44
- .steps__step_katl2:not(.steps__vertical_katl2) {
43
+ .steps__step_1pwy7:not(.steps__vertical_1pwy7) {
45
44
  align-items: center;
46
45
  }
47
- .steps__step_katl2:last-of-type .steps__textWrapper_katl2.steps__vertical_katl2 {
46
+ .steps__step_1pwy7:last-of-type .steps__textWrapper_1pwy7.steps__vertical_1pwy7 {
48
47
  margin-bottom: var(--gap-0);
49
48
  }
50
- .steps__step_katl2.steps__interactive_katl2:not(.steps__disabled_katl2):hover {
49
+ .steps__step_1pwy7.steps__interactive_1pwy7:not(.steps__disabled_1pwy7):hover {
51
50
  cursor: pointer;
52
51
  }
53
- .steps__step_katl2.steps__disabled_katl2:hover .steps__text_katl2 {
52
+ .steps__step_1pwy7.steps__disabled_1pwy7:hover .steps__text_1pwy7 {
54
53
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
55
54
  background: initial;
56
55
  }
57
- .steps__step_katl2.steps__disabled_katl2 .steps__indicator_katl2 {
56
+ .steps__step_1pwy7.steps__disabled_1pwy7 .steps__indicator_1pwy7 {
58
57
  cursor: inherit;
59
58
  }
60
- .steps__indicator_katl2 {
59
+ .steps__indicator_1pwy7 {
61
60
  cursor: pointer;
62
61
  display: flex;
63
62
  align-items: center;
64
63
  margin-right: var(--gap-4);
65
64
  }
66
- .steps__indicator_katl2.steps__vertical_katl2 {
65
+ .steps__indicator_1pwy7.steps__vertical_1pwy7 {
67
66
  flex-direction: column;
68
67
  margin-right: var(--gap-8);
69
68
  }
70
- .steps__option_katl2 {
69
+ .steps__option_1pwy7 {
71
70
  font-size: 14px;
72
71
  line-height: 20px;
73
72
  font-weight: 700;
74
- letter-spacing: 0.47px;
75
- font-family: var(--font-family-alfasans);
73
+ font-family: var(--font-family-system);
76
74
 
77
75
  display: flex;
78
76
  align-items: center;
@@ -83,19 +81,19 @@
83
81
  height: 24px;
84
82
  border-radius: var(--border-radius-circle);
85
83
  }
86
- .steps__option_katl2.steps__vertical_katl2 {
84
+ .steps__option_1pwy7.steps__vertical_1pwy7 {
87
85
  margin-top: var(--gap-8);
88
86
  }
89
- .steps__dash_katl2 {
87
+ .steps__dash_1pwy7 {
90
88
  flex: 1 1 auto;
91
89
  min-width: 24px;
92
90
  border-top: 2px solid var(--color-light-neutral-translucent-300);
93
91
  margin-right: var(--gap-8);
94
92
  }
95
- .steps__dash_katl2.steps__completed_katl2 {
93
+ .steps__dash_1pwy7.steps__completed_1pwy7 {
96
94
  border-top: var(--steps-dash-border);
97
95
  }
98
- .steps__dash_katl2.steps__vertical_katl2 {
96
+ .steps__dash_1pwy7.steps__vertical_1pwy7 {
99
97
  min-width: 0;
100
98
  min-width: initial;
101
99
  min-height: 8px;
@@ -104,27 +102,26 @@
104
102
  border-left: 2px solid var(--color-light-neutral-translucent-300);
105
103
  border-top: none;
106
104
  }
107
- .steps__dash_katl2.steps__completed_katl2.steps__vertical_katl2 {
105
+ .steps__dash_1pwy7.steps__completed_1pwy7.steps__vertical_1pwy7 {
108
106
  border-left: var(--steps-dash-border);
109
107
  }
110
- .steps__textWrapper_katl2.steps__vertical_katl2 {
108
+ .steps__textWrapper_1pwy7.steps__vertical_1pwy7 {
111
109
  min-height: 48px;
112
110
  }
113
- .steps__textWrapper_katl2.steps__vertical_katl2.steps__gap-24_katl2 {
111
+ .steps__textWrapper_1pwy7.steps__vertical_1pwy7.steps__gap-24_1pwy7 {
114
112
  margin-bottom: var(--gap-8);
115
113
  }
116
- .steps__textWrapper_katl2.steps__vertical_katl2.steps__gap-32_katl2 {
114
+ .steps__textWrapper_1pwy7.steps__vertical_1pwy7.steps__gap-32_1pwy7 {
117
115
  margin-bottom: var(--gap-16);
118
116
  }
119
- .steps__textWrapper_katl2.steps__vertical_katl2.steps__fullWidth_katl2 {
117
+ .steps__textWrapper_1pwy7.steps__vertical_1pwy7.steps__fullWidth_1pwy7 {
120
118
  width: 100%;
121
119
  }
122
- .steps__text_katl2 {
120
+ .steps__text_1pwy7 {
123
121
  font-size: 16px;
124
122
  line-height: 24px;
125
123
  font-weight: 400;
126
- letter-spacing: -0.24px;
127
- font-family: var(--font-family-alfasans);
124
+ font-family: var(--font-family-system);
128
125
 
129
126
  transition: background 0.2s;
130
127
  padding: var(--gap-8);
@@ -134,24 +131,24 @@
134
131
  height: min-content;
135
132
  box-sizing: border-box;
136
133
  }
137
- .steps__text_katl2.steps__interactive_katl2:not(.steps__disabled_katl2):hover {
134
+ .steps__text_1pwy7.steps__interactive_1pwy7:not(.steps__disabled_1pwy7):hover {
138
135
  background: var(--color-light-transparent-default-hover);
139
136
  }
140
- .steps__text_katl2.steps__interactive_katl2:not(.steps__disabled_katl2):active {
137
+ .steps__text_1pwy7.steps__interactive_1pwy7:not(.steps__disabled_1pwy7):active {
141
138
  background: var(--color-light-transparent-default-press);
142
139
  }
143
- .steps__focused_katl2 {
140
+ .steps__focused_1pwy7 {
144
141
  outline: var(--gap-2) solid var(--focus-color);
145
142
  outline-offset: var(--gap-2);
146
143
  }
147
- .steps__selected_katl2 .steps__text_katl2 {
144
+ .steps__selected_1pwy7 .steps__text_1pwy7 {
148
145
  color: var(--color-light-text-primary);
149
146
  }
150
- .steps__selected_katl2 .steps__option_katl2 {
147
+ .steps__selected_1pwy7 .steps__option_1pwy7 {
151
148
  color: var(--color-light-text-primary-inverted);
152
149
  background: var(--color-light-neutral-translucent-1300);
153
150
  }
154
- .steps__checkbox_katl2 {
151
+ .steps__checkbox_1pwy7 {
155
152
  display: flex;
156
153
  justify-content: center;
157
154
  align-items: center;
@@ -160,25 +157,25 @@
160
157
  height: 20px;
161
158
  border: 2px solid var(--color-light-neutral-translucent-300);
162
159
  }
163
- .steps__dot_katl2 {
160
+ .steps__dot_1pwy7 {
164
161
  width: 10px;
165
162
  height: 10px;
166
163
  border-radius: var(--border-radius-circle);
167
164
  background: var(--color-light-neutral-translucent-300);
168
165
  }
169
- .steps__selected_katl2 .steps__checkbox_katl2 {
166
+ .steps__selected_1pwy7 .steps__checkbox_1pwy7 {
170
167
  border: 2px solid var(--color-light-neutral-translucent-1300);
171
168
  }
172
- .steps__selected_katl2 .steps__checkbox_katl2 .steps__dot_katl2 {
169
+ .steps__selected_1pwy7 .steps__checkbox_1pwy7 .steps__dot_1pwy7 {
173
170
  background: var(--color-light-neutral-translucent-1300);
174
171
  }
175
- .steps__option_katl2:not(.steps__error_katl2).steps__unordered_katl2 {
172
+ .steps__option_1pwy7:not(.steps__error_1pwy7).steps__unordered_1pwy7 {
176
173
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
177
174
  background: initial;
178
175
  }
179
- .steps__completedIndicator_katl2[class*='positive-checkmark'] {
176
+ .steps__completedIndicator_1pwy7[class*='positive-checkmark'] {
180
177
  background-color: var(--steps-option-svg-color);
181
178
  }
182
- .steps__fullWidth_katl2 {
179
+ .steps__fullWidth_1pwy7 {
183
180
  width: 100%;
184
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_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"};
5
+ var styles = {"step":"steps__step_1pwy7","horizontal":"steps__horizontal_1pwy7","vertical":"steps__vertical_1pwy7","textWrapper":"steps__textWrapper_1pwy7","interactive":"steps__interactive_1pwy7","disabled":"steps__disabled_1pwy7","text":"steps__text_1pwy7","indicator":"steps__indicator_1pwy7","option":"steps__option_1pwy7","dash":"steps__dash_1pwy7","completed":"steps__completed_1pwy7","gap-24":"steps__gap-24_1pwy7","gap-32":"steps__gap-32_1pwy7","fullWidth":"steps__fullWidth_1pwy7","focused":"steps__focused_1pwy7","selected":"steps__selected_1pwy7","checkbox":"steps__checkbox_1pwy7","dot":"steps__dot_1pwy7","error":"steps__error_1pwy7","unordered":"steps__unordered_1pwy7","completedIndicator":"steps__completedIndicator_1pwy7"};
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_fv74y.steps__component_fv74y {
4
+ .steps__component_1i6vf.steps__component_1i6vf {
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_fv74y"};
5
+ var styles = {"component":"steps__component_1i6vf"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/cssm/components/step/index.module.css CHANGED
@@ -23,9 +23,8 @@
23
23
  --gap-16: var(--gap-m);
24
24
  }
25
25
  :root {
26
- --font-family-alfasans:
27
- 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
28
- Helvetica, sans-serif;
26
+ --font-family-system:
27
+ system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
29
28
  }
30
29
  :root {
31
30
  --focus-color: var(--color-light-status-info);
@@ -71,8 +70,7 @@
71
70
  font-size: 14px;
72
71
  line-height: 20px;
73
72
  font-weight: 700;
74
- letter-spacing: 0.47px;
75
- font-family: var(--font-family-alfasans);
73
+ font-family: var(--font-family-system);
76
74
 
77
75
  display: flex;
78
76
  align-items: center;
@@ -123,8 +121,7 @@
123
121
  font-size: 16px;
124
122
  line-height: 24px;
125
123
  font-weight: 400;
126
- letter-spacing: -0.24px;
127
- font-family: var(--font-family-alfasans);
124
+ font-family: var(--font-family-system);
128
125
 
129
126
  transition: background 0.2s;
130
127
  padding: var(--gap-8);
package/esm/components/step/index.css CHANGED
@@ -23,9 +23,8 @@
23
23
  --gap-16: var(--gap-m);
24
24
  }
25
25
  :root {
26
- --font-family-alfasans:
27
- 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
28
- Helvetica, sans-serif;
26
+ --font-family-system:
27
+ system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
29
28
  }
30
29
  :root {
31
30
  --focus-color: var(--color-light-status-info);
@@ -34,45 +33,44 @@
34
33
  --steps-option-svg-color: var(--color-light-status-positive);
35
34
  --steps-dash-border: 2px solid var(--color-light-status-positive);
36
35
  }
37
- .steps__step_katl2 {
36
+ .steps__step_1pwy7 {
38
37
  display: flex;
39
38
  outline: none;
40
39
  }
41
- .steps__step_katl2.steps__horizontal_katl2 {
40
+ .steps__step_1pwy7.steps__horizontal_1pwy7 {
42
41
  flex-grow: 1;
43
42
  }
44
- .steps__step_katl2:not(.steps__vertical_katl2) {
43
+ .steps__step_1pwy7:not(.steps__vertical_1pwy7) {
45
44
  align-items: center;
46
45
  }
47
- .steps__step_katl2:last-of-type .steps__textWrapper_katl2.steps__vertical_katl2 {
46
+ .steps__step_1pwy7:last-of-type .steps__textWrapper_1pwy7.steps__vertical_1pwy7 {
48
47
  margin-bottom: var(--gap-0);
49
48
  }
50
- .steps__step_katl2.steps__interactive_katl2:not(.steps__disabled_katl2):hover {
49
+ .steps__step_1pwy7.steps__interactive_1pwy7:not(.steps__disabled_1pwy7):hover {
51
50
  cursor: pointer;
52
51
  }
53
- .steps__step_katl2.steps__disabled_katl2:hover .steps__text_katl2 {
52
+ .steps__step_1pwy7.steps__disabled_1pwy7:hover .steps__text_1pwy7 {
54
53
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
55
54
  background: initial;
56
55
  }
57
- .steps__step_katl2.steps__disabled_katl2 .steps__indicator_katl2 {
56
+ .steps__step_1pwy7.steps__disabled_1pwy7 .steps__indicator_1pwy7 {
58
57
  cursor: inherit;
59
58
  }
60
- .steps__indicator_katl2 {
59
+ .steps__indicator_1pwy7 {
61
60
  cursor: pointer;
62
61
  display: flex;
63
62
  align-items: center;
64
63
  margin-right: var(--gap-4);
65
64
  }
66
- .steps__indicator_katl2.steps__vertical_katl2 {
65
+ .steps__indicator_1pwy7.steps__vertical_1pwy7 {
67
66
  flex-direction: column;
68
67
  margin-right: var(--gap-8);
69
68
  }
70
- .steps__option_katl2 {
69
+ .steps__option_1pwy7 {
71
70
  font-size: 14px;
72
71
  line-height: 20px;
73
72
  font-weight: 700;
74
- letter-spacing: 0.47px;
75
- font-family: var(--font-family-alfasans);
73
+ font-family: var(--font-family-system);
76
74
 
77
75
  display: flex;
78
76
  align-items: center;
@@ -83,19 +81,19 @@
83
81
  height: 24px;
84
82
  border-radius: var(--border-radius-circle);
85
83
  }
86
- .steps__option_katl2.steps__vertical_katl2 {
84
+ .steps__option_1pwy7.steps__vertical_1pwy7 {
87
85
  margin-top: var(--gap-8);
88
86
  }
89
- .steps__dash_katl2 {
87
+ .steps__dash_1pwy7 {
90
88
  flex: 1 1 auto;
91
89
  min-width: 24px;
92
90
  border-top: 2px solid var(--color-light-neutral-translucent-300);
93
91
  margin-right: var(--gap-8);
94
92
  }
95
- .steps__dash_katl2.steps__completed_katl2 {
93
+ .steps__dash_1pwy7.steps__completed_1pwy7 {
96
94
  border-top: var(--steps-dash-border);
97
95
  }
98
- .steps__dash_katl2.steps__vertical_katl2 {
96
+ .steps__dash_1pwy7.steps__vertical_1pwy7 {
99
97
  min-width: 0;
100
98
  min-width: initial;
101
99
  min-height: 8px;
@@ -104,27 +102,26 @@
104
102
  border-left: 2px solid var(--color-light-neutral-translucent-300);
105
103
  border-top: none;
106
104
  }
107
- .steps__dash_katl2.steps__completed_katl2.steps__vertical_katl2 {
105
+ .steps__dash_1pwy7.steps__completed_1pwy7.steps__vertical_1pwy7 {
108
106
  border-left: var(--steps-dash-border);
109
107
  }
110
- .steps__textWrapper_katl2.steps__vertical_katl2 {
108
+ .steps__textWrapper_1pwy7.steps__vertical_1pwy7 {
111
109
  min-height: 48px;
112
110
  }
113
- .steps__textWrapper_katl2.steps__vertical_katl2.steps__gap-24_katl2 {
111
+ .steps__textWrapper_1pwy7.steps__vertical_1pwy7.steps__gap-24_1pwy7 {
114
112
  margin-bottom: var(--gap-8);
115
113
  }
116
- .steps__textWrapper_katl2.steps__vertical_katl2.steps__gap-32_katl2 {
114
+ .steps__textWrapper_1pwy7.steps__vertical_1pwy7.steps__gap-32_1pwy7 {
117
115
  margin-bottom: var(--gap-16);
118
116
  }
119
- .steps__textWrapper_katl2.steps__vertical_katl2.steps__fullWidth_katl2 {
117
+ .steps__textWrapper_1pwy7.steps__vertical_1pwy7.steps__fullWidth_1pwy7 {
120
118
  width: 100%;
121
119
  }
122
- .steps__text_katl2 {
120
+ .steps__text_1pwy7 {
123
121
  font-size: 16px;
124
122
  line-height: 24px;
125
123
  font-weight: 400;
126
- letter-spacing: -0.24px;
127
- font-family: var(--font-family-alfasans);
124
+ font-family: var(--font-family-system);
128
125
 
129
126
  transition: background 0.2s;
130
127
  padding: var(--gap-8);
@@ -134,24 +131,24 @@
134
131
  height: min-content;
135
132
  box-sizing: border-box;
136
133
  }
137
- .steps__text_katl2.steps__interactive_katl2:not(.steps__disabled_katl2):hover {
134
+ .steps__text_1pwy7.steps__interactive_1pwy7:not(.steps__disabled_1pwy7):hover {
138
135
  background: var(--color-light-transparent-default-hover);
139
136
  }
140
- .steps__text_katl2.steps__interactive_katl2:not(.steps__disabled_katl2):active {
137
+ .steps__text_1pwy7.steps__interactive_1pwy7:not(.steps__disabled_1pwy7):active {
141
138
  background: var(--color-light-transparent-default-press);
142
139
  }
143
- .steps__focused_katl2 {
140
+ .steps__focused_1pwy7 {
144
141
  outline: var(--gap-2) solid var(--focus-color);
145
142
  outline-offset: var(--gap-2);
146
143
  }
147
- .steps__selected_katl2 .steps__text_katl2 {
144
+ .steps__selected_1pwy7 .steps__text_1pwy7 {
148
145
  color: var(--color-light-text-primary);
149
146
  }
150
- .steps__selected_katl2 .steps__option_katl2 {
147
+ .steps__selected_1pwy7 .steps__option_1pwy7 {
151
148
  color: var(--color-light-text-primary-inverted);
152
149
  background: var(--color-light-neutral-translucent-1300);
153
150
  }
154
- .steps__checkbox_katl2 {
151
+ .steps__checkbox_1pwy7 {
155
152
  display: flex;
156
153
  justify-content: center;
157
154
  align-items: center;
@@ -160,25 +157,25 @@
160
157
  height: 20px;
161
158
  border: 2px solid var(--color-light-neutral-translucent-300);
162
159
  }
163
- .steps__dot_katl2 {
160
+ .steps__dot_1pwy7 {
164
161
  width: 10px;
165
162
  height: 10px;
166
163
  border-radius: var(--border-radius-circle);
167
164
  background: var(--color-light-neutral-translucent-300);
168
165
  }
169
- .steps__selected_katl2 .steps__checkbox_katl2 {
166
+ .steps__selected_1pwy7 .steps__checkbox_1pwy7 {
170
167
  border: 2px solid var(--color-light-neutral-translucent-1300);
171
168
  }
172
- .steps__selected_katl2 .steps__checkbox_katl2 .steps__dot_katl2 {
169
+ .steps__selected_1pwy7 .steps__checkbox_1pwy7 .steps__dot_1pwy7 {
173
170
  background: var(--color-light-neutral-translucent-1300);
174
171
  }
175
- .steps__option_katl2:not(.steps__error_katl2).steps__unordered_katl2 {
172
+ .steps__option_1pwy7:not(.steps__error_1pwy7).steps__unordered_1pwy7 {
176
173
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
177
174
  background: initial;
178
175
  }
179
- .steps__completedIndicator_katl2[class*='positive-checkmark'] {
176
+ .steps__completedIndicator_1pwy7[class*='positive-checkmark'] {
180
177
  background-color: var(--steps-option-svg-color);
181
178
  }
182
- .steps__fullWidth_katl2 {
179
+ .steps__fullWidth_1pwy7 {
183
180
  width: 100%;
184
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_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"};
3
+ var styles = {"step":"steps__step_1pwy7","horizontal":"steps__horizontal_1pwy7","vertical":"steps__vertical_1pwy7","textWrapper":"steps__textWrapper_1pwy7","interactive":"steps__interactive_1pwy7","disabled":"steps__disabled_1pwy7","text":"steps__text_1pwy7","indicator":"steps__indicator_1pwy7","option":"steps__option_1pwy7","dash":"steps__dash_1pwy7","completed":"steps__completed_1pwy7","gap-24":"steps__gap-24_1pwy7","gap-32":"steps__gap-32_1pwy7","fullWidth":"steps__fullWidth_1pwy7","focused":"steps__focused_1pwy7","selected":"steps__selected_1pwy7","checkbox":"steps__checkbox_1pwy7","dot":"steps__dot_1pwy7","error":"steps__error_1pwy7","unordered":"steps__unordered_1pwy7","completedIndicator":"steps__completedIndicator_1pwy7"};
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_fv74y.steps__component_fv74y {
4
+ .steps__component_1i6vf.steps__component_1i6vf {
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_fv74y"};
3
+ var styles = {"component":"steps__component_1i6vf"};
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_6ymy9 {
1
+ .steps__component_1v7f2 {
2
2
  display: flex;
3
3
  align-items: center;
4
4
  flex-direction: row;
5
5
  }
6
- .steps__component_6ymy9.steps__vertical_6ymy9 {
6
+ .steps__component_1v7f2.steps__vertical_1v7f2 {
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_6ymy9","vertical":"steps__vertical_6ymy9"};
3
+ var styles = {"component":"steps__component_1v7f2","vertical":"steps__vertical_1v7f2"};
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_6ymy9 {
1
+ .steps__component_1v7f2 {
2
2
  display: flex;
3
3
  align-items: center;
4
4
  flex-direction: row;
5
5
  }
6
- .steps__component_6ymy9.steps__vertical_6ymy9 {
6
+ .steps__component_1v7f2.steps__vertical_1v7f2 {
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_6ymy9","vertical":"steps__vertical_6ymy9"};
5
+ var styles = {"component":"steps__component_1v7f2","vertical":"steps__vertical_1v7f2"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/modern/components/step/index.css CHANGED
@@ -23,9 +23,8 @@
23
23
  --gap-16: var(--gap-m);
24
24
  }
25
25
  :root {
26
- --font-family-alfasans:
27
- 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
28
- Helvetica, sans-serif;
26
+ --font-family-system:
27
+ system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
29
28
  }
30
29
  :root {
31
30
  --focus-color: var(--color-light-status-info);
@@ -34,45 +33,44 @@
34
33
  --steps-option-svg-color: var(--color-light-status-positive);
35
34
  --steps-dash-border: 2px solid var(--color-light-status-positive);
36
35
  }
37
- .steps__step_katl2 {
36
+ .steps__step_1pwy7 {
38
37
  display: flex;
39
38
  outline: none;
40
39
  }
41
- .steps__step_katl2.steps__horizontal_katl2 {
40
+ .steps__step_1pwy7.steps__horizontal_1pwy7 {
42
41
  flex-grow: 1;
43
42
  }
44
- .steps__step_katl2:not(.steps__vertical_katl2) {
43
+ .steps__step_1pwy7:not(.steps__vertical_1pwy7) {
45
44
  align-items: center;
46
45
  }
47
- .steps__step_katl2:last-of-type .steps__textWrapper_katl2.steps__vertical_katl2 {
46
+ .steps__step_1pwy7:last-of-type .steps__textWrapper_1pwy7.steps__vertical_1pwy7 {
48
47
  margin-bottom: var(--gap-0);
49
48
  }
50
- .steps__step_katl2.steps__interactive_katl2:not(.steps__disabled_katl2):hover {
49
+ .steps__step_1pwy7.steps__interactive_1pwy7:not(.steps__disabled_1pwy7):hover {
51
50
  cursor: pointer;
52
51
  }
53
- .steps__step_katl2.steps__disabled_katl2:hover .steps__text_katl2 {
52
+ .steps__step_1pwy7.steps__disabled_1pwy7:hover .steps__text_1pwy7 {
54
53
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
55
54
  background: initial;
56
55
  }
57
- .steps__step_katl2.steps__disabled_katl2 .steps__indicator_katl2 {
56
+ .steps__step_1pwy7.steps__disabled_1pwy7 .steps__indicator_1pwy7 {
58
57
  cursor: inherit;
59
58
  }
60
- .steps__indicator_katl2 {
59
+ .steps__indicator_1pwy7 {
61
60
  cursor: pointer;
62
61
  display: flex;
63
62
  align-items: center;
64
63
  margin-right: var(--gap-4);
65
64
  }
66
- .steps__indicator_katl2.steps__vertical_katl2 {
65
+ .steps__indicator_1pwy7.steps__vertical_1pwy7 {
67
66
  flex-direction: column;
68
67
  margin-right: var(--gap-8);
69
68
  }
70
- .steps__option_katl2 {
69
+ .steps__option_1pwy7 {
71
70
  font-size: 14px;
72
71
  line-height: 20px;
73
72
  font-weight: 700;
74
- letter-spacing: 0.47px;
75
- font-family: var(--font-family-alfasans);
73
+ font-family: var(--font-family-system);
76
74
 
77
75
  display: flex;
78
76
  align-items: center;
@@ -83,19 +81,19 @@
83
81
  height: 24px;
84
82
  border-radius: var(--border-radius-circle);
85
83
  }
86
- .steps__option_katl2.steps__vertical_katl2 {
84
+ .steps__option_1pwy7.steps__vertical_1pwy7 {
87
85
  margin-top: var(--gap-8);
88
86
  }
89
- .steps__dash_katl2 {
87
+ .steps__dash_1pwy7 {
90
88
  flex: 1 1 auto;
91
89
  min-width: 24px;
92
90
  border-top: 2px solid var(--color-light-neutral-translucent-300);
93
91
  margin-right: var(--gap-8);
94
92
  }
95
- .steps__dash_katl2.steps__completed_katl2 {
93
+ .steps__dash_1pwy7.steps__completed_1pwy7 {
96
94
  border-top: var(--steps-dash-border);
97
95
  }
98
- .steps__dash_katl2.steps__vertical_katl2 {
96
+ .steps__dash_1pwy7.steps__vertical_1pwy7 {
99
97
  min-width: 0;
100
98
  min-width: initial;
101
99
  min-height: 8px;
@@ -104,27 +102,26 @@
104
102
  border-left: 2px solid var(--color-light-neutral-translucent-300);
105
103
  border-top: none;
106
104
  }
107
- .steps__dash_katl2.steps__completed_katl2.steps__vertical_katl2 {
105
+ .steps__dash_1pwy7.steps__completed_1pwy7.steps__vertical_1pwy7 {
108
106
  border-left: var(--steps-dash-border);
109
107
  }
110
- .steps__textWrapper_katl2.steps__vertical_katl2 {
108
+ .steps__textWrapper_1pwy7.steps__vertical_1pwy7 {
111
109
  min-height: 48px;
112
110
  }
113
- .steps__textWrapper_katl2.steps__vertical_katl2.steps__gap-24_katl2 {
111
+ .steps__textWrapper_1pwy7.steps__vertical_1pwy7.steps__gap-24_1pwy7 {
114
112
  margin-bottom: var(--gap-8);
115
113
  }
116
- .steps__textWrapper_katl2.steps__vertical_katl2.steps__gap-32_katl2 {
114
+ .steps__textWrapper_1pwy7.steps__vertical_1pwy7.steps__gap-32_1pwy7 {
117
115
  margin-bottom: var(--gap-16);
118
116
  }
119
- .steps__textWrapper_katl2.steps__vertical_katl2.steps__fullWidth_katl2 {
117
+ .steps__textWrapper_1pwy7.steps__vertical_1pwy7.steps__fullWidth_1pwy7 {
120
118
  width: 100%;
121
119
  }
122
- .steps__text_katl2 {
120
+ .steps__text_1pwy7 {
123
121
  font-size: 16px;
124
122
  line-height: 24px;
125
123
  font-weight: 400;
126
- letter-spacing: -0.24px;
127
- font-family: var(--font-family-alfasans);
124
+ font-family: var(--font-family-system);
128
125
 
129
126
  transition: background 0.2s;
130
127
  padding: var(--gap-8);
@@ -134,24 +131,24 @@
134
131
  height: min-content;
135
132
  box-sizing: border-box;
136
133
  }
137
- .steps__text_katl2.steps__interactive_katl2:not(.steps__disabled_katl2):hover {
134
+ .steps__text_1pwy7.steps__interactive_1pwy7:not(.steps__disabled_1pwy7):hover {
138
135
  background: var(--color-light-transparent-default-hover);
139
136
  }
140
- .steps__text_katl2.steps__interactive_katl2:not(.steps__disabled_katl2):active {
137
+ .steps__text_1pwy7.steps__interactive_1pwy7:not(.steps__disabled_1pwy7):active {
141
138
  background: var(--color-light-transparent-default-press);
142
139
  }
143
- .steps__focused_katl2 {
140
+ .steps__focused_1pwy7 {
144
141
  outline: var(--gap-2) solid var(--focus-color);
145
142
  outline-offset: var(--gap-2);
146
143
  }
147
- .steps__selected_katl2 .steps__text_katl2 {
144
+ .steps__selected_1pwy7 .steps__text_1pwy7 {
148
145
  color: var(--color-light-text-primary);
149
146
  }
150
- .steps__selected_katl2 .steps__option_katl2 {
147
+ .steps__selected_1pwy7 .steps__option_1pwy7 {
151
148
  color: var(--color-light-text-primary-inverted);
152
149
  background: var(--color-light-neutral-translucent-1300);
153
150
  }
154
- .steps__checkbox_katl2 {
151
+ .steps__checkbox_1pwy7 {
155
152
  display: flex;
156
153
  justify-content: center;
157
154
  align-items: center;
@@ -160,25 +157,25 @@
160
157
  height: 20px;
161
158
  border: 2px solid var(--color-light-neutral-translucent-300);
162
159
  }
163
- .steps__dot_katl2 {
160
+ .steps__dot_1pwy7 {
164
161
  width: 10px;
165
162
  height: 10px;
166
163
  border-radius: var(--border-radius-circle);
167
164
  background: var(--color-light-neutral-translucent-300);
168
165
  }
169
- .steps__selected_katl2 .steps__checkbox_katl2 {
166
+ .steps__selected_1pwy7 .steps__checkbox_1pwy7 {
170
167
  border: 2px solid var(--color-light-neutral-translucent-1300);
171
168
  }
172
- .steps__selected_katl2 .steps__checkbox_katl2 .steps__dot_katl2 {
169
+ .steps__selected_1pwy7 .steps__checkbox_1pwy7 .steps__dot_1pwy7 {
173
170
  background: var(--color-light-neutral-translucent-1300);
174
171
  }
175
- .steps__option_katl2:not(.steps__error_katl2).steps__unordered_katl2 {
172
+ .steps__option_1pwy7:not(.steps__error_1pwy7).steps__unordered_1pwy7 {
176
173
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
177
174
  background: initial;
178
175
  }
179
- .steps__completedIndicator_katl2[class*='positive-checkmark'] {
176
+ .steps__completedIndicator_1pwy7[class*='positive-checkmark'] {
180
177
  background-color: var(--steps-option-svg-color);
181
178
  }
182
- .steps__fullWidth_katl2 {
179
+ .steps__fullWidth_1pwy7 {
183
180
  width: 100%;
184
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_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"};
3
+ const styles = {"step":"steps__step_1pwy7","horizontal":"steps__horizontal_1pwy7","vertical":"steps__vertical_1pwy7","textWrapper":"steps__textWrapper_1pwy7","interactive":"steps__interactive_1pwy7","disabled":"steps__disabled_1pwy7","text":"steps__text_1pwy7","indicator":"steps__indicator_1pwy7","option":"steps__option_1pwy7","dash":"steps__dash_1pwy7","completed":"steps__completed_1pwy7","gap-24":"steps__gap-24_1pwy7","gap-32":"steps__gap-32_1pwy7","fullWidth":"steps__fullWidth_1pwy7","focused":"steps__focused_1pwy7","selected":"steps__selected_1pwy7","checkbox":"steps__checkbox_1pwy7","dot":"steps__dot_1pwy7","error":"steps__error_1pwy7","unordered":"steps__unordered_1pwy7","completedIndicator":"steps__completedIndicator_1pwy7"};
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_fv74y.steps__component_fv74y {
4
+ .steps__component_1i6vf.steps__component_1i6vf {
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_fv74y"};
3
+ const styles = {"component":"steps__component_1i6vf"};
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_6ymy9 {
1
+ .steps__component_1v7f2 {
2
2
  display: flex;
3
3
  align-items: center;
4
4
  flex-direction: row;
5
5
  }
6
- .steps__component_6ymy9.steps__vertical_6ymy9 {
6
+ .steps__component_1v7f2.steps__vertical_1v7f2 {
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_6ymy9","vertical":"steps__vertical_6ymy9"};
3
+ const styles = {"component":"steps__component_1v7f2","vertical":"steps__vertical_1v7f2"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/moderncssm/components/step/index.module.css CHANGED
@@ -51,8 +51,7 @@
51
51
  font-size: 14px;
52
52
  line-height: 20px;
53
53
  font-weight: 700;
54
- letter-spacing: 0.47px;
55
- font-family: var(--font-family-alfasans);
54
+ font-family: var(--font-family-system);
56
55
 
57
56
  display: flex;
58
57
  align-items: center;
@@ -113,8 +112,7 @@
113
112
  font-size: 16px;
114
113
  line-height: 24px;
115
114
  font-weight: 400;
116
- letter-spacing: -0.24px;
117
- font-family: var(--font-family-alfasans);
115
+ font-family: var(--font-family-system);
118
116
 
119
117
  transition: background 0.2s;
120
118
  padding: var(--gap-8);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-steps",
3
- "version": "3.0.8-alfasans",
3
+ "version": "3.0.8",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -13,9 +13,9 @@
13
13
  "build": "rollup -c ../../tools/rollup/rollup.config.mjs --silent"
14
14
  },
15
15
  "dependencies": {
16
- "@alfalab/core-components-badge": "7.0.2-alfasans",
17
- "@alfalab/core-components-shared": "2.2.2-alfasans",
18
- "@alfalab/core-components-status-badge": "3.0.2-alfasans",
16
+ "@alfalab/core-components-badge": "^7.0.2",
17
+ "@alfalab/core-components-shared": "^2.2.2",
18
+ "@alfalab/core-components-status-badge": "^3.0.2",
19
19
  "@alfalab/hooks": "^1.17.0",
20
20
  "classnames": "^2.5.1",
21
21
  "tslib": "^2.4.0"
@@ -28,6 +28,6 @@
28
28
  "access": "public",
29
29
  "directory": "dist"
30
30
  },
31
- "themesVersion": "15.2.0-alfasans",
32
- "varsVersion": "11.1.0-alfasans"
31
+ "themesVersion": "15.2.0",
32
+ "varsVersion": "11.1.0"
33
33
  }