feat: add warning color LinearProgressBar (#1845)

mondaycom · Dec 24, 2023 · aacfe1f · aacfe1f
1 parent b640bb5
commit aacfe1f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git 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
@@ -8,5 +8,6 @@ export enum ProgressBarStyle {
   SECONDARY = "secondary",
   POSITIVE = "positive",
   NEGATIVE = "negative",
+  WARNING = "warning",
   NONE = "none"
 }