Use more specific styling for kinds in ProgressBar

(cherry picked from commit dd31c913d2a974d95f3be251714ce749cfd99a72)
2026-04-23 22:25:09 -04:00 · 2023-05-31 04:00:52 +03:00
parent 9e4d551f08
commit 54985bd4ca
2 changed files with 34 additions and 34 deletions
@@ -38,7 +38,7 @@ function ProgressBar(props) {
            {
              showText && width ?
                <div
-                  className={styles.backTextContainer}
+                  className={classNames(styles.backTextContainer, styles[kind])}
                  style={{ width: actualWidth }}
                >
                  <div className={styles.backText}>
@@ -67,7 +67,7 @@ function ProgressBar(props) {
            {
              showText ?
                <div
-                  className={styles.frontTextContainer}
+                  className={classNames(styles.frontTextContainer, styles[kind])}
                  style={{ width: progressPercent }}
                >
                  <div