fix(styles): stepper numbering (#3513)

swisspost · Sep 11, 2024 · 055706d · 055706d
1 parent 8ab3db2
commit 055706d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/wet-sloths-listen.md b/.changeset/wet-sloths-listen.md
@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-styles': patch
+---
+
+Fixed step numbering in stepper component. Moved `counter-increment`to `stepper-link` selector to ensure correct step numbers are displayed throughout progression.
diff --git a/packages/styles/src/components/stepper.scss b/packages/styles/src/components/stepper.scss
@@ -88,6 +88,7 @@
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
+  counter-increment: step-index;
   position: relative;
   z-index: 2;
   overflow: hidden;
@@ -120,7 +121,6 @@
 
 // step indicator
 .stepper-link::before {
-  counter-increment: step-index;
   content: counter(step-index);
   display: flex;
   align-items: center;