From 004737eb381ccfcf3960c573c470f62fb8f7d590 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Sat, 25 May 2024 13:13:17 +0300
Subject: [PATCH] Active border color for Steps, Stepper

---
 components/lib/stepper/style/StepperStyle.js | 1 +
 components/lib/steps/style/StepsStyle.js     | 1 +
 components/lib/themes/aura/stepper/index.js  | 1 +
 components/lib/themes/aura/steps/index.js    | 1 +
 components/lib/themes/lara/stepper/index.js  | 1 +
 components/lib/themes/lara/steps/index.js    | 1 +
 components/lib/themes/nora/stepper/index.js  | 3 ++-
 components/lib/themes/nora/steps/index.js    | 3 ++-
 8 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/components/lib/stepper/style/StepperStyle.js b/components/lib/stepper/style/StepperStyle.js
index cc8ab7dbe..380315ba3 100644
--- a/components/lib/stepper/style/StepperStyle.js
+++ b/components/lib/stepper/style/StepperStyle.js
@@ -92,6 +92,7 @@ const theme = ({ dt }) => `
 
 .p-stepper-item-active .p-stepper-item-number {
     background: ${dt('stepper.item.number.active.background')};
+    border-color: ${dt('stepper.item.number.active.border.color')};
     color: ${dt('stepper.item.number.active.color')};
 }
 
diff --git a/components/lib/steps/style/StepsStyle.js b/components/lib/steps/style/StepsStyle.js
index 975211c5c..c691e09c5 100644
--- a/components/lib/steps/style/StepsStyle.js
+++ b/components/lib/steps/style/StepsStyle.js
@@ -108,6 +108,7 @@ const theme = ({ dt }) => `
 
 .p-steps-item-active .p-steps-item-number {
     background: ${dt('steps.item.number.active.background')};
+    border-color: ${dt('steps.item.number.active.border.color')};
     color: ${dt('steps.item.number.active.color')};
 }
 
diff --git a/components/lib/themes/aura/stepper/index.js b/components/lib/themes/aura/stepper/index.js
index a8462d3b1..a907a45e6 100644
--- a/components/lib/themes/aura/stepper/index.js
+++ b/components/lib/themes/aura/stepper/index.js
@@ -37,6 +37,7 @@ export default {
         background: '{content.background}',
         activeBackground: '{content.background}',
         borderColor: '{content.border.color}',
+        activeBorderColor: '{content.border.color}',
         color: '{text.muted.color}',
         activeColor: '{primary.color}',
         size: '2rem',
diff --git a/components/lib/themes/aura/steps/index.js b/components/lib/themes/aura/steps/index.js
index f26b6e17e..95c6c9dd2 100644
--- a/components/lib/themes/aura/steps/index.js
+++ b/components/lib/themes/aura/steps/index.js
@@ -25,6 +25,7 @@ export default {
         background: '{content.background}',
         activeBackground: '{content.background}',
         borderColor: '{content.border.color}',
+        activeBorderColor: '{content.border.color}',
         color: '{text.muted.color}',
         activeColor: '{primary.color}',
         size: '2rem',
diff --git a/components/lib/themes/lara/stepper/index.js b/components/lib/themes/lara/stepper/index.js
index 9cd36b5a8..07e53819b 100644
--- a/components/lib/themes/lara/stepper/index.js
+++ b/components/lib/themes/lara/stepper/index.js
@@ -37,6 +37,7 @@ export default {
         background: '{content.background}',
         activeBackground: '{primary.color}',
         borderColor: '{content.border.color}',
+        activeBorderColor: '{primary.color}',
         color: '{text.muted.color}',
         activeColor: '{primary.contrast.color}',
         size: '2.25rem',
diff --git a/components/lib/themes/lara/steps/index.js b/components/lib/themes/lara/steps/index.js
index dd5891180..963c86bb6 100644
--- a/components/lib/themes/lara/steps/index.js
+++ b/components/lib/themes/lara/steps/index.js
@@ -25,6 +25,7 @@ export default {
         background: '{content.background}',
         activeBackground: '{primary.color}',
         borderColor: '{content.border.color}',
+        activeBorderColor: '{primary.color}',
         color: '{text.muted.color}',
         activeColor: '{primary.contrast.color}',
         size: '2.25rem',
diff --git a/components/lib/themes/nora/stepper/index.js b/components/lib/themes/nora/stepper/index.js
index 214b1f5b8..11e4af71e 100644
--- a/components/lib/themes/nora/stepper/index.js
+++ b/components/lib/themes/nora/stepper/index.js
@@ -31,12 +31,13 @@ export default {
     itemTitle: {
         color: '{text.muted.color}',
         activeColor: '{primary.color}',
-        fontWeight: '500'
+        fontWeight: '700'
     },
     itemNumber: {
         background: '{content.background}',
         activeBackground: '{primary.color}',
         borderColor: '{content.border.color}',
+        activeBorderColor: '{primary.color}',
         color: '{text.muted.color}',
         activeColor: '{primary.contrast.color}',
         size: '2rem',
diff --git a/components/lib/themes/nora/steps/index.js b/components/lib/themes/nora/steps/index.js
index eff49c7ce..f741320c8 100644
--- a/components/lib/themes/nora/steps/index.js
+++ b/components/lib/themes/nora/steps/index.js
@@ -19,12 +19,13 @@ export default {
     itemLabel: {
         color: '{text.muted.color}',
         activeColor: '{primary.color}',
-        fontWeight: '500'
+        fontWeight: '700'
     },
     itemNumber: {
         background: '{content.background}',
         activeBackground: '{primary.color}',
         borderColor: '{content.border.color}',
+        activeBorderColor: '{primary.color}',
         color: '{text.muted.color}',
         activeColor: '{primary.contrast.color}',
         size: '2rem',