Merge remote-tracking branch 'origin/master' into sstoychev/master-to-vnext

Author: ChronosSF

live-editing/configs/AccordionConfigGenerator.ts

@@ -40,6 +40,17 @@ export class AccordionConfigGenerator implements IConfigGenerator {
             shortenComponentPathBy: '/layouts/accordion/'
         }));
 
+        configs.push(new Config({
+            component: 'AccordionStyleComponent',
+            additionalFiles: ["/src/app/layouts/accordion/accordion-style/layout.scss"],
+            appModuleConfig: new AppModuleConfig({
+                imports: ['AccordionStyleComponent', 'IgxAccordionModule', 'IgxSwitchModule'],
+                ngDeclarations: ['AccordionStyleComponent'],
+                ngImports: ['IgxAccordionModule', 'IgxSwitchModule']
+            }),
+            shortenComponentPathBy: '/layouts/accordion/'
+        }));
+
         return configs;
     }
 }

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'

live-editing/configs/TreeConfigGenerator.ts

@@ -22,6 +22,16 @@ export class TreeConfigGenerator implements IConfigGenerator {
             appConfig: BaseAppConfig
         }));
 
+        configs.push(new Config({
+            component: 'TreeStylingComponent',
+            additionalFiles: ['/src/app/data/animations-data.ts', '/src/app/lists/tree/tree-styling/layout.scss'],
+            appModuleConfig: new AppModuleConfig({
+                imports: ['IgxTreeModule', 'IgxIconModule', 'TreeStylingComponent'],
+                ngDeclarations: ['TreeStylingComponent'],
+                ngImports: ['IgxTreeModule', 'IgxIconModule']
+            }),
+        }));
+
         configs.push(new Config({
             component: 'TreeAdvancedSampleComponent',
             additionalFiles: ['/src/app/data/tree-file-data.ts',

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

@@ -2,18 +2,17 @@
 @use "igniteui-angular/theming" as *;
 
 $banner-theme: banner-theme(
-    $banner-background: #494949,
-    $banner-message-color: #ffcd0f,
-);
-
-$icon-button-theme: icon-button-theme(
-    $foreground: #ffcd0f,
-    $hover-foreground: #ffffff
+  $banner-background: #e3e3e3,
+  $banner-message-color: color($purple-palette, "secondary", 600)
 );
 
 :host {
   ::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">