Skip to content

Commit 986a86d

Browse files
anna-shakhovaanna-shakhova
authored
Stepper: update theme builder vars (DevExpress#30109)
1 parent ac9991e commit 986a86d

File tree

3 files changed

+41
-41
lines changed

3 files changed

+41
-41
lines changed

‎packages/devextreme-scss/scss/widgets/fluent/stepper/_colors.scss‎

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -29,12 +29,6 @@ $stepper-step-danger-bg: $base-danger !default;
2929
*/
3030
$stepper-step-danger-hover-bg: $base-danger-hover !default;
3131

32-
/**
33-
* $name 50. Shadow color
34-
* $type color
35-
*/
36-
$stepper-step-shadow-color: $base-typography-bg !default;
37-
3832
/**
3933
* $name 60. Background color
4034
* $type color
@@ -60,7 +54,7 @@ $stepper-step-base-border-color: $base-border-color !default;
6054
$stepper-step-base-hover-border-color: $base-border-color-hover !default;
6155

6256
/**
63-
* $name 100. Inner text color
57+
* $name 100. Text or icon color
6458
* $type color
6559
*/
6660
$stepper-step-base-text-color: $base-text-color !default;
@@ -84,7 +78,7 @@ $stepper-step-selected-bg: $stepper-step-accent-bg !default;
8478
$stepper-step-selected-hover-bg: $stepper-step-accent-hover-bg !default;
8579

8680
/**
87-
* $name 140. Inner text color
81+
* $name 140. Text or icon color
8882
* $type color
8983
*/
9084
$stepper-step-selected-text-color: $base-inverted-text-color !default;
@@ -120,31 +114,31 @@ $stepper-step-invalid-border-color: $stepper-step-base-border-color !default;
120114
$stepper-step-invalid-hover-border-color: $stepper-step-base-hover-border-color !default;
121115

122116
/**
123-
* $name 200. Inner text color
117+
* $name 200. Text or icon color
124118
* $type color
125119
*/
126120
$stepper-step-invalid-text-color: $stepper-step-danger-bg !default;
127121

128122
/**
129-
* $name 210. Hover state inner text color
123+
* $name 210. Hover state text or icon color
130124
* $type color
131125
*/
132126
$stepper-step-invalid-hover-text-color: $stepper-step-danger-hover-bg !default;
133127

134128
/**
135-
* $name 220. Label text color
129+
* $name 220. Invalid label text color
136130
* $type color
137131
*/
138132
$stepper-step-invalid-label-color: $stepper-step-danger-bg !default;
139133

140134
/**
141-
* $name 230. Selected background color
135+
* $name 230. Background color
142136
* $type color
143137
*/
144138
$stepper-step-invalid-selected-bg: $stepper-step-danger-bg !default;
145139

146140
/**
147-
* $name 240. Selected hover state background color
141+
* $name 240. Hover state background color
148142
* $type color
149143
*/
150144
$stepper-step-invalid-selected-hover-bg: $stepper-step-danger-hover-bg !default;
@@ -173,3 +167,9 @@ $stepper-connector-bg: $base-separator-color !default;
173167
* $type color
174168
*/
175169
$stepper-connector-value-bg: $base-accent !default;
170+
171+
/**
172+
* $name 300. Shadow color
173+
* $type color
174+
*/
175+
$stepper-step-shadow-color: $base-typography-bg !default;

‎packages/devextreme-scss/scss/widgets/generic/stepper/_colors.scss‎

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -29,12 +29,6 @@ $stepper-step-danger-bg: $base-danger !default;
2929
*/
3030
$stepper-step-danger-hover-bg: null !default;
3131

32-
/**
33-
* $name 50. Shadow color
34-
* $type color
35-
*/
36-
$stepper-step-shadow-color: $base-bg !default;
37-
3832
/**
3933
* $name 60. Background color
4034
* $type color
@@ -48,7 +42,7 @@ $stepper-step-base-bg: null !default;
4842
$stepper-step-base-hover-bg: null !default;
4943

5044
/**
51-
* $name 100. Inner text color
45+
* $name 100. Text or icon color
5246
* $type color
5347
*/
5448
$stepper-step-base-text-color: $base-text-color !default;
@@ -205,7 +199,7 @@ $stepper-step-selected-bg: $stepper-step-accent-bg !default;
205199
$stepper-step-selected-hover-bg: $stepper-step-accent-hover-bg !default;
206200

207201
/**
208-
* $name 140. Inner text color
202+
* $name 140. Text or icon color
209203
* $type color
210204
*/
211205
$stepper-step-selected-text-color: $base-inverted-text-color !default;
@@ -241,31 +235,37 @@ $stepper-step-invalid-border-color: $stepper-step-invalid-bg !default;
241235
$stepper-step-invalid-hover-border-color: $stepper-step-invalid-hover-bg !default;
242236

243237
/**
244-
* $name 200. Inner text color
238+
* $name 200. Text or icon color
245239
* $type color
246240
*/
247241
$stepper-step-invalid-text-color: $base-inverted-text-color !default;
248242

249243
/**
250-
* $name 210. Hover state inner text color
244+
* $name 210. Hover state text or icon color
251245
* $type color
252246
*/
253247
$stepper-step-invalid-hover-text-color: $base-inverted-text-color !default;
254248

255249
/**
256-
* $name 220. Label text color
250+
* $name 220. Invalid label text color
257251
* $type color
258252
*/
259253
$stepper-step-invalid-label-color: $base-text-color !default;
260254

261255
/**
262-
* $name 230. Selected background color
256+
* $name 230. Background color
263257
* $type color
264258
*/
265259
$stepper-step-invalid-selected-bg: $stepper-step-danger-bg !default;
266260

267261
/**
268-
* $name 240. Selected hover state background color
262+
* $name 240. Hover state background color
269263
* $type color
270264
*/
271265
$stepper-step-invalid-selected-hover-bg: $stepper-step-danger-hover-bg !default;
266+
267+
/**
268+
* $name 300. Shadow color
269+
* $type color
270+
*/
271+
$stepper-step-shadow-color: $base-bg !default;

‎packages/devextreme-scss/scss/widgets/material/stepper/_colors.scss‎

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -29,12 +29,6 @@ $stepper-step-danger-bg: $base-danger !default;
2929
*/
3030
$stepper-step-danger-hover-bg: null !default;
3131

32-
/**
33-
* $name 50. Shadow color
34-
* $type color
35-
*/
36-
$stepper-step-shadow-color: $base-bg !default;
37-
3832
/**
3933
* $name 60. Background color
4034
* $type color
@@ -48,7 +42,7 @@ $stepper-step-base-bg: null !default;
4842
$stepper-step-base-hover-bg: null !default;
4943

5044
/**
51-
* $name 100. Inner text color
45+
* $name 100. Text or icon color
5246
* $type color
5347
*/
5448
$stepper-step-base-text-color: $base-inverted-text-color !default;
@@ -129,16 +123,16 @@ $stepper-step-selected-bg: $stepper-step-accent-bg !default;
129123
$stepper-step-selected-hover-bg: $stepper-step-accent-hover-bg !default;
130124

131125
/**
132-
* $name 140. Inner text color
126+
* $name 140. Text or icon color
133127
* $type color
134128
*/
135-
$stepper-step-selected-label-color: $base-text-color !default;
129+
$stepper-step-selected-text-color: $base-inverted-text-color !default;
136130

137131
/**
138132
* $name 150. Label text color
139133
* $type color
140134
*/
141-
$stepper-step-selected-text-color: $base-inverted-text-color !default;
135+
$stepper-step-selected-label-color: $base-text-color !default;
142136

143137
/**
144138
* $name 160. Background color
@@ -165,31 +159,37 @@ $stepper-step-invalid-border-color: $stepper-step-invalid-bg !default;
165159
$stepper-step-invalid-hover-border-color: $stepper-step-invalid-hover-bg !default;
166160

167161
/**
168-
* $name 200. Inner text color
162+
* $name 200. Text or icon color
169163
* $type color
170164
*/
171165
$stepper-step-invalid-text-color: $base-inverted-text-color !default;
172166

173167
/**
174-
* $name 210. Hover state inner text color
168+
* $name 210. Hover state text or icon color
175169
* $type color
176170
*/
177171
$stepper-step-invalid-hover-text-color: $base-inverted-text-color !default;
178172

179173
/**
180-
* $name 220. Label text color
174+
* $name 220. Invalid label text color
181175
* $type color
182176
*/
183177
$stepper-step-invalid-label-color: $base-text-color !default;
184178

185179
/**
186-
* $name 230. Selected background color
180+
* $name 230. Background color
187181
* $type color
188182
*/
189183
$stepper-step-invalid-selected-bg: $stepper-step-danger-bg !default;
190184

191185
/**
192-
* $name 240. Selected hover state background color
186+
* $name 240. Hover state background color
193187
* $type color
194188
*/
195189
$stepper-step-invalid-selected-hover-bg: $stepper-step-danger-hover-bg !default;
190+
191+
/**
192+
* $name 300. Shadow color
193+
* $type color
194+
*/
195+
$stepper-step-shadow-color: $base-bg !default;

0 commit comments

Comments
 (0)