fix(progress-indicator): fix active state (#9740)

andreancardona · Andrea Cardona · web-flow · commit 021df4c09cd4 · 2021-10-18T00:46:36.000Z
* feat(ContentSwitcher): preliminary unstable refactor

* fix(progress-indicator): fix active state

* whoops

* Delete UnstableContentSwitcher.js

* Delete index.js

* Delete styles.scss

* fix(progress-indicator): fix active state

* fix(progress-indicator): fix active state -test

* fix(progress-indicator): token fix

* fix(reset): commit

Co-authored-by: Andrea Cardona &lt;andrea.cardonaibm.com@andreas-macbook-pro.home&gt;
diff --git a/packages/components/src/components/progress-indicator/_progress-indicator.scss b/packages/components/src/components/progress-indicator/_progress-indicator.scss
@@ -102,9 +102,10 @@
     margin-right: 0.75rem;
   }
 
-  .#{$prefix}--tooltip__label.#{$prefix}--progress-label:active {
-    box-shadow: 0 rem(3px) 0 0 $interactive-01;
-    color: $interactive-01;
+  .#{$prefix}--progress-step-button:not(.#{$prefix}--progress-step-button--unclickable)
+    .#{$prefix}--progress-label:active {
+    box-shadow: 0 rem(3px) 0 0 $interactive;
+    color: $interactive;
   }
 
   //OVERFLOW STYLING
diff --git a/packages/styles/scss/components/progress-indicator/_progress-indicator.scss b/packages/styles/scss/components/progress-indicator/_progress-indicator.scss
@@ -225,6 +225,12 @@ $progress-indicator-bar-width: 1px inset transparent !default;
     cursor: pointer;
   }
 
+  .#{$prefix}--progress-step-button:not(.#{$prefix}--progress-step-button--unclickable)
+    .#{$prefix}--progress-label:active {
+    box-shadow: 0 rem(3px) 0 0 $interactive;
+    color: $interactive;
+  }
+
   //DISABLED STYLING
   .#{$prefix}--progress-step--disabled {
     cursor: not-allowed;

Original file line number	Diff line number	Diff line change
`@@ -102,9 +102,10 @@`
`102`	`102`	`margin-right: 0.75rem;`
`103`	`103`	`}`
`104`	`104`
`105`		`- .#{$prefix}--tooltip__label.#{$prefix}--progress-label:active {`
`106`		`- box-shadow: 0 rem(3px) 0 0 $interactive-01;`
`107`		`- color: $interactive-01;`
	`105`	`+ .#{$prefix}--progress-step-button:not(.#{$prefix}--progress-step-button--unclickable)`
	`106`	`+ .#{$prefix}--progress-label:active {`
	`107`	`+ box-shadow: 0 rem(3px) 0 0 $interactive;`
	`108`	`+ color: $interactive;`
`108`	`109`	`}`
`109`	`110`
`110`	`111`	`//OVERFLOW STYLING`