Skip to content

Commit 9e1d176

Browse files
committed
Delete color prop
1 parent a1ff785 commit 9e1d176

File tree

3 files changed

+2
-13
lines changed

3 files changed

+2
-13
lines changed

.changeset/healthy-boxes-wave.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,4 +2,4 @@
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

polaris-react/src/components/ProgressBar/ProgressBar.stories.tsx

Lines changed: 0 additions & 8 deletions
Original file line numberDiff line numberDiff 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
}

polaris-react/src/components/ProgressBar/ProgressBar.tsx

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff 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 {
4240
export 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) {

0 commit comments

Comments
 (0)