File tree Expand file tree Collapse file tree 3 files changed +2
-13
lines changed
polaris-react/src/components/ProgressBar Expand file tree Collapse file tree 3 files changed +2
-13
lines changed Original file line number Diff line number Diff line change 22' @shopify/polaris ' : major
33---
44
5- Renamed ` color ` prop to ` tone ` for ` ProgressBar ` component and deprecated ` color ` prop
5+ Renamed ` color ` prop to ` tone ` for ` ProgressBar ` component
Original file line number Diff line number Diff line change @@ -24,14 +24,6 @@ export function WithColors() {
2424 < ProgressBar progress = { 30 } tone = "critical" />
2525 < br />
2626 < ProgressBar progress = { 30 } tone = "highlight" />
27- < br />
28- < ProgressBar progress = { 70 } color = "primary" />
29- < br />
30- < ProgressBar progress = { 30 } color = "success" />
31- < br />
32- < ProgressBar progress = { 30 } color = "critical" />
33- < br />
34- < ProgressBar progress = { 30 } color = "highlight" />
3527 </ div >
3628 ) ;
3729}
Original file line number Diff line number Diff line change @@ -21,8 +21,6 @@ export interface ProgressBarProps {
2121 * @default 'medium'
2222 */
2323 size ?: Size ;
24- /** @deprecated Use the `tone` prop to set the color */
25- color ?: Tone ;
2624 /**
2725 * Whether the fill animation is triggered
2826 * @default 'true'
@@ -42,8 +40,7 @@ export interface ProgressBarProps {
4240export function ProgressBar ( {
4341 progress = 0 ,
4442 size = 'medium' ,
45- color,
46- tone = color || 'highlight' ,
43+ tone = 'highlight' ,
4744 animated : hasAppearAnimation = true ,
4845 ariaLabelledBy,
4946} : ProgressBarProps ) {
You can’t perform that action at this time.
0 commit comments