Bringing master changes to vnext

live-editing/configs/HierarchicalGridConfigGenerator.ts

@@ -12,7 +12,6 @@ import {
     IgxDialogModule,
     IgxDragDropModule,
     IgxGridModule,
-    IgxHierarchicalGridAPIService,
     IgxHierarchicalGridModule,
     IgxIconModule,
     IgxInputGroupModule,

live-editing/configs/SelectConfigGenerator.ts

@@ -37,13 +37,6 @@ export class SelectConfigGenerator implements IConfigGenerator {
             shortenComponentPathBy: "/data-entries/select/"
         }));
 
-        configs.push(new Config({
-            additionalFiles: ["/src/app/data-entries/select/select-styling/layout.scss"],
-            appConfig: BaseAppConfig,
-            component: 'SelectStylingComponent',
-            shortenComponentPathBy: "/data-entries/select/"
-        }));
-
         configs.push(new Config({
             appConfig: BaseAppConfig,
             component: 'SelectInputDirectivesComponent'

src/app/grid/grid-row-editing-style/grid-row-editing-style.component.scss

@@ -1,6 +1,10 @@
 @use "layout.scss";
 @use "igniteui-angular/theming" as *;
 
+$banner-theme: banner-theme(
+    $banner-background: #e3e3e3,
+    $banner-message-color: color($purple-palette, "secondary", 600),
+);
 $banner-theme: banner-theme(
     $banner-background: #494949,
     $banner-message-color: #ffcd0f,
@@ -12,8 +16,12 @@ $icon-button-theme: icon-button-theme(
 );
 
 :host {
-  ::ng-deep {
-    @include css-vars($banner-theme);
-    @include css-vars($icon-button-theme);
-  }
-}
+    ::ng-deep {
+        @include css-vars($banner-theme);
+        @include css-vars($icon-button-theme);
+    }
+}
+
+igx-grid {
+    @include palette($purple-palette);
+}

src/app/layouts/carousel/carousel-animations-sample/carousel-animations-sample.component.html

@@ -10,30 +10,28 @@
         </span>
     </div>
     <div class="carousel-wrapper">
-        <igx-carousel #carousel>
+        <igx-carousel #carousel [indicators]="false">
             <igx-slide *ngFor="let slide of slides;">
                 <div class="slide-wrapper">
                     <igx-card elevated>
                         <igx-card-header>
                             <h4 igxCardHeaderTitle>{{slide.heading}}</h4>
                         </igx-card-header>
- 
+
                         <igx-card-content>
                             <p>{{slide.description}}</p>
                         </igx-card-content>
- 
+
                         <igx-card-media>
                             <img [src]="slide.image">
                         </igx-card-media>
- 
+
                         <igx-card-actions>
                             <a igxButton href="{{slide.link}}" target="_blank" rel="noopener" style="text-decoration: none;" igxStart>visit page</a>
                         </igx-card-actions>
                     </igx-card>
                 </div>
             </igx-slide>
-            <ng-template igxCarouselIndicator></ng-template>
         </igx-carousel>
     </div>
 </div>
-

src/app/layouts/carousel/carousel-no-navigation-sample/carousel-no-navigation-sample.component.html

@@ -1,6 +1,6 @@
 <div class="carousel-animation-wrapper">
     <div class="carousel-wrapper">
-        <igx-carousel [navigation]="false" [pause]="false" animationType="fade" [interval]="2000">
+        <igx-carousel [navigation]="false" [indicators]="false" [pause]="false" animationType="fade" [interval]="2000" [gesturesSupport]="false">
                 <igx-slide #slide *ngFor="let item of slides">
                     <div style="height: 100%" [ngStyle]="slideStyle(item.image)">
                         <section class="promo-price" [ngClass]="{'animated': slide.active}">
@@ -9,7 +9,6 @@
                         </section>
                 </div>
                 </igx-slide>
-            <ng-template igxCarouselIndicator></ng-template>
         </igx-carousel>
     </div>
     <div class="list-wrapper">

src/app/theming/angular/angular-sample.component.scss

@@ -183,31 +183,31 @@ igx-expansion-panel-body {
 
             .mat-mdc-slider.secondary .mdc-slider__track--inactive,
             .mat-mdc-slider.secondary .mdc-slider__thumb-knob {
-                background-color: color($custom-mat-dark-theme, 'accent');
+                background-color: color($custom-mat-dark-theme, accent, default);
             }
 
             .mat-mdc-slider.secondary .mdc-slider__track--active_fill,
             .mat-mdc-slider.secondary .mdc-slider__thumb-knob {
-                border-color: color($custom-mat-dark-theme, 'accent');
+                border-color: color($custom-mat-dark-theme, accent, default);
             }
 
             .mat-mdc-slider.secondary .mat-mdc-slider-visual-thumb .mat-ripple > * {
-                background-color: color($custom-mat-dark-theme, 'accent');
+                background-color: color($custom-mat-dark-theme, accent, default);
                 opacity: .12;
             }
 
             .mat-step-header .mat-step-icon-selected {
-                background-color: color($custom-dark-palette, 'secondary');
+                background-color: color($custom-dark-palette, secondary);
             }
 
             .mat-stepper-horizontal,
             .mat-mdc-form-field-focus-overlay,
             .mdc-text-field--filled:not(.mdc-text-field--disabled) {
-                background: color($custom-dark-palette, 'surface');
+                background: color($custom-dark-palette, surface);
             }
 
             igx-expansion-panel h5 {
-                color: color($custom-dark-palette, 'gray', 800);
+                color: color($custom-dark-palette, "gray", 800);
             }
         }
     }
@@ -233,16 +233,16 @@ igx-expansion-panel-body {
 
         .mat-mdc-slider.secondary .mdc-slider__track--inactive,
         .mat-mdc-slider.secondary .mdc-slider__thumb-knob {
-            background-color: color($custom-mat-light-theme, 'accent');
+            background-color: color($custom-mat-light-theme, accent, default);
         }
 
         .mat-mdc-slider.secondary .mdc-slider__track--active_fill,
         .mat-mdc-slider.secondary .mdc-slider__thumb-knob {
-            border-color: color($custom-mat-light-theme, 'accent');
+            border-color: color($custom-mat-light-theme, accent, default);
         }
 
         .mat-mdc-slider.secondary .mat-mdc-slider-visual-thumb .mat-ripple > * {
-            background-color: color($custom-mat-light-theme, 'accent');
+            background-color: color($custom-mat-light-theme, accent, default);
             opacity: .12;
         }