diff --git a/projects/igniteui-angular/src/lib/core/styles/components/action-strip/_action-strip-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/action-strip/_action-strip-theme.scss index 0b6794fcb8c..c99350f8040 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/action-strip/_action-strip-theme.scss +++ b/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') )), diff --git a/projects/igniteui-angular/src/lib/core/styles/components/avatar/_avatar-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/avatar/_avatar-theme.scss index 34bf3ff1fa8..4fa80652ad6 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/avatar/_avatar-theme.scss +++ b/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') )), diff --git a/projects/igniteui-angular/src/lib/core/styles/components/badge/_badge-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/badge/_badge-theme.scss index 921c582d2dd..5ec4f4bb830 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/badge/_badge-theme.scss +++ b/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'), )), diff --git a/projects/igniteui-angular/src/lib/core/styles/components/banner/_banner-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/banner/_banner-theme.scss index 69a41faa4dc..74a3166012a 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/banner/_banner-theme.scss +++ b/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') )), diff --git a/projects/igniteui-angular/src/lib/core/styles/components/bottom-nav/_bottom-nav-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/bottom-nav/_bottom-nav-theme.scss index c8d54dcefb3..8ec6ebddf0b 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/bottom-nav/_bottom-nav-theme.scss +++ b/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') diff --git a/projects/igniteui-angular/src/lib/core/styles/components/button-group/_button-group-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/button-group/_button-group-theme.scss index 64ae6929ca4..b292623bc26 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/button-group/_button-group-theme.scss +++ b/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') )), diff --git a/projects/igniteui-angular/src/lib/core/styles/components/button/_button-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/button/_button-theme.scss index bfa10aa68c4..96846669f55 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/button/_button-theme.scss +++ b/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'), )) )); } diff --git a/projects/igniteui-angular/src/lib/core/styles/components/calendar/_calendar-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/calendar/_calendar-theme.scss index cf9a63636c5..616af029650 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/calendar/_calendar-theme.scss +++ b/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') )), diff --git a/projects/igniteui-angular/src/lib/core/styles/components/card/_card-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/card/_card-theme.scss index fd22d80c275..b75fdbd056e 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/card/_card-theme.scss +++ b/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') )), diff --git a/projects/igniteui-angular/src/lib/core/styles/components/carousel/_carousel-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/carousel/_carousel-theme.scss index dfed75a82ba..02086d54a84 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/carousel/_carousel-theme.scss +++ b/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); } diff --git a/projects/igniteui-angular/src/lib/core/styles/components/checkbox/_checkbox-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/checkbox/_checkbox-theme.scss index 324f5e442d5..657e87b9d33 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/checkbox/_checkbox-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/checkbox/_checkbox-theme.scss @@ -90,6 +90,7 @@ focus-outline-color: $focus-outline-color, error-color: $error-color, error-color-hover: $error-color-hover, + 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') diff --git a/projects/igniteui-angular/src/lib/core/styles/components/chip/_chip-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/chip/_chip-theme.scss index 1521c587716..edc04afd2ba 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/chip/_chip-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/chip/_chip-theme.scss @@ -242,6 +242,7 @@ remove-icon-color-focus: $remove-icon-color-focus, focus-selected-outline-color: $focus-selected-outline-color, focus-outline-color: $focus-outline-color, + 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') diff --git a/projects/igniteui-angular/src/lib/core/styles/components/column-actions/_column-actions-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/column-actions/_column-actions-theme.scss index 118cf236a58..b00e5402064 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/column-actions/_column-actions-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/column-actions/_column-actions-theme.scss @@ -50,6 +50,7 @@ elevations: $elevations, title-color: $title-color, background-color: $background-color, + theme: map.get($schema, '_meta', 'theme'), _meta: map.merge(if($meta, $meta, ()), ( variant: map.get($schema, '_meta', 'theme'), )), diff --git a/projects/igniteui-angular/src/lib/core/styles/components/combo/_combo-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/combo/_combo-theme.scss index 9a604c7cf59..b6686ccc65b 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/combo/_combo-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/combo/_combo-theme.scss @@ -80,6 +80,7 @@ clear-button-background-focus: $clear-button-background-focus, clear-button-foreground: $clear-button-foreground, clear-button-foreground-focus: $clear-button-foreground-focus, + theme: map.get($schema, '_meta', 'theme'), _meta: map.merge(if($meta, $meta, ()), ( variant: map.get($schema, '_meta', 'theme') )), diff --git a/projects/igniteui-angular/src/lib/core/styles/components/dialog/_dialog-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/dialog/_dialog-theme.scss index c13dc6c01e7..b49658537c8 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/dialog/_dialog-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/dialog/_dialog-theme.scss @@ -74,6 +74,7 @@ message-color: $message-color, shadow: $shadow, border-color: $border-color, + theme: map.get($schema, '_meta', 'theme'), _meta: map.merge(if($meta, $meta, ()), ( variant: map.get($schema, '_meta', 'theme') )), diff --git a/projects/igniteui-angular/src/lib/core/styles/components/divider/_divider-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/divider/_divider-theme.scss index 9b6cbbcac00..2326d4151e5 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/divider/_divider-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/divider/_divider-theme.scss @@ -38,6 +38,7 @@ name: $name, color: $color, inset: $inset, + theme: map.get($schema, '_meta', 'theme'), _meta: map.merge(if($meta, $meta, ()), ( variant: map.get($schema, '_meta', 'theme'), )), diff --git a/projects/igniteui-angular/src/lib/core/styles/components/drop-down/_drop-down-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/drop-down/_drop-down-theme.scss index c521f43c832..ef96cacdc6b 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/drop-down/_drop-down-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/drop-down/_drop-down-theme.scss @@ -191,6 +191,7 @@ border-color: $border-color, border-width: $border-width, size: $size, + theme: map.get($schema, '_meta', 'theme'), _meta: map.merge(if($meta, $meta, ()), ( variant: map.get($schema, '_meta', 'theme') )), diff --git a/projects/igniteui-angular/src/lib/core/styles/components/expansion-panel/_expansion-panel-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/expansion-panel/_expansion-panel-theme.scss index 643bd75d336..20e144dcca6 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/expansion-panel/_expansion-panel-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/expansion-panel/_expansion-panel-theme.scss @@ -86,6 +86,7 @@ disabled-text-color: $disabled-text-color, disabled-description-color: $disabled-description-color, expanded-margin: $expanded-margin, + theme: map.get($schema, '_meta', 'theme'), _meta: map.merge(if($meta, $meta, ()), ( variant: map.get($schema, '_meta', 'theme') )), diff --git a/projects/igniteui-angular/src/lib/core/styles/components/grid-summary/_grid-summary-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/grid-summary/_grid-summary-theme.scss index b6b9f77c70e..294b866cbc8 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/grid-summary/_grid-summary-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/grid-summary/_grid-summary-theme.scss @@ -82,6 +82,7 @@ pinned-border-style: $pinned-border-style, pinned-border-color: $pinned-border-color, label-hover-color: $label-hover-color, + theme: map.get($schema, '_meta', 'theme'), _meta: map.merge(if($meta, $meta, ()), ( variant: map.get($schema, '_meta', 'theme') )), diff --git a/projects/igniteui-angular/src/lib/core/styles/components/grid-toolbar/_grid-toolbar-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/grid-toolbar/_grid-toolbar-theme.scss index 897b85c30a0..a44d36e2b9a 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/grid-toolbar/_grid-toolbar-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/grid-toolbar/_grid-toolbar-theme.scss @@ -92,6 +92,7 @@ item-hover-text-color: $item-hover-text-color, item-focus-background: $item-focus-background, item-focus-text-color: $item-focus-text-color, + theme: map.get($schema, '_meta', 'theme'), _meta: map.merge(if($meta, $meta, ()), ( variant: map.get($schema, '_meta', 'theme') )), diff --git a/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss index 9f158788ead..5cd89a5220d 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss @@ -575,6 +575,7 @@ cell-selected-within-background: $cell-selected-within-background, cell-selected-within-text-color: $cell-selected-within-text-color, + 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') @@ -1073,15 +1074,15 @@ %cbx-composite-wrapper { padding: 0; } - + %cbx-label-pos--after { margin-inline-start: rem(12px); } - + %cbx-label-pos--before { margin-inline-end: rem(12px); } - + %cbx-label-pos--before, %cbx-label-pos--after { &:empty { diff --git a/projects/igniteui-angular/src/lib/core/styles/components/grid/_pivot-data-selector-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/grid/_pivot-data-selector-theme.scss index e6336002275..2723371e9a9 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/grid/_pivot-data-selector-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/grid/_pivot-data-selector-theme.scss @@ -29,6 +29,7 @@ @return extend($theme, ( name: $name, + theme: map.get($schema, '_meta', 'theme'), _meta: map.merge(if($meta, $meta, ()), ( variant: map.get($schema, '_meta', 'theme') )), diff --git a/projects/igniteui-angular/src/lib/core/styles/components/highlight/highlight-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/highlight/highlight-theme.scss index 71b7677bf3c..641077c20d6 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/highlight/highlight-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/highlight/highlight-theme.scss @@ -53,6 +53,7 @@ resting-color: $resting-color, active-background: $active-background, active-color: $active-color, + theme: map.get($schema, '_meta', 'theme'), )); } diff --git a/projects/igniteui-angular/src/lib/core/styles/components/icon-button/_icon-button-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/icon-button/_icon-button-theme.scss index aa385019581..c6ba1bb5113 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/icon-button/_icon-button-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/icon-button/_icon-button-theme.scss @@ -118,6 +118,7 @@ disabled-foreground: $disabled-foreground, disabled-border-color: $disabled-border-color, size: $size, + theme: map.get($schema, '_meta', 'theme'), )) )); } diff --git a/projects/igniteui-angular/src/lib/core/styles/components/icon/_icon-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/icon/_icon-theme.scss index 59b88f16f2d..e2b5249ac41 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/icon/_icon-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/icon/_icon-theme.scss @@ -40,7 +40,8 @@ name: $name, color: $color, size: $size, - disabled-color: $disabled-color + disabled-color: $disabled-color, + theme: map.get($schema, '_meta', 'theme'), )); } diff --git a/projects/igniteui-angular/src/lib/core/styles/components/label/_label-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/label/_label-theme.scss index 48f76969f9a..a47078697a3 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/label/_label-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/label/_label-theme.scss @@ -31,6 +31,7 @@ name: $name, selector: $selector, color: $color, + theme: map.get($schema, '_meta', 'theme'), variant: map.get($schema, '_meta', 'theme'), )); } diff --git a/projects/igniteui-angular/src/lib/core/styles/components/list/_list-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/list/_list-theme.scss index b32a72becd2..2e2e9f03d0b 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/list/_list-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/list/_list-theme.scss @@ -229,6 +229,7 @@ item-thumbnail-color-active: $item-thumbnail-color-active, border-color: $border-color, border-width: $border-width, + theme: map.get($schema, '_meta', 'theme'), _meta: map.merge(if($meta, $meta, ()), ( variant: map.get($schema, '_meta', 'theme') )), diff --git a/projects/igniteui-angular/src/lib/core/styles/components/navbar/_navbar-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/navbar/_navbar-theme.scss index 59dc5b32bf6..4e67f55a7a1 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/navbar/_navbar-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/navbar/_navbar-theme.scss @@ -76,6 +76,7 @@ idle-icon-color: $idle-icon-color, hover-icon-color: $hover-icon-color, shadow: $shadow, + theme: map.get($schema, '_meta', 'theme'), _meta: map.merge(if($meta, $meta, ()), ( variant: map.get($schema, '_meta', 'theme') )), diff --git a/projects/igniteui-angular/src/lib/core/styles/components/navdrawer/_navdrawer-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/navdrawer/_navdrawer-theme.scss index 96ca11cfbbf..4a100cbfe7c 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/navdrawer/_navdrawer-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/navdrawer/_navdrawer-theme.scss @@ -136,6 +136,7 @@ item-disabled-text-color:$item-disabled-text-color, item-disabled-icon-color: $item-disabled-icon-color, shadow: $shadow, + theme: map.get($schema, '_meta', 'theme'), _meta: map.merge(if($meta, $meta, ()), ( variant: map.get($schema, '_meta', 'theme') )), diff --git a/projects/igniteui-angular/src/lib/core/styles/components/overlay/_overlay-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/overlay/_overlay-theme.scss index 45034ddb62c..68c4d19e3ae 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/overlay/_overlay-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/overlay/_overlay-theme.scss @@ -37,6 +37,7 @@ name: $name, selector: $selector, background-color: $background-color, + theme: map.get($schema, '_meta', 'theme'), )); } diff --git a/projects/igniteui-angular/src/lib/core/styles/components/paginator/_paginator-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/paginator/_paginator-theme.scss index bb6a932ab7e..1e4883f8678 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/paginator/_paginator-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/paginator/_paginator-theme.scss @@ -49,6 +49,7 @@ text-color: $text-color, background-color: $background-color, border-color: $border-color, + theme: map.get($schema, '_meta', 'theme'), _meta: map.merge(if($meta, $meta, ()), ( variant: map.get($schema, '_meta', 'theme') )), diff --git a/projects/igniteui-angular/src/lib/core/styles/components/progress/_progress-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/progress/_progress-theme.scss index 3f3bc4e3903..868a66f48c6 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/progress/_progress-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/progress/_progress-theme.scss @@ -70,6 +70,7 @@ stripes-color: $stripes-color, text-color: $text-color, track-border-radius: $track-border-radius, + theme: map.get($schema, '_meta', 'theme'), _meta: map.merge(if($meta, $meta, ()), ( variant: map.get($schema, '_meta', 'theme') )), @@ -449,6 +450,7 @@ progress-circle-color-end: $progress-circle-color-end, text-color: $text-color, diameter: $diameter, + theme: map.get($schema, '_meta', 'theme'), _meta: map.merge(if($meta, $meta, ()), ( variant: map.get($schema, '_meta', 'theme') )), diff --git a/projects/igniteui-angular/src/lib/core/styles/components/query-builder/_query-builder-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/query-builder/_query-builder-theme.scss index cd3313850c7..3c47e7dd7e7 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/query-builder/_query-builder-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/query-builder/_query-builder-theme.scss @@ -60,6 +60,7 @@ background-and--focus: $background-and--focus, background-or: $background-or, background-or--focus: $background-or--focus, + theme: map.get($schema, '_meta', 'theme'), _meta: map.merge(if($meta, $meta, ()), ( variant: map.get($schema, '_meta', 'theme') )), diff --git a/projects/igniteui-angular/src/lib/core/styles/components/radio/_radio-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/radio/_radio-theme.scss index db97c560835..dcaa588157d 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/radio/_radio-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/radio/_radio-theme.scss @@ -87,6 +87,7 @@ error-color: $error-color, error-color-hover: $error-color-hover, focus-outline-color-error: $focus-outline-color-error, + 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') diff --git a/projects/igniteui-angular/src/lib/core/styles/components/ripple/_ripple-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/ripple/_ripple-theme.scss index 32a0e33275a..30d91d77268 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/ripple/_ripple-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/ripple/_ripple-theme.scss @@ -36,7 +36,8 @@ @return extend($theme, ( name: $name, selector: $selector, - color: $color + color: $color, + theme: map.get($schema, '_meta', 'theme'), )); } diff --git a/projects/igniteui-angular/src/lib/core/styles/components/scrollbar/scrollbar-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/scrollbar/scrollbar-theme.scss index bed277b7b8e..b4f3a1e6236 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/scrollbar/scrollbar-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/scrollbar/scrollbar-theme.scss @@ -80,6 +80,7 @@ sb-corner-bg: $sb-corner-bg, sb-corner-border-color: $sb-corner-border-color, sb-corner-border-size: $sb-corner-border-size, + theme: map.get($schema, '_meta', 'theme'), )); } diff --git a/projects/igniteui-angular/src/lib/core/styles/components/select/_select-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/select/_select-theme.scss index 8e35876a950..4cd0fbaa821 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/select/_select-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/select/_select-theme.scss @@ -59,6 +59,7 @@ toggle-button-foreground-disabled: $toggle-button-foreground-disabled, toggle-button-foreground-filled: $toggle-button-foreground-filled, toggle-button-background-focus--border: $toggle-button-background-focus--border, + theme: map.get($schema, '_meta', 'theme'), _meta: map.merge(if($meta, $meta, ()), ( variant: map.get($schema, '_meta', 'theme') )), diff --git a/projects/igniteui-angular/src/lib/core/styles/components/slider/_slider-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/slider/_slider-theme.scss index 0456cfc868f..850d59d8df1 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/slider/_slider-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/slider/_slider-theme.scss @@ -98,6 +98,7 @@ disabled-fill-track-color: $disabled-fill-track-color, tick-label-color: $tick-label-color, tick-color: $tick-color, + theme: map.get($schema, '_meta', 'theme'), _meta: map.merge(if($meta, $meta, ()), ( variant: map.get($schema, '_meta', 'theme') )), diff --git a/projects/igniteui-angular/src/lib/core/styles/components/snackbar/_snackbar-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/snackbar/_snackbar-theme.scss index 1cb6123f76d..14d754c40ef 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/snackbar/_snackbar-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/snackbar/_snackbar-theme.scss @@ -66,6 +66,7 @@ text-color: $text-color, button-color: $button-color, shadow: $shadow, + theme: map.get($schema, '_meta', 'theme'), _meta: map.merge(if($meta, $meta, ()), ( variant: map.get($schema, '_meta', 'theme') )), diff --git a/projects/igniteui-angular/src/lib/core/styles/components/splitter/_splitter-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/splitter/_splitter-theme.scss index 5daa65ebdd9..822ccb4880e 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/splitter/_splitter-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/splitter/_splitter-theme.scss @@ -62,6 +62,7 @@ border-radius: $border-radius, focus-color: $focus-color, size: $size, + theme: map.get($schema, '_meta', 'theme'), _meta: map.merge(if($meta, $meta, ()), ( variant: map.get($schema, '_meta', 'theme') )), diff --git a/projects/igniteui-angular/src/lib/core/styles/components/stepper/_stepper-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/stepper/_stepper-theme.scss index d07d12550cb..e9d489aa0a4 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/stepper/_stepper-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/stepper/_stepper-theme.scss @@ -318,6 +318,7 @@ // Border-radius border-radius-indicator: $border-radius-indicator, border-radius-step-header: $border-radius-step-header, + theme: map.get($schema, '_meta', 'theme'), _meta: map.merge(if($meta, $meta, ()), ( variant: map.get($schema, '_meta', 'theme') )), diff --git a/projects/igniteui-angular/src/lib/core/styles/components/switch/_switch-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/switch/_switch-theme.scss index 8db5abc8c7b..0b005a2e730 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/switch/_switch-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/switch/_switch-theme.scss @@ -170,6 +170,7 @@ thumb-on-error-color: $thumb-on-error-color, error-color: $error-color, error-color-hover: $error-color-hover, + 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') diff --git a/projects/igniteui-angular/src/lib/core/styles/components/tabs/_tabs-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/tabs/_tabs-theme.scss index 37389a56f9d..6a650209a77 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/tabs/_tabs-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/tabs/_tabs-theme.scss @@ -187,6 +187,7 @@ button-ripple-color: $button-ripple-color, border-color: $border-color, border-radius: $border-radius, + 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') diff --git a/projects/igniteui-angular/src/lib/core/styles/components/time-picker/_time-picker-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/time-picker/_time-picker-theme.scss index 338aaf3c023..349c14d31e7 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/time-picker/_time-picker-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/time-picker/_time-picker-theme.scss @@ -135,6 +135,7 @@ divider-color: $divider-color, time-item-size: $time-item-size, active-item-border-radius: $active-item-border-radius, + theme: map.get($schema, '_meta', 'theme'), _meta: map.merge(if($meta, $meta, ()), ( variant: map.get($schema, '_meta', 'theme') )), diff --git a/projects/igniteui-angular/src/lib/core/styles/components/toast/_toast-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/toast/_toast-theme.scss index 5d913a2da79..e7cee91389c 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/toast/_toast-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/toast/_toast-theme.scss @@ -64,6 +64,7 @@ text-color: $text-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') )), diff --git a/projects/igniteui-angular/src/lib/core/styles/components/tooltip/_tooltip-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/tooltip/_tooltip-theme.scss index dd412038042..6ddc20f8d80 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/tooltip/_tooltip-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/tooltip/_tooltip-theme.scss @@ -61,6 +61,7 @@ text-color: $text-color, border-radius: $border-radius, shadow: $shadow, + theme: map.get($schema, '_meta', 'theme'), _meta: map.merge(if($meta, $meta, ()), ( variant: map.get($schema, '_meta', 'theme') )), diff --git a/projects/igniteui-angular/src/lib/core/styles/components/tree/_tree-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/tree/_tree-theme.scss index a790a9d12e3..fcd4c05d0d0 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/tree/_tree-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/tree/_tree-theme.scss @@ -98,6 +98,7 @@ border-color: $border-color, hover-color: $hover-color, hover-selected-color: $hover-selected-color, + theme: map.get($schema, '_meta', 'theme'), _meta: map.merge(if($meta, $meta, ()), ( variant: map.get($schema, '_meta', 'theme') )), diff --git a/projects/igniteui-angular/src/lib/core/styles/components/watermark/_watermark-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/watermark/_watermark-theme.scss index 1fa70ac2dd5..d43f68ae3f6 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/watermark/_watermark-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/watermark/_watermark-theme.scss @@ -58,6 +58,7 @@ color: $color, border-color: $border-color, border-radius: $border-radius, + theme: map.get($schema, '_meta', 'theme'), )); }