Active border color for Steps, Stepper

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')};
 }
 

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')};
 }
 

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',

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',

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',

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',

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',

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',