feat(themes): add theme property to components (#15056)

Author: didimmova

projects/igniteui-angular/src/lib/core/styles/components/action-strip/_action-strip-theme.scss

@@ -58,6 +58,7 @@
         icon-color: $icon-color,
         delete-action: $delete-action,
         actions-border-radius: $actions-border-radius,
+        theme: map.get($schema, '_meta', 'theme'),
         _meta: map.merge(if($meta, $meta, ()), (
             variant: map.get($schema, '_meta', 'theme')
         )),

projects/igniteui-angular/src/lib/core/styles/components/avatar/_avatar-theme.scss

@@ -54,6 +54,7 @@
         icon-color: $icon-color,
         border-radius: $border-radius,
         size: $size,
+        theme: map.get($schema, '_meta', 'theme'),
         _meta: map.merge(if($meta, $meta, ()), (
             variant: map.get($schema, '_meta', 'theme')
         )),

projects/igniteui-angular/src/lib/core/styles/components/badge/_badge-theme.scss

@@ -73,6 +73,7 @@
         border-radius: $border-radius,
         background-color: $background-color,
         shadow: $shadow,
+        theme: map.get($schema, '_meta', 'theme'),
         _meta: map.merge(if($meta, $meta, ()), (
             variant: map.get($schema, '_meta', 'theme'),
         )),

projects/igniteui-angular/src/lib/core/styles/components/banner/_banner-theme.scss

@@ -57,6 +57,7 @@
         banner-border-color: $banner-border-color,
         banner-illustration-color: $banner-illustration-color,
         border-radius: $border-radius,
+        theme: map.get($schema, '_meta', 'theme'),
         _meta: map.merge(if($meta, $meta, ()), (
             variant: map.get($schema, '_meta', 'theme')
         )),

projects/igniteui-angular/src/lib/core/styles/components/bottom-nav/_bottom-nav-theme.scss

@@ -107,6 +107,7 @@
         label-disabled-color: $label-disabled-color,
         border-color: $border-color,
         shadow: $shadow,
+        theme: map.get($schema, '_meta', 'theme'),
         _meta: map.merge(if($meta, $meta, ()), (
             variant: map.get($schema, '_meta', 'theme'),
             theme-variant: map.get($schema, '_meta', 'variant')

projects/igniteui-angular/src/lib/core/styles/components/button-group/_button-group-theme.scss

@@ -208,6 +208,7 @@
         shadow: $shadow,
         idle-shadow-color: $idle-shadow-color,
         selected-shadow-color: $selected-shadow-color,
+        theme: map.get($schema, '_meta', 'theme'),
         _meta: map.merge(if($meta, $meta, ()), (
             variant: map.get($schema, '_meta', 'theme')
         )),

projects/igniteui-angular/src/lib/core/styles/components/button/_button-theme.scss

@@ -244,6 +244,7 @@
                 disabled-icon-color: $disabled-icon-color,
                 disabled-border-color: $disabled-border-color,
                 size: $size,
+                theme: map.get($schema, '_meta', 'theme'),
             ))
         ));
     }

projects/igniteui-angular/src/lib/core/styles/components/calendar/_calendar-theme.scss

@@ -693,6 +693,7 @@
         actions-divider-color: $actions-divider-color,
         size: $size,
         inner-size: $inner-size,
+        theme: map.get($schema, '_meta', 'theme'),
         _meta: map.merge(if($meta, $meta, ()), (
             variant: map.get($schema, '_meta', 'theme')
         )),

projects/igniteui-angular/src/lib/core/styles/components/card/_card-theme.scss

@@ -99,6 +99,7 @@
         actions-text-color: $actions-text-color,
         resting-shadow: $resting-shadow,
         hover-shadow: $hover-shadow,
+        theme: map.get($schema, '_meta', 'theme'),
         _meta: map.merge(if($meta, $meta, ()), (
             variant: map.get($schema, '_meta', 'theme')
         )),

projects/igniteui-angular/src/lib/core/styles/components/carousel/_carousel-theme.scss

@@ -123,6 +123,7 @@
         indicator-active-dot-color: $indicator-active-dot-color,
         indicator-active-border-color: $indicator-active-border-color,
         indicator-active-hover-dot-color: $indicator-active-hover-dot-color,
+        theme: map.get($schema, '_meta', 'theme'),
         _meta: map.merge(if($meta, $meta, ()), (
             variant: map.get($schema, '_meta', 'theme')
         )),
@@ -561,17 +562,17 @@
                 transform: rotate(90deg);
             }
         }
-    
+
         %igx-carousel-arrow--prev {
             inset-block-start: 0;
             margin-block-start: rem(16px);
         }
-    
+
         %igx-carousel-arrow--next {
             inset-block-end: 0;
             margin-block-end: rem(16px);
         }
-    
+
         %igx-carousel-indicators {
             inset-inline-end: 0;
             inset-inline-start: unset;
@@ -601,12 +602,12 @@
                 margin-inline-end: rem(16px);
                 padding: rem(6px);
             }
-        
+
             %igx-carousel-label-indicator {
                 padding: rem(4px) rem(6px);
                 margin-inline-end: rem(16px);
             }
-        
+
             %igx-carousel-indicators--top {
                 margin-inline-start: rem(16px);
             }