Skip to content

Commit 2520099

Browse files
DimoHugo Tunius
Dimo
authored and
Hugo Tunius
committed
[BPK-755] Swap BpkColorWhite for colorWhite in progress bar.
1 parent 795d628 commit 2520099

File tree

4 files changed

+22
-19
lines changed

4 files changed

+22
-19
lines changed

‎changelog.md

+3
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,9 @@
33
## UNRELEASED
44

55
_Nothing yet..._
6+
**Fixed:**
7+
- bpk-component-progress
8+
- Default value for stepColor is now colorWhite instead of bpkColorWhite
69

710
## 2017-07-07 - Add shortcuts to toggle components
811

‎packages/bpk-component-progress/readme.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -49,4 +49,4 @@ const Steps = () => (
4949
| onComplete | func | false | null |
5050
| onCompleteTransitionEnd | func | false | null |
5151
| stepped | bool | false | false |
52-
| stepColor | string | false | bpkColorWhite |
52+
| stepColor | string | false | colorWhite |

‎packages/bpk-component-progress/src/BpkProgress.js

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import PropTypes from 'prop-types';
22
import React, { Component } from 'react';
3-
import { bpkColorWhite } from 'bpk-tokens/tokens/base.es6';
3+
import { colorWhite } from 'bpk-tokens/tokens/base.es6';
44
import clamp from 'lodash.clamp';
55
import { cssModules } from 'bpk-react-utils';
66

@@ -112,7 +112,7 @@ BpkProgress.propTypes = {
112112
BpkProgress.defaultProps = {
113113
className: null,
114114
stepped: false,
115-
stepColor: bpkColorWhite,
115+
stepColor: colorWhite,
116116
small: false,
117117
onComplete: () => null,
118118
onCompleteTransitionEnd: () => null,

‎packages/bpk-component-progress/src/__snapshots__/BpkProgress-test.js.snap

+16-16
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,7 @@ exports[`BpkProgress should render correctly with "small" and "stepped" attribut
4545
className="bpk-progress__step"
4646
style={
4747
Object {
48-
"backgroundColor": undefined,
48+
"backgroundColor": "rgb(255, 255, 255)",
4949
"left": "11.11111111111111%",
5050
}
5151
}
@@ -54,7 +54,7 @@ exports[`BpkProgress should render correctly with "small" and "stepped" attribut
5454
className="bpk-progress__step"
5555
style={
5656
Object {
57-
"backgroundColor": undefined,
57+
"backgroundColor": "rgb(255, 255, 255)",
5858
"left": "22.22222222222222%",
5959
}
6060
}
@@ -63,7 +63,7 @@ exports[`BpkProgress should render correctly with "small" and "stepped" attribut
6363
className="bpk-progress__step"
6464
style={
6565
Object {
66-
"backgroundColor": undefined,
66+
"backgroundColor": "rgb(255, 255, 255)",
6767
"left": "33.33333333333333%",
6868
}
6969
}
@@ -72,7 +72,7 @@ exports[`BpkProgress should render correctly with "small" and "stepped" attribut
7272
className="bpk-progress__step"
7373
style={
7474
Object {
75-
"backgroundColor": undefined,
75+
"backgroundColor": "rgb(255, 255, 255)",
7676
"left": "44.44444444444444%",
7777
}
7878
}
@@ -81,7 +81,7 @@ exports[`BpkProgress should render correctly with "small" and "stepped" attribut
8181
className="bpk-progress__step"
8282
style={
8383
Object {
84-
"backgroundColor": undefined,
84+
"backgroundColor": "rgb(255, 255, 255)",
8585
"left": "55.55555555555556%",
8686
}
8787
}
@@ -90,7 +90,7 @@ exports[`BpkProgress should render correctly with "small" and "stepped" attribut
9090
className="bpk-progress__step"
9191
style={
9292
Object {
93-
"backgroundColor": undefined,
93+
"backgroundColor": "rgb(255, 255, 255)",
9494
"left": "66.66666666666666%",
9595
}
9696
}
@@ -99,7 +99,7 @@ exports[`BpkProgress should render correctly with "small" and "stepped" attribut
9999
className="bpk-progress__step"
100100
style={
101101
Object {
102-
"backgroundColor": undefined,
102+
"backgroundColor": "rgb(255, 255, 255)",
103103
"left": "77.77777777777779%",
104104
}
105105
}
@@ -108,7 +108,7 @@ exports[`BpkProgress should render correctly with "small" and "stepped" attribut
108108
className="bpk-progress__step"
109109
style={
110110
Object {
111-
"backgroundColor": undefined,
111+
"backgroundColor": "rgb(255, 255, 255)",
112112
"left": "88.88888888888889%",
113113
}
114114
}
@@ -277,7 +277,7 @@ exports[`BpkProgress should render correctly with a "stepped" attribute 1`] = `
277277
className="bpk-progress__step"
278278
style={
279279
Object {
280-
"backgroundColor": undefined,
280+
"backgroundColor": "rgb(255, 255, 255)",
281281
"left": "11.11111111111111%",
282282
}
283283
}
@@ -286,7 +286,7 @@ exports[`BpkProgress should render correctly with a "stepped" attribute 1`] = `
286286
className="bpk-progress__step"
287287
style={
288288
Object {
289-
"backgroundColor": undefined,
289+
"backgroundColor": "rgb(255, 255, 255)",
290290
"left": "22.22222222222222%",
291291
}
292292
}
@@ -295,7 +295,7 @@ exports[`BpkProgress should render correctly with a "stepped" attribute 1`] = `
295295
className="bpk-progress__step"
296296
style={
297297
Object {
298-
"backgroundColor": undefined,
298+
"backgroundColor": "rgb(255, 255, 255)",
299299
"left": "33.33333333333333%",
300300
}
301301
}
@@ -304,7 +304,7 @@ exports[`BpkProgress should render correctly with a "stepped" attribute 1`] = `
304304
className="bpk-progress__step"
305305
style={
306306
Object {
307-
"backgroundColor": undefined,
307+
"backgroundColor": "rgb(255, 255, 255)",
308308
"left": "44.44444444444444%",
309309
}
310310
}
@@ -313,7 +313,7 @@ exports[`BpkProgress should render correctly with a "stepped" attribute 1`] = `
313313
className="bpk-progress__step"
314314
style={
315315
Object {
316-
"backgroundColor": undefined,
316+
"backgroundColor": "rgb(255, 255, 255)",
317317
"left": "55.55555555555556%",
318318
}
319319
}
@@ -322,7 +322,7 @@ exports[`BpkProgress should render correctly with a "stepped" attribute 1`] = `
322322
className="bpk-progress__step"
323323
style={
324324
Object {
325-
"backgroundColor": undefined,
325+
"backgroundColor": "rgb(255, 255, 255)",
326326
"left": "66.66666666666666%",
327327
}
328328
}
@@ -331,7 +331,7 @@ exports[`BpkProgress should render correctly with a "stepped" attribute 1`] = `
331331
className="bpk-progress__step"
332332
style={
333333
Object {
334-
"backgroundColor": undefined,
334+
"backgroundColor": "rgb(255, 255, 255)",
335335
"left": "77.77777777777779%",
336336
}
337337
}
@@ -340,7 +340,7 @@ exports[`BpkProgress should render correctly with a "stepped" attribute 1`] = `
340340
className="bpk-progress__step"
341341
style={
342342
Object {
343-
"backgroundColor": undefined,
343+
"backgroundColor": "rgb(255, 255, 255)",
344344
"left": "88.88888888888889%",
345345
}
346346
}

0 commit comments

Comments
 (0)