fix(stepper-item): remove delay in highlighting item (#8996)

josercarcamo · web-flow · commit bcf23dd74c20 · 2024-04-03T13:29:52.000-07:00
**Related Issue:** #6482 ## Summary Removed delay in highlighting a stepper item.
diff --git a/packages/calcite-components/src/components/stepper-item/stepper-item.scss b/packages/calcite-components/src/components/stepper-item/stepper-item.scss
@@ -264,7 +264,7 @@
     grid-row: items;
 
     &:focus {
-      @apply focus-outset;
+      @apply focus-outset duration-0;
     }
   }
 
@@ -276,6 +276,12 @@
   }
 }
 
+:host([layout="vertical"]) {
+  .stepper-item-header:focus {
+    @apply duration-0;
+  }
+}
+
 :host([layout="horizontal"][disabled]),
 :host([layout="horizontal-single"][disabled]) {
   .stepper-item-header {

Original file line number	Diff line number	Diff line change
`@@ -264,7 +264,7 @@`
`264`	`264`	`grid-row: items;`
`265`	`265`
`266`	`266`	`&:focus {`
`267`		`- @apply focus-outset;`
	`267`	`+ @apply focus-outset duration-0;`
`268`	`268`	`}`
`269`	`269`	`}`
`270`	`270`
`@@ -276,6 +276,12 @@`
`276`	`276`	`}`
`277`	`277`	`}`
`278`	`278`
	`279`	`+:host([layout="vertical"]) {`
	`280`	`+ .stepper-item-header:focus {`
	`281`	`+ @apply duration-0;`
	`282`	`+ }`
	`283`	`+}`
	`284`	`+`
`279`	`285`	`:host([layout="horizontal"][disabled]),`
`280`	`286`	`:host([layout="horizontal-single"][disabled]) {`
`281`	`287`	`.stepper-item-header {`