feat(carousel): update carousel theme and schema (#479)

* feat(carousel): fix theme to set idle dot color only for indigo

* feat(carousel): remove action-strip theme added by mistake

* feat(carousel): update carousel theme and schema

---------

Co-authored-by: Simeon Simeonoff <sim.simeonoff@gmail.com>

Author: didimmova

sass/themes/components/carousel/_carousel-theme.scss

@@ -138,24 +138,35 @@
         $button-disabled-arrow-color: hsla(from adaptive-contrast(var(--button-disabled-background)) h s l / 0.4);
     }
 
-    @if not($indicator-dot-color) and $indicator-background {
-        $indicator-dot-color: hsla(from adaptive-contrast(var(--indicator-background)) h s l / 0.8);
-    }
-
     @if not($indicator-hover-dot-color) and $indicator-dot-color {
-        $indicator-hover-dot-color: hsla(from var(--indicator-dot-color) h s l / 1);
+        $indicator-hover-dot-color: dynamic-shade(var(--indicator-dot-color));
     }
 
-    @if not($indicator-border-color) and $indicator-dot-color {
-        $indicator-border-color: var(--indicator-dot-color);
-    }
+    @if $variant == 'indigo' {
+        @if not($indicator-dot-color) and $indicator-background {
+            $indicator-dot-color: hsla(from adaptive-contrast(var(--indicator-background)) h s l / 0.8);
+        }
 
-    @if not($indicator-active-dot-color) and $indicator-background {
-        $indicator-active-dot-color: hsl(from adaptive-contrast(var(--indicator-background)) h s calc(l * 0.9));
+        @if not($indicator-hover-dot-color) and $indicator-dot-color {
+            $indicator-hover-dot-color: hsla(from var(--indicator-dot-color) h s l / 1);
+        }
+
+        @if not($indicator-border-color) and $indicator-dot-color {
+            $indicator-border-color: var(--indicator-dot-color);
+        }
+    } @else {
+        @if not($indicator-border-color) and $indicator-background {
+            $indicator-border-color: hsla(from adaptive-contrast(var(--indicator-background)) h s l / 0.8);
+        }
     }
 
     @if not($indicator-active-hover-dot-color) and $indicator-active-dot-color {
-        $indicator-active-hover-dot-color: hsl(from var(--indicator-active-dot-color) h s calc(l * 1.1));
+        $indicator-active-hover-dot-color: dynamic-shade(var(--indicator-active-dot-color));
+    }
+
+    @if not($indicator-active-dot-color) and $indicator-background {
+        $indicator-active-dot-color: adaptive-contrast(var(--indicator-background));
+        $indicator-active-hover-dot-color: var(--indicator-active-dot-color);
     }
 
     @if not($indicator-active-border-color) and $indicator-active-dot-color {

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

@@ -312,6 +312,7 @@ $bootstrap-carousel: extend(
 /// @prop {Map} button-disabled-arrow-color [color: ('gray' 900, .2)] - The previous/next buttons disabled color.
 /// @prop {Map} indicator-dot-color [color: ('gray', 500)] - The idle indicator dot color.
 /// @prop {Map} indicator-hover-dot-color [color: ('gray', 600)] - The hover indicator dot color.
+/// @prop {Map} indicator-active-border-color [color: ('primary', 500)] - The active indicator border color.
 /// @prop {Map} indicator-active-dot-color [color: ('primary', 500)] - The active indicator dot color.
 /// @prop {Map} indicator-active-hover-dot-color [color: ('primary', 400)] - The active indicator dot color on hover.
 /// @prop {Map} indicator-focus-color [color: ('primary', 400, .5)] - The indicators border and dot color on focus.
@@ -402,6 +403,13 @@ $indigo-carousel: extend(
             ),
         ),
 
+        indicator-active-border-color: (
+            color: (
+                'primary',
+                500,
+            ),
+        ),
+
         indicator-active-dot-color: (
             color: (
                 'primary',