Use more specific styling for kinds in ProgressBar

(cherry picked from commit dd31c913d2a974d95f3be251714ce749cfd99a72) Fixes #8669
2026-04-18 21:35:51 -04:00 · 2023-05-31 04:00:52 +03:00
parent 3542b263c7
commit 32f09633e9
2 changed files with 42 additions and 42 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