refactor(stepper): update bootstrap colors (#509)

Co-authored-by: Simeon Simeonoff <[email protected]>

Author: SisIvanova

sass/themes/schemas/components/dark/_stepper.scss

@@ -273,6 +273,7 @@ $dark-fluent-stepper: extend(
 
 /// Generates a dark bootstrap stepper schema.
 /// @type {Map}
+/// @prop {Map} indicator-color [color: ('primary', 300)] - The text color of the incomplete step indicator.
 /// @prop {Map} step-separator-color [color: ('gray', 100)] - The separator border-color of between the steps.
 /// @prop {Map} invalid-title-color [color: ('error', 400)] - The color of the invalid step title.
 /// @prop {Map} invalid-title-hover-color [color: ('error', 400)] - The color of the invalid step title on hover.
@@ -287,6 +288,12 @@ $dark-bootstrap-stepper: extend(
     $bootstrap-stepper,
     $base-stepper,
     (
+        indicator-color: (
+            color: (
+                'primary',
+                300,
+            ),
+        ),
         step-separator-color: (
             color: (
                 'gray',

sass/themes/schemas/components/light/_stepper.scss

@@ -16,7 +16,6 @@
 /// @prop {Map} subtitle-color [color: ('gray', 700)] - The text color of the step subtitle.
 /// @prop {Map} subtitle-hover-color [color: ('gray', 700)] - The text color of the step subtitle on hover.
 /// @prop {Map} subtitle-focus-color [color: ('gray', 700)] - The text color of the step subtitle on focus.
-/// @prop {Map} indicator-color [color: ('primary', 500)] - The text color of the incomplete step indicator.
 /// @prop {Color} indicator-background [transparent] - The background color of the incomplete step indicator.
 /// @prop {Map} indicator-outline [color: ('gray', 400)] - The outline color of the incomplete step indicator.
 /// @prop {Color} invalid-step-background [transparent] - The background of the invalid step header.
@@ -75,12 +74,6 @@ $light-stepper: (
             300,
         ),
     ),
-    indicator-color: (
-        color: (
-            'primary',
-            500,
-        ),
-    ),
     title-color: (
         color: (
             'gray',
@@ -638,6 +631,7 @@ $fluent-stepper: extend(
 
 /// Generates a bootstrap stepper schema.
 /// @type {Map}
+/// @prop {Map} indicator-color [color: ('primary', 600)] - The text color of the incomplete step indicator.
 /// @prop {Map} indicator-outline [color: ('gray', 400)] - The outline color of the incomplete step indicator.
 /// @prop {Map} disabled-indicator-outline [color: ('gray', 300)] - The outline color of the disabled step indicator.
 /// @prop {Map} complete-indicator-background [color: ('gray', 300)] - The background color of the completed step indicator.
@@ -664,6 +658,18 @@ $fluent-stepper: extend(
 $bootstrap-stepper: extend(
     $light-stepper,
     (
+        indicator-color: (
+            color: (
+                'primary',
+                600,
+            ),
+        ),
+        indicator-outline: (
+            color: (
+                'gray',
+                400,
+            ),
+        ),
         step-hover-background: (
             color: (
                 'gray',
@@ -756,13 +762,6 @@ $bootstrap-stepper: extend(
                 0.5,
             ),
         ),
-        indicator-outline: (
-            color: (
-                'gray',
-                400,
-            ),
-        ),
-
         // Complete
         complete-indicator-background:
             (