diff --git a/src/components/ProgressBars/LinearProgressBar/Bar/Bar.module.scss b/src/components/ProgressBars/LinearProgressBar/Bar/Bar.module.scss index d2640353d1..dc30082678 100644 --- a/src/components/ProgressBars/LinearProgressBar/Bar/Bar.module.scss +++ b/src/components/ProgressBars/LinearProgressBar/Bar/Bar.module.scss @@ -21,6 +21,10 @@ background-color: var(--negative-color); } +.typePrimaryWarning { + background-color: var(--warning-color); +} + .typeSecondaryPrimary { background-color: var(--primary-selected-color); } @@ -37,6 +41,10 @@ background-color: var(--negative-color-selected); } +.typeSecondaryWarning { + background-color: var(--warning-color-selected); +} + .animate { transition: width var(--motion-productive-medium) var(--motion-timing-transition); } diff --git a/src/components/ProgressBars/LinearProgressBar/LinearProgressBarConstants.ts b/src/components/ProgressBars/LinearProgressBar/LinearProgressBarConstants.ts index b0799004ed..d37e8fc142 100644 --- a/src/components/ProgressBars/LinearProgressBar/LinearProgressBarConstants.ts +++ b/src/components/ProgressBars/LinearProgressBar/LinearProgressBarConstants.ts @@ -8,5 +8,6 @@ export enum ProgressBarStyle { SECONDARY = "secondary", POSITIVE = "positive", NEGATIVE = "negative", + WARNING = "warning", NONE = "none" }